Project 9: Portfolio

Portfolio (Scribd.com)

View this document on Scribd

Project Corrections / Time spent: I spent a full two hours correcting various past projects. The corrections and reasons why I made these corrections are as follows:

-Flier (Time spent: 25 minutes):

I changed the title to create more contrast (changed “Graduate” to white font and placed it in the black bar at the top) and to make it stand out more (changed “Leadership Conference” to a larger font).

I aligned all the elements on the left side of the flier and aligned the bottom of the body text to the bottom of the date, time and place on the left.

I also made the repeating bars go up at a consistent rate of .5 in (including the picture), to create repetition and flow.

-Montage (Time Spent: 20 minutes):

I completely redid the photo of Christ. I reselected him and blended him into the picture of the child praying again. This time I tried to make the blending more seamless than before. I also made him larger than before.

-Web Page (Time Spent: 20 minutes):

I added more space after each list item so that the sentence wouldn’t run into the list item. I did this in the CSS document.

I made “My logo design process” the same lime color to bring out my color scheme more than just my link being the lime color.

I got rid of some of the extra white space in the web page, especially around the logo and between the logo and the first paragraph.

-Event Ad (Time Spent: 15 minutes):

I made the text in the image (in the empty area of the trunk) bold. I did this to try to make it stand out more. I also increase the spacing between letters to create more legibility.

Because I increased the area the text took up, I had to realign the orange bars to the new text space to the right. I did this to create more alignment. I really tried to have everything align with something.

-Logo (Time Spent: 15 minutes):

I thought of ways to get the handle of the umbrella thicker so people would be able to see it when the whole logo would be sized down. I ended up putting a stroke of the color of my choice on the handle. I then expanded it with the stroke.

-Brochure (Time Spent: 30 minutes):

I read through my entire brochure looking for grammar and spelling mistakes.

I also changed a bit of the placement of the objects that were a little off. I did this just a little bit.

I then retook screenshots of the brochure to add to my portfolio.

Message: I want to showcase my completed works in a professional way. I also wanted to show my creative and structured personality.

Audience: Potential clients and employers.

Top Thing Learned: Have patience when working with these programs (especially scribd.com).

Future application of Visual Media: I will continually try to learn more about these programs and designing skills in order to be prepared if someone were to hire me to do something along the lines of what we did in this class.

Color scheme and color names: Monochromatic (Green)

Title Font Name & Category: Night Still Comes (Oldstyle)

Copy Font Name & Category: Champagne and Limousines (Sans Serif)

Thumbnails of Images used:

   

Sources (Links to images on original websites / with title of site):

Bridge: https://unsplash.com/photos/eOpewngf68w

Grunge Texture: http://lostandtaken.com/blog/2015/5/15/10-simply-subtle-grunge-textures.html

Wood Background: http://www.digitalcameraworld.com/2012/05/09/100-free-photoshop-textures-to-download-now/

Project 8: Brochure

Front/Back

Inside

Video Showcase:

Description: An offset formatted brochure.

Process (Programs, Tools, Skills): I used the format of the offset design that we were assigned to complete as an assignment in class.I created an offset design because I really wanted to create a column of some of the many famous landmarks in Europe to give the reader a visual idea of what they could possibly experience. I also liked how the inside is just two pages and gives a lot of space for information

I then went into Adobe InDesign to create a unique logo. I used the           rectangle tool, various circle sizes and also the pen tool. I the decorative or script-like font for “European” because I felt that it gave it more of a classy, fancy and historic feeling.

I used the teal bar on the bottom of the front/back and also the part of the inside that would be seen with the front to create a sense of repletion and flow. I made it slightly transparent so that the viewer could still see picture underneath it.

For the image of the girl sitting down with the map, I used the “quick-selection” tool in Photoshop to cleanly cut her out of the original picture. I then wrapped the text around the image in the brochure in InDesign. Programs/Tools Used: Adobe InDesign, Adobe Illustrator, and Adobe Photoshop

