zoe gibson

Download Zoe Gibson

Post on 04-Jun-2018

223 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • 8/13/2019 Zoe Gibson

    1/23

    Portfolio Z o eG i b s o n

  • 8/13/2019 Zoe Gibson

    2/23

    Contact

    Zoe Gibson7621 82nd Ave NE, Marysville Washington 98270

    425. 350. 5995

    [email protected]

  • 8/13/2019 Zoe Gibson

    3/23

    Table of Contents

    Montage

    Logos

    Event Ad

    Christmas card

    Brochure

    Web page

    Letterhead

    Business card

    FlierImaging

  • 8/13/2019 Zoe Gibson

    4/23

    Montage

    Description:An inspirational montage created by

    blending two images together and using text(inspirational quote).

    Programs:Adobe Photoshop

    Date:October 26, 2013

    Course:COMM130, section 4

    Instructor:Julie Peterson

    Objectives:Learn to manage Photoshop layers.Learn to

    blend images together smoothly, using masks.Use lters and apply appropriate typography

    Process:1. Cropped my main image to 8.511

    2. Dragged the second image on top of the rstand applied a mask.3. Under the brush tool i blended the twoimages together.

    4. I then applied a Diffused Glow lter under thedistort tab to the background image. In this lteri adjusted the graininess, glow amount, andclear amount.

    5. I added the text box and put a white box overit with the rectangle tool. I changed the opacityand applied a Gaussian blur to make the text

    easier to read.

  • 8/13/2019 Zoe Gibson

    5/23

  • 8/13/2019 Zoe Gibson

    6/23

    Logos

    Description:

    Create 3 different Logos in Illustrator

    Programs:

    Adobe Illustrator

    Date:

    November 2, 2013

    Course:COMM130, section 4

    Instructor:

    Julie Peterson

    Objectives:Create 3 different options for a company logo.

    Process:Make sketchesFor the rst logo, i used the rectangle tool tomake a bunch of rectangles and squares close

    together. I then tried to color them to be some-what monochromatic. Next, i added text andput a white box behind the text. I turned theopacity down to about 50% and applied a

    Gaussian blur.For the second logo i just wanted it to be verysimple and straightforward so i began with a

    colorful square. I then added the big 51 andthe studio.For the nal logo I started with the brush strokethat i drew and added the artistic scroll pen num

    ber 6 from the brush libraries menu underneaththe brushes palette. I followed that by doing theWords and numbers surrounding it.

  • 8/13/2019 Zoe Gibson

    7/23

  • 8/13/2019 Zoe Gibson

    8/23

    Event Ad

    Description:A full-bleed event ad using an image scanned in

    by yourself.

    Programs:Microsoft Word

    Date:October 12, 2013

    Course:

    COMM130, section 4

    Instructor:Julie Peterson

    Objectives:Find, scan and import a high-quality image.

    Create a full-bleed design. Use text boxes forlayout in Word. Insert and edit images in Word.

    Process: First i went through some magazinesto nd something to scan in. I ended uppicking the gifts because i thought thecolors were eye catching and it could beversatile. After that i added the transparent

    box so text could be added over top.

  • 8/13/2019 Zoe Gibson

    9/23

  • 8/13/2019 Zoe Gibson

    10/23

    Christmas Card

    Description:Fun holiday greeting card

    Programs:

    Adobe InDesignand Photoshop

    Date:December 8, 2013

    Course:

    COMM130, section 4

    Instructor:

    Julie Peterson

    Objectives:Create a 6x4 inch brady bunch style Christmas

    card using Adobe Photoshop and InDesign.Include requested text.

    Process:Some friends asked me to help them create a

    holiday card. To begin we sat down and madea sketch showing where the peson was, wherethey would be facing, and the color of shirt they

    would wear.Next I used a canon powershot to take the pic-tures against a plain wall. I removed the back-ground from the photos and dragged them all

    into an InDesign document.Arrange the photos according to the Draft anddrag white boxes in to cover spots.Dark lines and text were last.

  • 8/13/2019 Zoe Gibson

    11/23

    #Shel9

    Happy Holidaysfrom the Shel 9 crew!

  • 8/13/2019 Zoe Gibson

    12/23

    Brochure

    Description:Create a two sided brochure featuring a

    personally designed logo.

    Programs:Adobe Photoshop and InDesign

    Date:December 7, 2013

    Course:COMM130, section 4

    Instructor:Julie Peterson

    Objectives:Set up, align, and print a two-sided document.

    Use the paragraph styles tool. Create a text wraparound an image.

    Process:To begin, I opened two blank landscape doc-uments on indesign. I added a black box over

    each for the background. Then i pulled theguides all around the documents to break up thesection so I would know how close i could get tothe edges, and to show where the folds were.

    Next, I dropped in the text I wrote from earlierand added two images to the inside and one tothe back. I arranged my text to t around these

    nicely. I added my logo that I had designed froma previous project to the front page.Lastly I added my image that i had clipped inphotoshop to the brochure. Then I created the

    text wrap around this and made sure everythinglooked right.

  • 8/13/2019 Zoe Gibson

    13/23

  • 8/13/2019 Zoe Gibson

    14/23

    Web page

    Description:Design a webpage with a personally designed

    logo.

    Programs:

    Text wrangler and Adobe Photoshop

    Date:November 23, 2013

    Course:

    COMM130, section 4

    Instructor:Julie Peterson

    Objectives:Size and optimize an original logo as a .png for a

    web page.Write content to describe the processof creating your logo andhow it appeals to atarget audience.Design a web page using HTMLto display a logo and content.Acquire a working

    knowledge of HTML and basicunderstandingof CSS.Identity hex colors for web design.Compress multiple les in a zipped folder to

    attach as one le.

    Process:For this assignment I created the HTML for thepage in text wrangler. I have never done it and

    was very surprised at how simple it was. Once Igot that hang of opening and closing everythingand remembering the names for all the differentthings, it moved pretty quickly.

    After I validated it, I moved onto CSS. I used thesame format of CSS we had for the activity andchanged the font, color (using the color number

    and eyedropper through photoshop) and size ofthe text. I also changed the background colorsfor the page.

  • 8/13/2019 Zoe Gibson

    15/23

  • 8/13/2019 Zoe Gibson

    16/23

    Letterhead

    Description:A matching business card and Letterhead using

    a personally designed logo.

    Programs:Adobe InDesignand Illustrator

    Date:Novemeber 9, 2013

    Course:COMM130, section 4

    Instructor:Julie Peterson

    Objectives:Create a new logo to t a company or personalimage. Design consistent layouts for a businesscard and letterhead. Use the basic tools on

    Illustrator & InDesign.

    Process:Because I created the business card rst, thiswas fairly easy. I brought over the logo of the

    nailpolish bottle and made it a watermark byturning down the opacity.I added the text and the coordinating cheverstripes to unify the letterhead with the card

    even more.

    Finnaly I added the text to complete all theinformation on the stationaery.

  • 8/13/2019 Zoe Gibson

    17/23

    Sarah Anderson

    123.456.7890

    [email protected]

    Studio 51 salon and spa

    12345 Hollywood Blvd

    Los Angeles, CA 12345

  • 8/13/2019 Zoe Gibson

    18/23

    Business card

    Description:A matching business card and Letterhead using

    a personally designed logo.

    Programs:

    Adobe InDesignand Illustrator

    Date:Novemeber 9, 2013

    Course:

    COMM130, section 4

    Instructor:Julie Peterson

    Objectives:Create a new logo to t a company or personal

    image. Design consistent layouts for a businesscard and letterhead. Use the basic tools onIllustrator & InDesign.

    Process:I created the logo of the nail polish bottle usingthe rounded rectangle tool, and the rectangletool. then i put an opaque rectangle over the

    middle so it would become easier to see the writ-ing that i was going to add.For the other side of the card i put a Chevronstripe in the background, that i set to about 10%

    opacity so it wouldnt distract from the words, bustill be visible and add a little color.

  • 8/13/2019 Zoe Gibson

    19/23

    Sarah Anderson

    123 456 7890

    Studio 51 salon and spa

    12345 Hollywood Blvd

    Los Angeles, CA 12345

    [email protected]

    Studio

    51

  • 8/13/2019 Zoe Gibson

    20/23

    Flier

    Description:Black and white promotional ier using the design

    principles to arrange the image, text, and logo.

    Programs:Adobe InDesign

    Date:October 5, 2013

    Course:

    COMM130, section 4

    Instructor:Julie Peterson

    Objectives:Apply the design principles and use appropriate

    typography. Incorporate basic InDesign skills toimprove basic er layout.Create a project folderwith image, logo and InDesign document tokeep links intact.

    Process:I began by sketching out 4 possible ideas for theier and picking some fonts that I think would

    work well. Then on the computer I chose andsaved the photographs and logo as well as proofthe text and arrange it. In InDesign I started toput together the pictures and words in the format

    I thought looked best. Finally my draft was edit-ed by my teacher and peers and the nal draftwas completed.

  • 8/13/2019 Zoe Gibson

    21/23

  • 8/13/2019 Zoe Gibson

    22/23

  • 8/13/2019 Zoe Gibson

    23/23