Magazine Spread Project

This project began several weeks ago when I wrote the article and is a continuation of my last post several days ago when I submitted a draft for final critique. Already having a written article to use made a huge difference in being able to focus entirely on the design aspect of the project this week . I already had a couple of layout ideas sketched out, and I chose the one which I felt would strengthen the message of the article the most by having one large image in the center of the page. My audience is for readers of the Mormon magazine, The Ensign, which is targeted toward young adult and adult readers. My message is a new perspective about the blessings in our lives and the way in which we often don’t give credit or acknowledgement to many of those blessings. I created the shape map in InDesign, and made some changes from my ideas with the sketch, thinking a more neutral color scheme with a colored title would make the central idea stand out more.

7A.MagazineSpread.Sketch.Hancock.UsedBeccaHancock.ShapeMap

 

 

 

 

 

BeccaHancock.12A.Final

Critique:
Three of my classmates (Shay Sookhoo, Samantha Anderson, and Chris Betts) commented that my very first draft needed more color in it (instead of just the gray and title color). I took their advice and added the colored gradient background and colored text box to match the title color. My class instructor, Julie Peterson, gave several valuable suggestions as well. She pointed out that the title in my first draft was creating trapped white space. To fix this, I followed her advice to move the title to the right and make the ‘G’ smaller. I also decreased the tracking in the word “Glass” to make it fit better in the space. She also caught a widow in one of my paragraphs. Adjusting the tracking in the paragraph didn’t fix the problem, so I changed some of the words in the paragraph to ensure the widow was gone. I also moved the quote on the left page over to the far left side since it fit better and felt more grounded being lined up with my name as the author below it.

When I finished these edits, I sent the JPG file to a print shop with specifications of how I wanted it printed. Unfortunately, it was really poor quality–the whole page was pixelated and not crisp or sharp at all. The shop suggested that I send a PDF to them instead of the JPG file, which I did. I asked them to call and let me know if the second print was better quality, which they did. When I picked it up from the shop, I trimmed the white edging off, and the final print is what you see in the video below.

Fonts:
Title: Franklin Gothic Book (Sans Serif) & Rage Italic (Decorative)
Body: Georgia (Serif)
Colored Quote Box: Franklin Gothic Book, Franklin Gothic Demi (Sans Serif)

Image Sources:
Glass: http://www.handicappeddoctor.com/?p=849
President Uchtdorf: http://www.mormonnewsroom.org/leader-biographies/president-dieter-f-uchtdorf

 

 

Advertisements

Magazine Spread Draft Critique

This week has been a really exciting one because I was able to start working on creating my magazine spread which started several weeks ago. After creating a few shape maps and finding images online to use, I decided on a specific layout and was really excited to see what it would look like with all the pieces together. Knowing that I was writing a piece which could be used in the Ensign, I wanted a simple, meaningful layout for the audience of adult and young adult readers, with one main image which would strengthen the message of the story I was sharing. With this in mind, I adjusted my shape map to have a more neutral color tone with a stronger pop of color only on the title. To set up my page in InDesign, I used a Tabloid-size page and added 0.5 inch margins inside the page as guidelines. My next step was to place the actual image.  I had previously “cut” the glass out of the photo in Photoshop, applied a transparent background around it, and then adjusted the shading of the photo to make it look better on the InDesign page.  After placing the image in InDesign, I added a gradient background to the entire page and created an invisible shape following the shape of the cup which I applied a text wrap to so the body copy would wrap around the glass. I inserted my text for the story and title, applied specific fonts, and adjusted the height of the text columns and the leading to make the body copy look more evenly spaced. I also received some classmate feedback which I applied (part of which indicated that the page needed more color), so I reverted back to my original plan of having a monochromatic blue color scheme. This is what the magazine spread looks like before the final critique:

BeccaHancock.12A.2

Here are the sketch and shape map used for this project:

12A.MagazineSpread.Sketch.Hancock

BeccaHancock.ShapeMap