Message: My message is to inform and advertise Travel European, a company that specializes in trips to Europe.

Audience: My audience is anyone who is old enough to purchase a trip to Europe, everyone from young adults to seniors.

Top Thing Learned: I would say that the top thing that I learned for this project was patience. I had to have immense patience when working with these programs because they became very very slow and I also had to have patience when I was printing and trimming because it took quite awhile till I got it just right.

Color scheme and color names: Split Complementary (Indigo, Teal, Orange) (I used the third away from the outside of the circle. That particular shade of indigo has more apparent purple tones than the darker shades. That’s why the brochure seems to have a purple color on it. It isn’t purple, but rather indigo.)

Title Font Name & Category: Apple Chancery (Decorative or Script)

Copy Font Name & Category: Myriad Pro (Sans Serif)

Word Count of copy: 419

Thumbnails of Images used:

Sources (Links to images on original websites):

http://www.tumblrlife.com/tourism-in-switzerland-and-europe/

http://comluv.com/pitstops-around-europe/

http://www.etc-corporate.org/reports/european-tourism-2014-trends-and-prospects-(q3-2014)

https://en.wikipedia.org/wiki/Tourism_in_Italy

http://reversehomesickness.com/europe/top-10-tourist-attractions-in-europe/6/

http://www.worldofwanderlust.com/10-places-europe-need-visit-havent-heard/

http://www.businessinsider.sg/here-are-europes-worst-countries-for-tourist-scams-2015-7/#.VmMntYTHX8E

http://mahavirtour.in/international-holidays/europe

https://commons.wikimedia.org/wiki/File:Guy_with_an_umbrella_battling_rain_and_snow_on_a_bridge.jpg

http://www.playbuzz.com/lebara10/what-is-your-perfect-holiday-destination-this-easter-find-out-with-lebara (Question 5)

http://www.ethicaltraveler.org/2013/06/opportunity-in-despair-european-crisis-tourism/

https://bimondi.wordpress.com/2011/04/07/unofficial-da-vinci-code-tour/

Description: A web page, designed to showcase a logo created by me.

Process (Programs, Tools, Skills): I created this webpage by using HTML and CSS codes in TextWrangler. It was a little overwhelming at first because I have never coded before, but it was satisfying to see the completed project in a web browser after all the coding was done. I also used http://www.W3.org HTML validator to make sure that my coding was correct.

In the separate CSS document, I changed many elements of my design in order to make it visually appealing. I changed the colors of the background of heading one and the text color of the link. I tried to change certain elements to colors that were in my logo, to create repetition and uniformity. I found the colors by opening my logo in Photoshop and using the eyedropper tool to find the hex codes. I also used padding in many areas in order to create more white space. Programs/Tools used: TextWrangler and Photoshop.

Message: That my company, Diamond Interior Designing, is a very high-end and reliable designing company, and a resource for those looking for some excellent interior designing.

Audience: My audience is anyone who is in need of an interior design job in their home or even their office.

Top Thing Learned: The top thing that I learned is everything to do with coding with HTML and CSS in order to create a webpage.

