New Years Resolutions: Photoshop

I had three resolutions this year: start blogging more, get better at photoshop, and get better at photography. Its already February 4th and I have only been succeeding at 2 so here is my start on the third.

I have been working on getting better at photoshop and photography (I am not nearly as good as I want to be but I am definitely better than I was a month ago) and I would still categorize myself as a beginner but I am definitely better than I was a month ago.

My biggest goal is to familiarize myself with photoshop and document my progress through my blog so here it goes.

(Also a huge shoutout to my amazing boyfriend, Chris, for walking around in the cold with me and being my subject and also letting me use some of his pictures from his recent vacation.)

Here is the original of the first picture:

IMG_1095

And here is what I did to it:

chris-in-a-tree

I know its not a lot but its definitely more than I could have done a month ago.

With this picture I was trying to get better at using the spot healing brush tool and using image adjustments and while I know there’s no drastic change I would like to think that I’m better at it than I was a month ago.

Here is the original of the second picture I was working on:

IMG_0565

Here is what I did to it:

sunset

With this picture I was trying to get better at filters and I think maybe I did a good job.

These are the first attempts of mine to get more familiar with photoshop and to get better at using it.

I also really want to get better at photography but that one has kind of been on the back-burner since it is still way too cold here to be outside for very long.

Both photos used were taken by myself or Chris.

Photography Reverse Engineer

Good photography is about more than just taking a picture. It involves elements that add visual interest for the eye. These elements can include a depth of field, rule of thirds, and leading lines. Here are a few examples:

 

Rule of Thirds:

ruleofthirdsexample

https://unsplash.com/photos/RFgO9B_OR4g by Myles Tan

ruleofthirds-drawover

This is an example of the rule of thirds because you have the girl in the field in the foreground then the trees along the shore in the mid-ground, then the ocean and the mountains in the background.

Here is my attempt to recreate the rule of thirds:

IMG_1095

Photo by me

myruleofthirds-drawover

In this picture, in the foreground there is the man, the tree, and the bush. In the mid-ground there is the town and in the background there are the mountains and the clouds.

Leading lines:
leadinglinesexample

Photo: https://unsplash.com/photos/CCD1y0qb8hQ

Photo by: Robert Andall

leadinglines-drawover

In this photo you can see that the lines of the buildings give the photo depth. It makes the street seem like its endless and continues into the background indefinitely.

Here is my attempt to recreate this style:

IMG_1097

Photo by me.

myleadinglines-drawover

In this photo the lines of the field help the buildings in the background appear farther away and like the field goes on indefinitely.

Depth of Field:

depthoffeildexample

Photo: https://unsplash.com/photos/OjVIrvBKWP8

Photo by: Lucas Becker

depthoffeild-drawover

In this photo you can see that the angle of the photo helps you to see the distance of the field of vision. The front of the bridge is in focus while the distant hill is not as much which helps it to see farther away.

Here is my attempt to duplicate the depth of field:

IMG_1096

Photo by me.

mydepthoffeild-drawover

In this photo you can see that the mountains and the clouds in the distance make the picture seem like it goes on indefinitely but you can see as far as humanly possible.

In conclusion photography, and especially good photography, require more than just snapping a picture. Taking into account these elements makes pictures deeper and more visually dynamic.

Typography

Original: disabilities-memes-1482348-tablet.jpg

Edited: typography

link: https://www.lds.org/media-library/images/category/disability-picture-quotes?lang=eng

Type 1: The first type of typography used is a slab-serif. This is identified by the slanted extra serifs at the ends of each line of each character.

Type 2: The second type is a sans-serif. This is identified by the clean cut lines and the absence of serifs at the ends of the lines of the characters.

These two typefaces are contrasting because one is much more clean cut and the other has a small decorative element. These help you to notice the differences in the words and which ones are more to the point and clear and which  ones are more decorative.

These contribute to the all over design because they help the words to stand out against each other and they help the eye be guided to what is the most important thing in the quote.

Reverse Engineering Post- Apple

The reverse engineer post is meant to help us see designs and be able to point out the aspects of them such as color, proximity, alignment, contrast, repetition.

IMG_1072

Link: http://www.spelplus.com/post_iphone-6-ad_297290/

Analysis

Color: The colors used in this ad are very simple. The limited use of color ads to the impact of the aspects that do use color. The purple flower on the phone makes the phone an obvious centerpiece of the image. The use of color also makes the use of whitespace more impactful. It helps to make the phone and the text stand out as much as possible. The contrast between the mostly black phone and text draws the eye to that.

