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

Gib12017@byui.edu

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

Sarah_Studio51@Gmail.com

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

Sarah_Studio51@Gmail.com

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