Color scheme and color hex(s): Complementary: Violet (#7B2775) & Lime (#889B3B). I also used a light gray for the background of heading 1 (#4C4C4C).

Title Font Families & Category (all names): Palatino Linotype, Book Antiqua, Palatino, serif, Oldstyle

Copy Font Families & Category (all names): Tahoma, Geneva, Sans-Serif

Changes made to the CSS: I changed the font families, the color of some of the text to match my logo, the background color of heading 1 (and the outline of the body), and the background (picture of a metal fixture).

Word Count: 416

Project 6: Stationery

  

Description: A business card and letterhead with matching logos and design elements.

Process (Programs, Tools, Skills):

I created the logo using Illustrator. I used a font that I really liked that I downloaded from dafont.com because it was just as classy as my previous font. I used all caps to keep the two words balanced on either side of the ring. I created the ring by combining a hexagon and a star in such a way to create a diamond. I then added it to the circle to create a ring.

I created my first page consisting of the front and back of my business card, using InDesign. I specifically made the front of the business card very simply and classy. I did this because there is a beauty and elegance in the simple. I also really liked how by just glancing at the top of the business card, someone could easily recognize the company (if it were a real, familiar company). For the back of the business card, I added the logo with the company name so that if someone didn’t know the company, it was there. I also used a font from the same website to get the beautifully simplistic font I chose for the information section.

On the second page, I also used InDesign to create the letterhead. I used the teal bar across the top to repeat the color that I chose for the ring on the front of the business card, and the bar on the side of the back of the card. I simply repeated the font choice and information, for the information section of the letterhead. I once again added my logo to once again use more repetition and branding. For the watermark, I simply enlarged my design of the ring, reflected it and took down the opacity to about fifteen. I hoped that by placing it where I did, that the viewer’s eye gets drawn back into the page to create some visual flow. Programs/Tools Used: Adobe Illustrator and InDesign

Message: My message is to advertise a bridal store in a classy and elegant way.

Audience: My audience consists of women who are preparing to get married.

Top Thing Learned: The top thing that I learned is how to repeat key elements in multiple formats in order to create a sense of harmony and unity.

Color scheme and color names: Monochromatic (Teal)

Title Font Name & Category: BodoniXT/Modern

Copy Font Name & Category: Champagne and Limousines/Sans Serif

Project 5: Logos

Description: A Logo for “Lil’ Miss Boutique”.

Process: For the logo project, I did research on the Internet to get some inspiration and formulate some sketches of ideas. I chose three sketches to create using Illustrator. I used many parts of Illustrator such as the shape tool, the eyedropper and pen tool. I then took a vote of my peers to see what their opinions were considering my three different ideas. My first design was the most popular and I liked it the best as well. I then refined and slightly altered my logo to make it more visually appealing. I aligned the top and the bottom of the text with the top and bottom of the umbrella. I also aligned both the left and right side of text using kerning. I then created a gray scale version of my logo and a copy with a background and the words white.

Programs/Tools Used: Adobe Illustrator

Message: It is a logo for a Boutique, so the message is simply meant to provide good advertising and branding.

Audience: My audience consists of young women from older teen girls ranging to younger women.

Top Thing Learned: How to alter shapes to make a recognizable shape (ie. a bird in the Twitter logo using circles or my umbrella using lots of circles, a star and some lines).

Color Scheme: Split Complementary Color Names: Lime, Gold and Purple

#1 Font Name & Category: Noteworthy (Decorative/Sans Serif)

#2 Font Name & Category: Arrus BT (Oldstyle)

Project 4: Montage

Description: A montage that shows the spiritual importance of prayer.

Process (Programs, Tools, Skills, Steps taken while designing): I used Adobe Photoshop for my entire process, once I had chosen a couple pictures from the Internet.

1. Once I had my main picture, the picture of the girl praying, I changed the levels to better show the detail in her hair and to make it not so washed out. I also added some more vibrancy because once I added a filter it made the whole picture whiter and more washed out.
2. I then used the lasso tool to take away what I didn’t from the picture of Christ on top of the picture of the girl.
3. I then used a mask and the brush tool to seamlessly blend Christ into the background. I made sure to not use the brush on his face because then you’d be able to see through it and I didn’t want that.
4. I then added a filter by using a picture of cracked concrete from textures.com.
5. Then, using a mask again, I took away the concrete around Christ.
6. I also added the text and made the word “prayer” a bigger and italicized font in order to create contrast. I also added an almost transparent rectangle box to make the text more legible and to compliment my color scheme.

Message: My message is simply stated as, prayer will help you in hard times. When you feel like you’re about to break, pray.

Audience: My audience is anyone who is associated with a religion who prays to Christ. Once again, I have a very broad audience.

Top Thing Learned: I would say that the top thing that I learned is the whole process of taking away from one picture and molding it into another one, seamlessly. I really liked using the brush tool to get rid of the harsh edges. To me, it looks more professional that way.

Filter/Colorization used and where it was applied: So I didn’t use a filter on the Photoshop program, but I rather used a texture from the website Brother Pingel recommended, textures.com, and then changed the “normal” setting to “soft light”. I kept the filter on the whole picture, except I used a mask to take it away from Christ. I was going for fragility. Let me explain, the quote said that when you feel fragile, you should pray (roughly summarized). Therefore, I thought that the cracks that the concrete filter provided, matched my intentions for showing fragility. I didn’t want the cracks to be on or around Christ because he isn’t fragile; he is instead out rock and foundation, the opposite of fragility. I also selected Christ’s robe and changed the color from a light blue to a light purple in order for it to better compliment my color scheme.

Color Scheme: Complementary Color Names: Purple and Yellow

Font #1 Name and Category: I used Athelas Bold for the quote and Athelas Bold Italicized for the word “prayer”. The category is Oldstyle.

Font #2 Name and Category: For “President Harold B. Lee”, I used Athelas Regular. The category is Oldstyle.

Thumbnails of Images used:

Sources (Links to images on original websites / with title of site):

Priority Ministries-Reader Input: Kids vs. Bedtime

https://www.priorityministries.com/christian-womens-blog/reader-input-kids-vs-bedtime/

LDS Media Library-Portrait of Christ Smiling

https://www.lds.org/media-library/images/pictures-of-jesus-smiling-1138511?lang=eng

ConcreteDirty0357

http://www.textures.com/download/concretedirty0357/79604

Project 3: Photodesign

Description: A photograph with a quote. It demonstrates good photography, designing and editing skills.

Process (Program, Tools, Skills, FOCUS principles): I first chose my color scheme. I knew I wanted to do something with primary colors so when my sister came to class wearing colors that could be used in that scheme (orange, red and blue) I decided to take a picture of her. I’ve always loved reading so I wanted to do an inspirational quote with a photo of a book. The green of the grass completed my tetradic color scheme (blue, green, red, and orange). I used a Canon camera from the school library and adjusted the brightness and focus according the situation. I then edited the photo in Photoshop by adding a little more saturation and a lot more vibrancy. On levels, I added more darks to the photo because the sunlight was washing out some of the natural colors. I then added my color scheme and text to the design elements. I used one font, but I added contrast by adding the italics to the author’s name and variation by adding differing font sizes. I used my color scheme in the surrounding borders, the text and the color scheme circles themselves. I then printed off the final project and cut off the white borders to create a full-bleed design.

Message: My message for this poster is to let everyone know that books are good for you and can even become your best friend. It is meant to encourage reading. I could see this poster in a library.

Audience: My audience is very broad. This poster is meant for anyone who can read. That really includes mostly everyone.

Top Thing Learned: The most important thing that I learned was how to use Photoshop. I am no professional by any means, but I am still amazed how a simple photo can be enhanced beautifully by doing the correct things in Photoshop, like adding vibrance/saturation and using the selective color tool.

Color scheme: Tetradic Color names: Blue, Green, Orange, Red

Title Font Name Category: Century Schoolbook Regular/Slab Serif

Copy Font Name & Category: Century Schoolbook Italic/Slab Serif

Thumbnail of original, unedited image inserted:

Date and location you took the photo(s): October 13, 2015/BYUI Amphitheater

P3 Activity: Photography

Light 1: Outside

Light 2: Inside

Focus 1: Foreground

Focus 2: Background

Composition 1: Thirds

Composition 2: Lead Room

I thought that this assignment would be very difficult. It was a little confusing at first to understand how to use the camera correctly and how to use Photoshop. I am still not very confident with my abilities in Photoshop. However, I think that I took pictures that showed the specified qualifications.

With taking the pictures, I tried to change that brightness according to how light it was outside or how dark it was inside. I also tried to not have the sky washed out on my outside shots. On my shot of the Spori building, there was no way that I could get rid of glare on the top of the right side because the sun was shining directly at it. I thought it looked alright anyway. With Photoshop, I tried to up the vibrancy levels on all of the pictures. I tried to steer away from using saturation very much. Overall, I think that I didn’t do too bad of a job for this being my first time.

Project 2 Event Ad

Description: A full-bleed, color event ad meant to promote a fundraiser using only Microsoft Word, scanner and Photoshop (strictly to only check pixels and image size).

Process: I first found the image I wanted to use in a National Geographic magazine and immediately knew that I wanted to promote an event that was planning to save animals. I then scanned the image, which was an entire page, and checked the pixels on Photoshop. I then added it to my document, sharpened the image and added a side bar to add text to. I didn’t want to cover up, or crop much of the image because it really is a beautiful photo. I didn’t want to take away from it that much. I added the title, date, time, place and benefactor in the side bar. However, I added the body text on top of the picture, within the empty area created by the trunk, to create some asymmetry and contrast. I believe that if I kept the body text on the side bar with all the other text, it would’ve been too text-heavy on the left side. I made sure that all my text in the side bar is aligned to the right, and I made sure that the body text was aligned with the orange bars within the side bar. I used Microsoft Word, http://pdf2jpg.net/ (PDF converter), Scanner from the Library, and Photoshop (only to check pixels and image size).

Message: The message for this ad is that the African Elephant is going extinct and we need donations to help that not happen. I am trying to create an emotional appeal or connection with my audience with my large title that emphasizes “Save” and the picture of the mother elephant and her baby.

Audience: My audience is anyone over 18. This is a public fundraiser and anyone who can donate (adults) can come and help the cause. So, my audience is a broad one.

Color scheme and color names: I used a complementary color scheme, using blue and orange as my complementary colors. I used the shade fourth from the middle for both the orange and the blue.

Top Thing Learned: I learned some fascinating design elements in Microsoft Word that I had no idea existed.

Title Font Name and Category: Superclarendon Regular & Italicized-Slab Serif (or Modern, it seems to be in the middle)

Copy Font Name and Category: Athelas regular- Slab Serif (or Modern, it seems to be in the middle)

Scanned images used, sources, original sizes, location of scanner used: I scanned this image on October 5, 2015 from the September 2015 issue of National Geographic, found in the David O. McKay Library. The image was originally 14” x 5 1/8”. The final dimensions of the image, after I had scanned it were 1039 x 1650. I scanned this image on the first floor of the Library, in the commons, using the provided scanner.

Project 1 Flier

Description: Black and White flier promoting Vouant Communication’s Graduate Leadership Conference.

Process (Programs, Tools, Skills, FOCUS principles): I first sketched four separate designs for this flier. I then chose the one that my friends, sister, and I liked the most. From there, I started on my draft in Adobe InDesign. I chose to create a type of flow on the left side of the flier with the white space. I created repetition through my use of the two gray boxes appearing on the top and bottom of the flier. I also tried to create a type of unity and repetition through my use of the “stepping rectangles” directly to the left of the picture. You can also find this “stepping” on the bottom of the left side with the logo and date/time/place information directly above it. I also made the first phrase of the body a slightly bigger font and italicized it to make it contrast with the rest of the body, which is generally small, but readable font size. I was provided the logo, text, and picture.

Message: My message for this particular flier is to let my audience know of this conference, what it is about, and the date/time/place of the event.

Audience: Recent college graduates or college seniors.

Top Thing Learned: I think that learning how all the design elements work together (like in FOCUS) was the most important thing that I learned. Learning how to use InDesign was also pretty important, but I feel like learning the design principles has more of a significance. I loved how if I used the principles, everything just seemed so much more visually appealing.

Title Font Name & Category: Bernard MT Condensed-Modern/Slab Serif

Copy Font Name & Category: Helvetica CY-Sans Serif

Links to images used in this project:

https://130.commbyui.org/wp-content/uploads/2013/01/VouantLogo3.png

https://130.commbyui.org/wp-content/uploads/2013/01/JuliePeterson-Leadership-conference-business-rexburg-Idaho_7645-as-Smart-Object-11.jpg