color-ad-analysis

Proximity: The use of white space in this ad is vital. Centering the text and the phone makes them the clear focus and you know that that is the clear focus. The text is also very close to the phone and it is very clear that they are in reference to one anther.  

proximity

Alignment: The phone and the text are both center aligned with white space on either side. This helps the eye stay drawn to the images and helps it naturally shift from the text describing it to the image of the phone without any other distractions. This also helps the eye to be able to not be distracted with things outside the image with the use of white space.

alignment.jpg

Contrast: The contrast between the simplicity of the text and the detail of the image on the phone helps the viewer to not be distracted by what they are saying about the product and rather focus on the product itself. It also helps the viewer to be able to see that the focus is the product and that it speaks for itself.

contrast

Repetition: I think the repetition of whitespace gives this ad the biggest impact. With limited text and only one image the white space seems to scream the loudest to me. It shows the simplicity and luxury of the product being advertised.

repetition

Conclusion

This ad, though appearing simple, contains many advanced aspects of design. With the use of whitespace and simple text and images the viewer knows exactly what they are looking at and the point of the ad gets across very quickly.

Magazine Project

1. Description: a magazine for the students of BYUI
2. Process (Programs, Tools, Skills, FOCUS principles):First I took the pictures to go with the magazine. Then I found the talk I want to use and created the file in indesign. Then I created the front cover with the picture of the temple and placed the teasers around the enges and the black box on top. Then on the inside I placed the pictures I edited in photoshop and I put in the text boxes for the talk onthe page. The I played with the text until I got as much of it to fit as I could without looking squished. Then I placed just a simple picture on the back cover.
3. Message: A magazine for people who want to experience the spirit of ricks.
4. Audience: college students at BYUI
5. Top Thing Learned:  magazines are meant to be more visual than content oriented. 
6. Title Font Name & Category:
7. Copy Font Name & Category:Noteworthy Bold & light
8. Thumbnails of any original, unedited image used in the project:

Brochure Project

1. Description: a pamphlet for a clothing company
2. Process (Programs, Tools, Skills, FOCUS principles):first I drew out a plan for the brochure on paper. Then I found the pictures I wanted to use on both unspash and pictures I have taken on my own. Then I created the brochure document with 3 columns in indesign. Then I placed the text on the inside panels using the noteworthy font in both light and bold. Then I placed the pictures in photoshop documents the size of each panel and then place them in indesign behind the text. Then I found a font for the front cover and placed it on the front panel. Then I placed the pictures and the rest of the text on the other panels.
3. Message: A company meant for people who either live on the beach or want to dress like they live at the beach.
4. Audience: Men and women ages 16-29
5. Top Thing Learned:  Brochures are meant to get information across not necessarily take away from the company. 
6. Title Font Name & Category:
7. Copy Font Name & Category:Noteworthy Bold & light
8. Thumbnails of any original, unedited image used in the project:

image (7)9. Source of each image (website name and hyper link):

Unsplash.com

https://unsplash.com/search/surfboard?photo=D5XTRWSkJYk

https://unsplash.com/search/surf?photo=pjP9usKbIbM

https://unsplash.com/search/beach?photo=sutE2X790FY

 

 

Webpage Design

1. Description: Webpage design for a beach clothing company
2. Process (Programs, Tools, Skills, FOCUS principles):I used photoshop for this project. First I selected an image of a beach that was relatively plain to use as the background. I then took the opacity down to 30%. Then after that I created another text layer and put the word Cali in it. I then changed the font color to contrast the blue background. Then I changed the font to look more like cursive handwriting. After that I added another text layer with the words “live a California lifestyle” and changed the color to be darker than the headline and changed the font to be more readable and closer to a modern font. Then I chose 4 pictures to use for the sections. I then sized them to the same size and place then equidistant apart. I then created 4 more text layers with the words “mens” “womens” “childrens” and “videos” and made the font and color match the tagline. then finally at the bottom I put the words “copyright info” and “Contact Info” and made them the same font as the tagline and made them blue to contrast the orange like background.
3. Message: Clothing for people who want to go to the beach or look like they live a beach-like lifestyle
4. Audience: Men and women age 18-28
5. Top Thing Learned: Websites having too many clashing characteristcs look messy and unorganized
6. Title Font Name & Category: SavoyeLet Plain
7. Copy Font Name & Category: Seravek-extraight italic

