Top Banner

of 21

Sarah Wakefield Portfolio

Apr 13, 2018

Download

Documents

Swakester
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
  • 7/26/2019 Sarah Wakefield Portfolio

    1/21

    PORTFOLIOSarah Wakefield

  • 7/26/2019 Sarah Wakefield Portfolio

    2/21

    Sarah [email protected]

    Mountain Lofts538 South 2 WestRexburg, ID 83440

    Contact

  • 7/26/2019 Sarah Wakefield Portfolio

    3/21

    BrochureStationaryBusiness CardWeb PageMontageLogosEvent AdPhotodesignFlier

    Table ofContents

  • 7/26/2019 Sarah Wakefield Portfolio

    4/21

    Description:A trifold brochure featuring popular national parks which include: The GrandCanyon, Zion Canyon, and Bryce Canyon.

    Process:I set up a trifold design in Adobe InDesign by splitting two pages into threevertical sections. I used an image of the blue sky on the inside of the brochureto provide contrast to the orange rock that was featured in several of myimages. I intentionally selected these orange rock images to contrast the bluebackground.

    I used the quick selection tool in Adobe Photoshop to select the portion of theimage I wanted to keep. I used the lasso tool to closer match the selection. Ifinished up by using the Refine edgetool to smooth the rough edges, and aslight feather to likewise soften the edges.

    I then placed the cutout image into the InDesign file, and I also placed a logo Ihad previously designed in Illustrator. Next I used the text wrap feature towrap the text around the alpha channel of the cutout image and inserted theremainder of images and text to complete the brochure.

    Objectives:Learn how to use paragraph styles in InDesign.Learn how to align a trifold folded brochure.Learn how to text wrap around an image.

    Programs:Illustrator, InDesign, Photoshop

    Date:December 5, 2014

    Course/Instructor:Comm130 Section 08Ben Pingel

    Brochure

  • 7/26/2019 Sarah Wakefield Portfolio

    5/21

  • 7/26/2019 Sarah Wakefield Portfolio

    6/21

    Description:Stationary set with personal logo and watermark.

    Process:I created the logo in Illustrator and used the direct selection tool to manipulatethe text of spot the shot to increase the length of the ts and the h. I thenused kerning to stretch out the space between the letters of photography. Iused the ellipse tool to create the circles. I also used a programcalled Adobe

    Kuler to help me with my color scheme. Once my logo was designed, I openedInDesign.

    For the letterhead I grouped the three circles together and used the shift andoption keys together to make the circles bigger while still being proportionate.I dramatically increased the opacity which resulted in the watermark effect. Iused grid lines a lot in this project to make sure that everything was lined up.Finally I used the text took to type out my information, and used the eyedroppertool to make it the same color as the logo.

    Objectives:

    Use consistent themes to tie letterhead and business cards together.Create a new logo for personal use or company.Use the basic tools of Illustrator and InDesign.

    Programs:Illustrator, InDesign

    Date:November 7, 2014

    Course/Instructor:Comm130Ben Pingel

    Stationary

  • 7/26/2019 Sarah Wakefield Portfolio

    7/21

  • 7/26/2019 Sarah Wakefield Portfolio

    8/21

    Description:Front and back business card with personal logo

    Process:I created my logo in Illustrator and used the direct selection tool to manipulatethe text of spot the shot to increase the length of the ts and the h. I thenused kerning to stretch out the space between the letters of photography. Iused the ellipse tool to create the circles. I also used a programcalled Adobe

    Kuler to help me with my color scheme. Once my logo was designed, I openedInDesign.

    In InDesign I placed my illustrator logo and used the rectangle tool to create theappropriate size for my business card. I made the background gray, and movedthe rectangle to the back so the logo was visible. I used the pen tool to drawthe coral line separating the gray and yellow halves of the card. I used the texttool to create my text and placed it accordingly.

    Objectives:Use consistent themes to tie letterhead and business cards together.

    Create a new logo for personal use or company.Use the basic tools of Illustrator and InDesign.

    Programs:Illustrator, InDesign

    Date:November 7, 2014

    Course/Instructor:Comm130Ben Pingel

    Business Card

  • 7/26/2019 Sarah Wakefield Portfolio

    9/21

  • 7/26/2019 Sarah Wakefield Portfolio

    10/21

    Description:A web page I designed to showcase an original logo I created.

    Process:I created this web page by using Notepad++on my PC and TextWrangler on aMac. I used a sample html file froma previous project to begin. I then input mycontent, swapped out the sample image with my own, and inserted my text copy.Once this step was finished, I linked the html document to a css file. Fromthe

    css document I changed the color of the background, the header color, and fontcolor, to match the color scheme of my logo. I did this by getting the hex codesfromPhotoshop, through using the eyedropper tool.

    My next step was changing the fonts to Georgia and Verdana with backup fontsin case some browsers didnt carry those particular fonts. I centered my logoby adding padding to the left side. I also added sufficient padding above andbelow it. I likewise added padding around the list, heading 2, and paragraph copybecause I didnt want the text too close to the edge. I added space between theunordered list points and changed the blog website at the bottomto my own.

    Objectives:Write content to explain target audience and the process of designing the logo.Identify hex codes and apply themin design principles.Write a web page to showcase an original logo.Gain a working knowledge of html.Compress files into a zipped folder.Obtain basic knowledge of css.

    Programs:TextWrangler, Notepad ++

    Date:November 21, 2014

    Course/Instructor:Comm130Ben Pingel

    Web Page

  • 7/26/2019 Sarah Wakefield Portfolio

    11/21

  • 7/26/2019 Sarah Wakefield Portfolio

    12/21

    Description:An inspirational image created by blending one picture over another.

    Process:1. Cropped my image to 8.5112. Applied a Gaussian blur to my image3. Put a mask over the image and used black paint to bring the front of thetemple back into focus

    4. Opened my second picture of the Savior5. Used the lasso tool with a high feather and moved the image to the main imageof the temple6. Added a mask and used black paint to lightly go over the image. Because ofthe feather, there were not any hard edges7. I lightened the bottom/shoulder area of the image to create the blendingeffect over the temple8. I inserted my text which ties both images together, and chose a darker colorto stand out against the temple. I added a thick drop shadow to make the textmore legible.

    Objectives:Learn how to blend images by using masks.Learn how to recognize typography.Learn how to navigate layers.Learn how to use filters.

    Programs:Photoshop

    Date:

    October 24, 2014

    Course/Instructor:Comm130Ben Pingel

    Montage

  • 7/26/2019 Sarah Wakefield Portfolio

    13/21

  • 7/26/2019 Sarah Wakefield Portfolio

    14/21

    Description:Three logos for the same company in varying formats.

    Process:I started with the top logo by creating a rectangle and then putting white typeon top of it. I added a triangle over the top of it because the logo is for a real-estate company, and I wanted it to symbolize a house. I made the type into anobject, and then ungrouped them. I then used the pathfinder tool to divide the

    black portions behind the type into individual shapes. Next, I changed differentblack shapes colors into a monochromatic color scheme using indigo.

    For the second logo, I used the pen tool to actually draw the letters. I used thedirect selection tool to manipulate the points and rotate the R to where I wantedit to be. I selected different weights for the thickness of the lines, and thenmade it a complementary color scheme.

    For the third, I used the rectangle tool to create the house, door, and windows. Iused the star tool to make a triangle for the top of the house, and then I centeraligned everything. I implemented contrast through the font with a serif andsans serif typefaces, and varying sizes.

    Objectives:Create three differently styled logos for one company.Learn the basics of Illustrator.

    Programs:Illustrator

    Date:

    October 31, 2014

    Course/Instructor:Comm130Ben Pingel

    Logos

  • 7/26/2019 Sarah Wakefield Portfolio

    15/21

  • 7/26/2019 Sarah Wakefield Portfolio

    16/21

    Description:A full-bleed color ad created in Microsoft word using a scanned picture.

    Process:I used Microsoft word to create this ad. First I sketched some ideas. Once I hadchosen one, I imported the photo I wanted froma scanner. I added a filter to thephoto called pastels smooth which created the brush stroke blurred effectwhich can be seen. I used different sized rectangles and pulled colors fromthe

    photo to establish a color scheme. I then used text boxes to create my title andall the other texts so they were easily movable. Finally I instituted the elementof repetition and the rule of thirds by adding three small green rectangles tocreate unify the design.

    Objectives:Learn how to design in Microsoft Word.Scan and use a high quality image.Create a full-bleed color design.

    Programs:Microsoft Word

    Date:October 10, 2014

    Course/Instructor:Comm130Ben Pingel

    Event Ad

  • 7/26/2019 Sarah Wakefield Portfolio

    17/21

    All proceeds go to the senior citizen center. Please contact the

    chamber of commerce to make a donation.

    Motivational Conference

    Find o in the ourne THOMAS S. MONSON

    SaturdayOctober 11, 2014

    8 am 12 pm

    Manwaring Center:

    Special Events Room

  • 7/26/2019 Sarah Wakefield Portfolio

    18/21

    Description:Photo taken specifically to match a previously chosen color scheme.

    Process:I started my process by first selecting my color scheme. I knew I wanted to dosomething with all the leaves changing color for fall, and the most common colorsare red and yellow. Because of this fact, I naturally went with the primary colorscheme. I had my model wear a blue shirt and stand by a yellow and red tree

    where I took the photograph.

    After putting my photo into Photoshop, I enhanced the colors to make themmore vibrant. I sharpened the image and adjusted my levels for appropriatebrightness. Next I used the color wheel to pull my colors frommy color schemeand then muted or brightened the colors to match my photo. I was fortunatebecause I planned my color scheme well so it was easy to match the colors. Ithen picked out a favorite quote that matched the mood of the design, appliedmy color swatches and printed it for completion.

    Objectives:

    Learn how to implement a color scheme throughout a design.Learn how to match colors in Photoshop.Learn how to plan color schemes.

    Programs:Photoshop

    Date:October 17, 2014

    Course/Instructor:Comm130Ben Pingel

    Photodesign

  • 7/26/2019 Sarah Wakefield Portfolio

    19/21

  • 7/26/2019 Sarah Wakefield Portfolio

    20/21

    Description:Grayscale flier created to promote a Graduate Leadership Conference.

    Process:I started with the basic principle of formulating a plan. I sketched several ideasand organized a variety of layouts. Once I picked a layout I liked, I drafted adesign that was appealing and contrasted the different elements as well asunified the parts. Finally I looked at my draft to see if there was anything that

    I could simplify, and if my message was relayed effectively. I used the rectangletool frequently to create the black horizontal bars seen on the flier. I also usedkerning to extend the space between the letters in Leadership conference.

    Objectives:Create a project folder to keep the links intact.Become familiar with designing in InDesign.Apply the basic principles of design.Use appropriate typography.

    Programs:InDesign

    Date:October 3, 2014

    Course/Instructor:Comm130Ben Pingel

    Flier

  • 7/26/2019 Sarah Wakefield Portfolio

    21/21

    Come learn how at Vouant Communications annual GraduateLeadership Conference.

    Vouant Communications is devoted to helping tomorrows leadersgain essential leadership skills in the workplace. During this dynamicthree-day seminar, attendees will meet with top executives of VouantCommunications to discuss breakthrough leadership techniques, whilecultivating attributes of leadership that will market to any employer.

    Conference is available to graduating seniors. Space is limited.

    Registration and more information available at

    http://www.vouantcomm.com/leaders

    GRADUATEL E A D E R S H I P C O N F E R E N C E

    Do you want to have the competitive edge in businness?

    October 21 8 a.m. 5 p.m. Lincoln Convention Center