Fonts:
Title: Franklin Gothic Book (Sans Serif) & Rage Italic (Decorative)
Body: Georgia (Serif)
Colored Quote Box: Franklin Gothic Book, Franklin Gothic Demi (Sans Serif)

Image Sources:
Glass: http://www.handicappeddoctor.com/?p=849
President Uchtdorf: http://www.mormonnewsroom.org/leader-biographies/president-dieter-f-uchtdorf

 

 

 

 

 

Web Page Layout Project

WebPage.FINAL

11A-ShapeMap-BeccaHancock

11A-Sketch-BeccaHancock

Process: Once I decided on a business to create a website for, I began by drawing several sketches of layout ideas. I considered my audience, which would be mainly mothers and women looking for baby gifts, and then narrowed it down to the sketch I thought would showcase the product the best, which was one picture of all the products together with navigational links for each separate product for my audience to browse through. I wanted my message to be one of warmth and light, which is why I chose the company name ‘Shine’. Once this process was complete, I created a shape map in Photoshop with layers for each individual part. I then pulled in my edited image and began to establish my color scheme. I utilized the eyedropper tool to capture colors which would match the main areas of the photo, and worked forward from there. I chose two contrasting fonts, and used two styles from each of the fonts. I also used a symbol from a font as the design element. Once all the pieces were in place, I combined all the layers and saved the final website page view as a JPEG.

Critique: When I was finished with my shape map, I emailed it to my instructor for some feedback. She suggested I create a little more asymmetry with the bottom right half of my page since the circle and copyright information didn’t really line up with anything. My husband also commented that the circle looked out of place, so I replaced it with a rectangle in the final page, and I created another visual diagonal line with the elements in the area  my instructor pointed out. When my page was completed, I shared it with our class Facebook group. Nicole Stock mentioned that the dark background of the picture seemed out of place with the lighter background and the bright colors in the rest of the website.  I added some darker elements to the page to tie in the dark background in the photo.

Image source: Photo of blankets and baby items: taken by myself

Font names & categories: Segoe Script Regular & Segoe Script Bold/Decorative; Gill Sans MT Regular & Gill Sans MT Condensed Regular/Sans Serif; (design element was the * symbol from Century Gothic Regular/Sans Serif)

Color scheme: Complimentary; blue and orange

LFC Photography Activity

Outdoor Light

Outdoor Light

Indoor Light

Indoor Light

Foreground

Foreground

Background

Background

Rule of Thirds

Rule of Thirds

Lead Room

Lead Room

Learning to use Lightroom with digital photographs was awesome! In each of my photographs, I adjusted the Tone, Presence, and Sharpening. I also added a vignette to the Outdoor and Indoor Light photographs, and the Rule of Thirds and Lead Room photographs.

In addition, when I took the Outdoor Light photograph, I needed to make sure the sky wasn’t blown out. I did this by pointing the center of the lens at the sky first and then moving it to the Mesa Temple below. I also straightened this photograph. For the Indoor Light photograph, I chose a location where natural light entered the room through a window and added a more pronounced contrast and vignette to the photo.

In order to get my camera to focus in the Foreground photograph, I zoomed in, selected the macro setting on my camera, got close to the flower, and held the shutter button halfway down when centered on the flower. I then moved the lens so the flower was on the side to follow the rule of thirds, and snapped the shot. To get the focus on the Background photograph, I changed the camera setting back to auto and stayed close to the flower, making sure that the camera focused on the background. I was also able to copy and paste my Lightroom settings from one picture to the next, which was a great shortcut.

In the Rule of Thirds and Lead Room photographs, I had to be careful with how bright the color of my subject’s shirt showed in the photos. I focused my attention on making some careful edits to the Saturation and Vibrance to keep his skin tone normal without the shirt being too bright or the background feeling not colorful enough. I also made some edits to the Noise Reduction for the Lead Room photograph and added a darker vignette.

I then added watermarks, sized them, and exported them. It was such a streamlined process to be able to make these final edits to all of the photos at the same time, and have them all labeled and exported in such an organized way!