8. Thumbnails of any original, unedited image used in the project:
9. Source of each image (website name and hyper link):

Unsplash

https://unsplash.com/@derstudi?photo=-L3q2Uuz6oY

Unsplash

https://unsplash.com/search/surfing?photo=ozhAh0Msee8

Unsplash

https://unsplash.com/search/surfing?photo=pjP9usKbIbM

Unsplash

https://unsplash.com/search/surfing?photo=1eL4JiWD_Q4

Unsplash

https://unsplash.com/search/surfing?photo=r929zv7QoDc

kateboswell_webpage

 

Business Identity

1. Description: A logo for a public relations agency
2. Process (Programs, Tools, Skills, FOCUS principles): For the logo I used I wanted it to be simple and easy to recognize so I went with the letters that are back to back with the line and small text. Then for the Business card I added the Lines to make it more interesting. Then for the letter head I broke up the design and used it throughout the design.
3. Message: A professional feel for a professional company
4. Audience: People looking for an agency that is professional and creative
5. Top Thing Learned: Logos don’t have to be detailed to get a message across and they don’t need to have a lot 
6. Title Font Name & Category: Minion Pro bold cons italic
7. Copy Font Name & Category:Minion Pro medium Italic
8. Thumbnails of any original, unedited image used in the project:
9. Source of each image (website name and hyper link)

 

business_card-copy

business-card_front-copy

letter_head-copy

logos_try_1-copy

Business Identity Project

1. Description: I created a business card and letter head for an imaginary public relations firm named after myself.
2. Process (Programs, Tools, Skills, FOCUS principles): For the first logo I created an ellipses and then copied it and placed it in front of the first. Then I moves it to the left and up and gave them each a stroke and a different fill. Then I Placed the letters KB in the center of the top ellipses and changed the color and created outlines of them and moved them closer together. For the second logo I created I used the brush tool and changed the style of the brush to look more like a paintbrush. Then I created the design with the two curved lines crossed with the straight lines. Then I took the opacity down to about 20%. Then I created the letters KB and changed the colors and placed them on top of the line design. Then I typed the words “Public Relations agency underneath and changed the font to compliment the letters. For the last logo I typed the Letters KB and then mirrored the letter K and moved it so that both letters shared the same stem. Then I placed the black line underneath and put the words Public relations Agency underneath.

For the letter head I took apart the last logo I made and used each element on different parts of the letter.
3. Message: The message I want to convey with my logo is professional and simple so that it is easy to recognize and recreate. 
4. Audience: Business owners searching for a PR agency
5. Top Thing Learned: Logos do not need to have a lot of color or detail. It should be simple enough to distinguish and bold enough to recognize. 
6. Title Font Name & Category: Mongolian Baiti. Sariff
7. Copy Font Name & Category: Georgia. Sariff
8. Thumbnails of any original, unedited image used in the project:
9. Source of each image (website name and hyper link):

 

business_card-copy

business-card_front-copy

letter_head-copy

logos_try_1-copy

 

Final Montage

1. Description: Girl looking into the distance of a town with the vast sky in the background
2. Process (Programs, Tools, Skills, FOCUS principles): First I placed the picture of the girl sitting on the wall and put a mask on it. Then I placed the picture of the sky with the clouds in a layer and moved it behind. Then I took a medium sized brush on the layer mask and revealed only the girl, the wall, and some of the landscape to be able to blend with the sky to make the space in the picture appear more open. Then I added a gaushen blur to the background layer to make it match the other picture. Then I added another layer and placed a text box with the words “You didn’t come this far to only come this far” and then changed the font to emphasize the word “this” both times. I then changed the color from the initial color to the more yellow color and justified it left.
3. Message: “You didn’t come this far to only come this far” The girl is sitting atop a wall overlooking a town with the open sky to show all the future possibilities even though she is already overlooking everything.
4. Audience: A Christian non-profit organization
5. Top Thing Learned: The color and font of a text can either add or take away from an image. Text helps set the tone in both font and color and it can either make or break your creation. When test if off it can seem out of place and almost uncomfortable.
6. Title Font Name & Category: Minion pro medium Italic and Minion Pro bold cons Italic. Oldstyle
7. Copy Font Name & Category:
8. Thumbnails of any original, unedited image used in the project:
9. Source of each image (website name and hyper link) 

https://unsplash.com/search/sitting?photo=JMKkm3leBKE

Unsplash.com https://unsplash.com/?photo=ktQuuihh3_w