Gresham HS Graphic Design Portfolio Samples

GRAPHIC DESIGN

C T E D E P A R T M E N T, G R E S H A M H S

SAMPLE STUDENT PORTFOLIO PROJECTS

Gresham HS • Integrated Media Dept • Graphic Design • Mr. Cook

Katie Davis Davis Katie

Gresham HS • Integrated Media Dept • Graphic Design 2 • Mr. Cook

PROJECTS

Illustrator

Design Statement:

This portfolio represents. . .

All the projects I have done this semester in Graphic Design 2. Most were assigned, but two are things I created in my own time. Programs used are Illustrator, Photoshop and Indesign. All of which were the CS5 products. The material in this portfolio include outlines using the pen tool, photo manipulation, and creative layouts designed to catch someone’s eye.

Name p3 Illustration Page 4: Shoe Name p3 Illustration Page 5: Leaf Name p3 Illustration Page 6: Ipod Name p3 Name p3

Photoshop

Page 7:Name Photop3Montage Page 8:Name Photop3Manipulation Page 9:Name Photoshop Tutorial p3 Page 12: Photoshop Tutorial Name p3 Page 13: Photoshop Tutorial Name p3

Indesign

Page 10: Magazine Ad Page 11: Stubticket Design

K. Davis GD2

3

Line Art Shoe Illustration

Create a Shoe in Illustrator (8 x 5 inches) I needed to take a picture of a shoe off the internet and I needed to outline and color it. The assignment was to see how we used tools within Illustrator to create the details and color. Mainly used the pen tool for this assignment.

4

GD2 K.Davis

Fall Leaves

Tracing the Outline of Leaves in Illustrator (7 x 10 inches.) The purpose of this assignmetn was to become familiar with the pen tool in Illustrator. With the pen tool, one would have to trace the outline of the leaves and then fill them in with various fall colors. Only some, not all of the leaves had to be traced.

K. Davis GD2

5

Ipod Illustration

Creating/Outlining a Ipod in Illustrator (6.5 x 8 inches) The assignment was to further develop the use of the Pen tool lin Illustrator as well as some other tools like the Ellipse tool. I was to take a picture of an ipod and trace it with the Pen tool. I also had to use the Type tool and to put color in it.

iPod

Playlists Artists Songs Settings About

menu

R L

6

GD2 K.Davis

Photo Montage

Gather several items that describeyou and place them together on one page (7.2 x 7.2 inches) The point of the assingment was to show our skill with Photoshop. The assignment taken place after many Photoshop tutorials, so we were to show off that we knew how to use Photoshop correctly.

We had to gather items that represent or describe us.

Examples could be thing you like or interested in. We were to place them into the same picture, but make it look realistic, like a picture. So we had to add shadows and reflections. We also had to use Free Transform and Distort to make the perspective of some of the items right.

K. Davis GD2

7

Photo Manipulation

Ta ke a p h o t o a n d m a n i p u l a t e i t (5.4 x 5.8 inches) The point of this assignment was once again to show the development of skill in Photoshop. I had to take a picture and manipulate or distort it in some way, but also make it look “real”. I had taken a picture of a frog and by using the Smudge and Blur tool, I was able to make the frog look like it was melting. I had also used a little Bevel to make the reflection of the liquid more life like.

However, it would’ve been easier had I found the Liquify tool earlier.ne es dolorrores essit

8

GD2 K.Davis

Photoshop Tutorial

Find a Photoshop tutorial and complete it (4.5 x 7 inches)The objective of this assignment was to get us into Photoshop. Teach us how to use it. I was to go online and find a Photoshop tutorial to follow.

I chose how to make a sphere. I chose it because I thought I could use it later in a different project. While the sphere itself didn’t have any use later in my projects, the Gradient tool did appear in other assignments, so the practice in this one helped me a bit.

K. Davis GD2

9

Magazine Advertisement

Make a magazine Advertisement with Photoshop and Indesign.

(6 x 8 inches) The point of this assignment was to allow us to be creative and come up with eye-catching designs that could help us later if we go into the designing business. I chose the product Bryce 3D to use as my magazine ad. I used a picture of a complicated and abstract art that was created by Bryce 3D as the main selling point and or picture, because anybody interested in it would want to see its 3D capibilites. I added a lot of white space so the eye can rest and added a small column of words to present the product. I also added the actual product on the other side with few plants, representing its ability to create landscaping art.

10

GD2 K.Davis

Admission Ticket

Create an admission ticket for an even t of your choice.

(4 x 6 inches) Like the Magazine Advertisement assignment, the point is to be creative and practice Indesign.

We had to pick an event and make a ticket for said event with a design that would catch people’s eyes, had all the necessary information that a normal ticket would have and put it all in a way that would look appealing to someone who glanced at it. I had to use color schemes and patterns to help boost its credibility.

ADMIT ONE: August 7-11

Si g g r

Full Conference Pass -Access to ALL conference programs and events, including the Exhibition, Computer Animation Festival, and Reception. Also includes the Full Conference DVD-ROM.

Non-Member $995.00 No refunds

a

“This ticket is a revocable license and may be revoked and admission refused upon refunding the printed price thereon. This ticket may not be resold at a premium nor may the ticket holder thereof transmit or aid in transmitting beyond the limits of the stadium described in such ticket, in whole or in part, any description, account, picture, reproduction or result of the event or exhibition to which this ticket admits him; if the holder hereof does so, this license is automatically terminated.

p h 2 0

1

1

Vancouver, Canada

Vancouver Conference Cente

K. Davis GD2

11

Folding

Ta k i n g a p i c t u re a n d fo l d i n g i t (7 x 5 inches) The point of this assignment was to learn how to use Photoshop better. This one is just practice I did on my own. Following a tutorial, I took a picture of some field and used many color effects (Screen, Soft Light, Saturation) to make it look like I was peeling back an old picture and revealing a new one.

12

GD2 K.Davis

Power Button Design

Create something in Photoshohp.

(5.6 x 5. 6 inches) This was another thing I had done on my own. I found a tutorial on how to create a power button in photoshop. I used many tools including the Ellipse tool and various Gradients. This was just to further improve my abilities in Photoshop help me later on.

K. Davis GD2

13

[GD3] Lane Stickell

Gresham HS • Integrated Media Dept • Graphic Design • Mr. Cook

PROJECTS

Illustrator

Design Statement:

This portfolio represents all of the work I have completed, and think is good over the course of graphic design 2 and 3.

Using Illustrator, Photoshop, and Indesign to learn new things and create new effects and designs.

Visually Enhanced Quotation p6 Eyeball Illustration p9 Portrait Illustration p10 Ipod Illustration p11 Acronym Logo p12 Line Art Shoe Illustration p13

Photoshop

Photo Manipulation p4 Typographic Portrait p5 Brand Name Literalism p7 Corporate Logo p8

Indesign

Early Letter Form p14

L Stickell GD3

Photo Manipulation DESCRIPTION

The purpose of this exercise was to find and create our own piece of artwork that would appear to be real.

I decided to give a shark some human teeth.ione es dolorrores essit

4

GD2 First Initial Last Name

Typographic Portrait DESCRIPTION

In this project we were exploring the possibilities of creating a portrait utilizing only letters, numbers, symbols, or words. I used words to complete this portrait of Keira Knightley.

First Initial Last Name GD2

5

Visually Enhanced Quotation DESCRIPTION

In this assignment we selected a quotaion or poem that we liked and found a way to express the sentiment typogragpically. I chose a quotation that i felt pertains to my life. ne es dolorrores essit

6

GD2 First Initial Last Name

Brand Name Literalism DESCRIPTION

Using photoshop we used images to create a piece of artwork that appeared to be real. I chose to use a baseball term: fly ball for my image. I gave the baseball wings to make it look like the balls were flying through the air.

First Initial Last Name GD2

7

Corporate Logo DESCRIPTION

In this project we created a logotype for a parent company as the basis for the design. The parent company for my logo was Verizon Communications, and the remade company name was Horizon Communications.

I used the same colors as the original company to try to create the connection between the two. es dolorrores essit

8

GD2 First Initial Last Name

Eyeball Illustration DESCRIPTION

In this one we were assigned to create a realistic looking eyeball using clipping masks and blendings. The eyelashes were a hurried add-on for me.e es dolorrores essit

GD2 FA10

Lane Stickell eyeball illustration 10/13/10 2

First Initial Last Name GD2

9

Portrait Illustration DESCRIPTION

In this project we used illustrator to create a realistic looking face. For me the most challenging part was the hair.ne es dolorrores essit

GD2 FA10

Lane Stickell Portrait_Illustration 11/8/10 Period 2

10

GD2 First Initial Last Name

Ipod Illustration DESCRIPTION

In this one we used the pen tool and shapes to trace an ipod.

GD2 SP10

iP od P l a y li s t s Ar t is t s So ng s S e t t i ng s Abo u t

Lane Stickell IPod 09/16/10

First Initial Last Name GD2

11

Acronym Logo DESCRIPTION

In this assignment we used letters of our choice to create four logos ranging from conservative to experimental. I decided to use my initials in this assignment. I tried different designs trying to make the letters work for eachother.e es dolorrores essit

GD3 FA10

WS

WS

Ls w Lane Stickell Acronym Logo 2/10/11 Period 6

12

GD2 First Initial Last Name

FA10

Line Art Shoe Illustration DESCRIPTION

In this assignment we took a shoe from the internet and used the pen tool as well as others to create a realistic looking shoe. I felt that a baseball clete would be more challenging then a regular shoe so that is what i chose to do.ne es dolorrores essit

Lane Stickell Line Art Shoe Illustration 10/11/10 Period 2

First Initial Last Name GD2

13

Early Letter Form DESCRIPTION

The purpose of this assignment wsa to provide a comprehensive overview of the design process, from copy writing to producing a final design. This project also encouraged explorations of multiple solutions to a given project. The symbol i chose for this project was delta.e es dolorrores essit

14

GD2 First Initial Last Name

Charlie Wright

Gresham HS • Integrated Media Dept • Graphic Design • Mr. Cook

PROJECTS

Illustrator

Design Statement:

This portfolio represents. . .

The hard work that I have done over the course of a year while in graphic design.

This portfolio holds all of my best work and I believe that it is good work.

Line Shoe Art Illustration p6 Ipod Illustration p6 Fall Leaves Illustration p6

Photoshop

Photo Manipulation p6 Photo Manipulation p6 Transformation p6 Blending p6 Photo Maniplution p6

Indesign

Magazine Advertisement p6 Admission Ticke p6

C Wright GD2

3

Line Art Shoe Illustration DESCRIPTION

For this project we were asked to find a picture of a shoe off the internet and transform the picutre and make the shoe using lines and colors and text. We practically made the shoe again from a picutre off the internet. I really enjoyed this project. It was one of my favorite for the year.

GD2 SP11

Original Photo

F KE NI

LUNARL ON

Edited Photo 4

GD2 C Wright

W LY

E IR

DESCRIPTION

For this project we took a picture of an Ipod and made another one using the pen tool, the rounded rectangle tool, and the ellipse tool. This was the second project that we did in class so it was kind of difficult but it was an easy thing to learn. The purpose of this assignment was to teach us how to use the tools, or to help everyone get used to using the computers again.

GD2 SP11

iPod Playlists

Artists Songs Settings About

menu

R

Ipod Illustration

L

C Wright GD2

5

Fall Leaves Illustration DESCRIPTION

This was the first project that we did this year. There was a picture with leaves on it and we were asked to pick out a few leaves and use the pen tool to trace the outlines of the leaves and then fill them with color. This project was used to just get everyone used to using the pen tool incase they forgot.

6

GD2 C Wright

Photo Manipulation DESCRIPTION

For this project we were asked to go online and find a photoshop tutorial that we liked and do it. I picked this one because it looked interesting and it looked like it would challange my skills. This was a very hard project for me becuase I am new to photoshop but I think it turned out pretty good. I really liked this project because it helped me work with the distort feature, becuase you had to make the smoke follow the skull and I really enjoyed doing this project.

C Wright GD2

7

Photo Manipulation DESCRIPTION

This is a project that I found online and i did it for fun.

I thought it would be cool to learn how to make cool looking smoke. Even though it was an easy tutorial to do I still think it was a good pick for me.

8

GD2 C Wright

Transformation Practice DESCRIPTION

In this project we took the top picture and put the picture on to the bilboard. To do this we used the distort tool and the scale tool. This was a simple yet useful assianment that we did.

C Wright GD2

9

Blending

DESCRIPTION For this project we turned the top picture into the bottom picture. Thiis was a very simple project. To make the gun look like it is firing we simple just blended the black into the background. We made the color black dissappear so all you could see is the flame. To do this we went to layer/layer style/blending options then we messed with the dialog box and moved the sla

Original

Finished Product 10

GD2 C Wright

Photo Manipulation DESCRIPTION

This was a project that I found on my own. I thought it would be a fun project and I was right. This project was kind of difficult but it was also fun. I learned how to use the puppet warp tool. It is a very good tool to know how to use and I think it will come in handy in the future. I also learned how to use the gradant tool. It is one tool that I will use for a long time.

C Wright GD2

11

Magazine Advertisement DESCRIPTION

For this project we made an advertisement that might go inside a magazine. I picked the golf ball the ProV1 and the ProV1x. They are the best golf ball in golf right now. Our focus was to make something that will catch some ones eye as if they were flipping through a magazine. We also learned how to use a grip system for placing images into the sheet.

THE BEST

KEEPS GETTING

BETTER

12

GD2 C Wright

The New Pro V1

The New Pro V1X

Increased Spin Control And A More Consitant Flight.

Now With Drop-and-Stop Greenside Control.

Admission Ticket DESCRIPTION

In this project we worked on making an admission ticket for anything that we wanted. I decided to make a ticket for The Masters golf tournament. We learned how to place images into a specific space and we learned how to make everything look good. This project also helped me by showing me how different fonts do make a difference and it also showed me that the logos and the words don’t need to be big to make an impact.

Meet and Greet Admission ADMIT ONE $

200.00

r g i a0 son, o t a e W G G t a , R I L 7 - 1 F E A T U R I N ods, Bubbaickelson, s u g M Wo Au AP Tiger Singh, Phil artz Vijay rl Schw and C

ha

C Wright GD2

13

Gresham HS • Integrated Media Dept • Graphic Design • Mr. Cook

PROJECTS

Illustrator

Design Statement:

This portfolio represents. . .

This Portfolio is a representation of what I have done this year in graphic design 2 and 3 using Adobe Creative Suite CS5. There are a collection of Illustrator, Photoshop and Indesign projects that I was assigned. As well as a project that I took up on my own time.

Gresham Band T-shirt pg 5 Admission Ticket pg 7 Shoe Tracing pg 8

Photoshop

1/2 Caricature pg 4 Inspirational Quote pg 9 Typographic Symbol pg 10 Student Planner Cover pg 11 Italic Type Poster pg 12

Indesign

Magazine Advertisement pg 6

B Norwood GD3

3

1/2 Caricature DESCRIPTION

This project was a simple but fun one, we looked at a group of photos done in this simmilar fashion. We set out to duplicate the effect with our own photos. After a couple of classes playing with different effects this is the final result that I acheived.

4

GD3 B Norwood

Gresham Band T-Shirt DESCRIPTION

I am a member of the Gresham High School’s Wind Symphony. I play french horn, and I was tasked with coming up with a concept for a t-shirt for the band.

After some colective voting this was the design that was chosen. The Design on the left was done in illustrator, and resides on the front of the final T-Shirt. The Design on the right Was also done in illustrator and was placed on the back of the T-Shirt.

Brennan Norwood

BB Norwood GD3

5

Magazine Advertisement DESCRIPTION

We chose a set of ten ideas for a magazine advertisement, then our teacher selected one of the ideas and we had to create an advertisement. The One on the left is my orriginal design, and the one on the right is after all of the changes I made. There are however still a few improvements i could make.

GO EVERYWHERE. BECAUSE YOU CAN.

Go Everywhere this summer with our wide selection of Mountain Bikes One for every style of riding. Or chose our bike of the year the Fuel EX that will take you to every place you can possibly imagine and more. Race it, Rage it, or just ride into the sunset. Or try our Dual Sport, a bike that will perform just as well on and off the paved road. No mater your choice, bike safe, and just live.

6

GD3 B Norwood

GO

EVERYWHERE.

BECAUSE YOU CAN.

Go Everywhere this summer with our wide selection of Mountain Bikes One for every style of riding. Or chose our bike of the year the Fuel EX that will take you to every place you can possibly imagine and more. Race it, Rage it, or just ride into the sunset. Or try our Dual Sport, a bike that will perform just as well on and off the paved road. No mater your choice, bike safe, and just live.

Trek is the first manufacturer in Wisconsin to switch entirely to renewable electric power. We used to burn 10.5 million pounds of coal each year. Now we burn 0. We’ve undertaken smallerscale changes, too, like converting our entire Waterloo facility to low-energy-consumption lighting.

Shoe tracing

DESCRIPTION This project was simple, but time consuming. I found a picture of a nike running shoe. I then proceded to manually trace every significant detail of the shoe to acheive a close likeness of the shoe. I did however have trouble tracing the shocks.

B Norwood GD3

7

PYP Ticket

Americas First Youth Orchestra

DESCRIPTION This project was fun. I Hand drew about half of the vectors on the right side of the ticket. The right side of the ti cket is the front and the left side is the back. We chose the topic of the admision ticket we wanted to do and then we went on our own to get it done. This is my final result.

- Since 1924

Arlene Schnitzer Concert Hall 7:30

Lower Mezzanine Section

C

Row

Seat

March 10th, 2012

4

PORTLAND YOUTH PHILHARMONIC

8

GD3 B Norwood

If music be the food of love, play on.

- William Shakespeare

Insperational Quote DESCRIPTION

We were told to find an insperational Quote and create a poster centered arround it. I chose this quote by william shakespeare.

B Norwood GD3

9

Typographic Symbol DESCRIPTION

I was assigned a letter in the greek alphebet and told to create three small posters incorperating the symbol.

10

GD3 B Norwood

Student Planner Cover DESCRIPTION

Every Year a student planner is printed and given to every student at Gresham High School, there is a competition for the cover design. This is my design, I spent about five or six days on this.

Back

Front B Norwood GD3

11

Italic Type Poster DESCRIPTION

We were given a list of litterary elements, I chose Italic Font, and we were told to create a poster explaing the element and featuring it. I created this with the help of a color pallet off of kuler. Raptor.

II poorrrrr, itttii ii rrrrr efaaa baaee ssssssee ffff cccciirrrrii hhnnnniiinn.

OOOnn tt nnn rrr cccciirrrrr, uuu faaee llnn iihhhh tt iihh. DDDDDDnn hhhee rrr rrmmm lss uuuuuuu uuee-----nnn rrr cccciirrrrr. TTTT ittticc effff isssncc rrr iiii , iii ffnn ii istttee ntt llnnee ntaaiii.

HHHHHHH, rcaaa rr iiii waaa cccittll raaaaa hhh ittticc.

TTii sssss ii ccccee "itttii" fff isttticcc eessnn. CCCCiirrrrii efaaee stttee tt eeiiiee Itttt, fff hhnnnnn pooee. Ludddicc Arriiii nn Alluu MMMuuuuu (((( eeeeee 1555 nn 1666 nnnnnee) mmmm eeiiiirr vvvvee ii rooess aa .

12

GD3 B Norwood

Amy Salisbury

Gresham HS • Integrated Media Dept • Graphic Design • Mr. Cook

PROJECTS

Illustrator

Design Statement:

This portfolio represents. . .

[Some of the work I’ve completed in Graphic Design 1 & 2, using the Adobe Creative Suite CS5 programs.]

Live Trace p.4 Tessellation Pattern p.5 Distort Filter Flora p.6 Logo Design p.7 iPod Illustration p.10 Line Art Shoe Illustration p.11

Photoshop

Comic Book Cover p.8 Surrealism Collage p.9 Photo Montage p.12 Online Photoshop Tutorial p.13 Admission Tickets p.14-15

Indesign Juicy p.16

A.Salisbury GD2

3

GD1 FA10

GD1 FA10

Live Trace

DESCRIPTION For these two pieces, I placed the same image in eight different spots, changed it into vectors, and live traced it. I played around with the live trace settings for each picture, and I manipulated the colors by filling alike colors with a different one.

4

GD2 A.Salisbury

GD2 SP11

It was hard working with this, but yes, this a nun punching a shark with a robot in the back :D

Amy Salisbury Live Trace 9/27/10 Period 6th

Am

FA10 Tessalation Pattern DESCRIPTION

Using the pen tool, I created a single geometric shape by drawing the top, copying it and placing it as the bottom, and doing the same for the sides. Then I joined all the sides, and filled it with different colors, patterns, strokes, and/or stamps, and created a little collage of different styles to create a tessellation.

GD2 SP11

A.Salisbury GD2

5

Distort Filter Flora DESCRIPTION

For this assignment, I started out with a lumpy circle, then copying and pasting it infront of the last but smaller and rotated just a little bit, and I kept doing that until it was filled to the center. Then I added a gradient color of green to purple, and made multiple copies. After, I played around with the effects in distort and transform, and altered the settings to create a variety of “flowers�.

6

GD2 A.Salisbury

Logo Design

DESCRIPTION The purpose of this project was to create a reasonable logo that communicates well to the audience. I created a logo for a business that I think would be really cool, but probably wouldn’t ever be successful (for obvious reasons). I started out with the vector images of a set of speakers and a tea cup, and the title typed out in a mixture of fonts and sizes. Then I played around with the colors a lot and added in new vectors, and ended up with this.

GD2 SP11

A.Salisbury GD2

7

Comic Book Cover DESCRIPTION

The object of this assignment was just to create a sellable comic book cover. First I took a picture of the transformer, cut it out of it’s background, and then set it on to another background. Then I added the simple things like the title, issue number, price, and barcode.

8

GD2 A.Salisbury

Surrealism Collage DESCRIPTION

For this project, I had to take a background image and add in a collage of surrealism items that each represent at least one thing- levitation, juxtaposition, scale change, dislocation, and transformation. I placed all of this images on to the plane backdrop and then transformed them with distort, scale, sheer, and rotate to make it look a little bit more realistic.

A.Salisbury GD2

9

iPod Illustration DESCRIPTION

In this project, I traced an image of an iPod with shapes, text, and the pen tool. I practiced dealing with a ton of different layers and outlining things.

GD2 SP11

iPod Playlists

Artists Songs

Settings About

R

menu

L

10

GD2 A.Salisbury

Line Art Shoe Illustration DESCRIPTION

During this project, I took a real photo of a pair of shoes and changed it into a vector format by using the pen tool, geometric shapes, and the pathfinder pallet.

S

M TO

M TO

S

A.Salisbury GD2

11

Photo Montage DESCRIPTION

This project’s object was to create a photo montage of items that represented me, and distort and skew the images and change the lighting to make it all come together and look realistic, and that’s what I did.e es dolorrores essit

12

GD2 A.Salisbury

Online Photoshop Tutorial DESCRIPTION

The purpose of this assignment was just to explore online photoshop tutorials, and complete a couple.

The original photo was of an all pink flower, and I changed it by using a rainbow light painting effect.one es dolorrores essit

A.Salisbury GD2

13

Admission Ticket DESCRIPTION

For these next two pages, I had to create a creative admission ticket for an event that displayed all important information in a small space and in a eye catching design. I created five, but the last is my favorite.s dolorrores essit

14

GD2 A.Salisbury

A.Salisbury GD2

15

Magazine Ad DESCRIPTION

The purpose of this project was to create a realistic and successful magazine advertisment. I was advertising an event, and I chose the event “Juicy”. ne es dolorrores essit

Imagine a world where you can dance around huge mushrooms that change color, play with giant butterflies, and wonder through prehistoric alien tenticles of multicolor grass..

jUiCY Red cube and jelly bean pdx PRESENTS:

4.30.2011

DJ ICEY HULK KILL THE NOISE FREAKY FLOW JADEN JUST ONE JAMES STEEL SPOT ZYMURGY JAMIE MEUSHAW ECHOIK

VOLTRON CACHE ANTICS WAY WAY MOST HATED

Doors Open @ 8 pm 16+ w/ Full Cash Only Bar for 21+ Advance Tickets @ www.groovetickets.com

www.jellybeanpdx.com www.facebook.com/jellybeanpdx

16

GD2 A.Salisbury

Bohemia Warehouse 517 N. Tillamook St. Portland, OR 97227

CHAD GORDON

Gresham HS • Integrated Media Dept • Graphic Design • Mr. Cook

PROJECTS

Illustrator

Design Statement:

This portfolio represents. . .

The idea that a design just can’t be thrown together, it takes thought, imagination, creativity, and most importantly time. You can’t expect to have a good final project after five minutes of work.

You have to try and fail, then try again.

Then, just when you think you have a perfect product, stop, there is always something you can adjust to make it a little better.

Fall Leaves Illustration IPod Illustration Line Art Shoe Illustration

Photoshop

Clipping Mask Tutorial Blending Tutorial Perspective Box Tutorial Photo Montage Photo Manipulation

Indesign

Magazine Advertisement Admission Ticket

C.Gordon GD2

3

GD2 FA10

Fall Leaves Illustration DESCRIPTION

This was the first project that was assigned for Graphic Design 2. The purpose of the project was to get the class familiar with the pen and eyedropper tool. This project helped me learn how to use the pen tool correctly as the class moved onto the next few projects in illustrator. es dolorrores essit

4

GD2 C. Gordon

CGordon Leaves Illustration 020211 P6

GD2 FA10

IPod Illustration DESCRIPTION

The second of the three projects in illustrator, the IPod Illustration was one of my favorite projects and one of the most time-consuming. This project along with the Fall Leaves Illustration got the class ready for the final project in Adobe Illustrator, The Line Art Shoe Illustration, by using the Rectangle and Elipse tools.

IPod

.. ..

9:42 AM

l

.. ...

C.Gordon IPod Illustration 021011 P.6

C. Gordon GD2

5

Line Art Shoe Illustration DESCRIPTION

The Line Art Shoe Illustration, was the final project the class did in Adobe Illustrator. This project required the excessive use of the pen, eyedropper, rectangle and elipse tools. This project also required a lot of patience, because I wanted to be as detailed as possible.

GD2

FA10

CGordon Shoe Illustration 022811 P6

6

GD2 C. Gordon

Clipping Mask Tutorial DESCRIPTION

This was one of the many photoshop tutorials the class had to do. The tutorial was teaching how to use clipping masks in photoshop.

C. Gordon GD2

7

Blending 1 Tutorial DESCRIPTION

Another of the photoshop tutorials, this project taught the use of the blending options feature. We used this technique to make it look like the gun was firing.

8

GD2 C. Gordon

Perspective Box Tutorial DESCRIPTION

The perspective box tutorial, had us use the polygonal lasso tool, and the free transform tool to build up the box. Easiest tutorial ever.

C. Gordon GD2

9

Photo Montage DESCRIPTION

In the Photo Montage project we used all our knowledge of photoshop to create a realistic collage of items that describe you. We used some new photoshop tricks as well. Such as using the object opacity to give the illusion of reflections in glass.

10

GD2 C. Gordon

Photo Manipulation DESCRIPTION

For this project, we found a picture and manipulated it to look like something else, and since I had no better ideas, I put a giraffes neck and head on top of a wiener dog.

C. Gordon GD2

11

DESCRIPTION

[

[

Magazine Advertisement

“The Most Awesome Factory-Built Truck This Year.”

- Car and Driver

The Magazine Advertisement was easily my favorite project of the class. The project was to design a advertisement layout, then used the layout to create a complete advertisement. I came into the graphic design room almost everyday to work on this project.

THE ]

RAPTOR HAS LANDED

The New Ford F-150 SVT Raptor,

Built for the Desert, Ready for the Streets. Created by the DNA of a pre-runner and the soild foundation of the F-150, the Raptor does not dissapoint. Putting out 411 hp and 434 lb-ft of torque by the newly standard 6.2 liter V8 engine.

Not only does the Raptor come strapped with a 6.2 liter V8, but it also comes equipped with in-dash navigation on a 4.2 inch LCD screen, voice-activated SYNC, a Leather interior with Heated seats, dual zone climate control and SIRIUS satelite radio.

THE 2011 F-150 RAPTOR FIND OUT MORE AT WWW.FORD.COM/F150RAPTOR

12

GD2 C. Gordon

Admission Ticket DESCRIPTION

The final project in InDesign, The Admisson TIcket project took the most time. For me at least. I restarted the project 4 times, creating something completely different each time until I was satisfied with the result.

In the end, after restarting 4 times, and going though countless pictures of Would Series tickets, I ended up with this.

VS .

E L E AG U IC A N AMER A M P I O N S CH RK &T AT AT

PA

“This ticket is a revocable license and may be revoked and admission refused upon refunding the printed price thereon. This ticket may not be resold at a premium nor may the ticket holder thereof transmit or aid in transmitting beyond the limits of the stadium described in such ticket, in whole or in part, any description, account, picture, reproduction or result of the baseball game or exhibition to which this ticket admits him; if the holder hereof does so, this license is automatically terminated.�

GAME

A M E R I C A N L E AG U E VS . NAT I O NA L L E AG U E at AT & T Pa r k T M October 1, 2010 8:00 PM ET

1

GAME

1

ADMIT ONE GATE

SEC.

ROW

SEAT

PRICE

5C

17

K

5

$190.00 C. Gordon GD2

13

Willie Gibson

Gresham HS • Integrated Media Dept • Graphic Design • Mr. Cook

PROJECTS

Illustrator

Design Statement: This portfolio represents major projects that I completed during Graphic Design 2 and Gresham High School. This also includes several creations that I completed during me free time. The projects that I included in this that were assigned in class are representations of what I learned when using Adobe Creative Suite CS5.

Page 2: Fall Leaves Illustration Page 3: iPod Illustration Page 4: Line Art Shoe Illustration Page 5: Business Logo Illustration

Gimp

Page 6: Space Eye Photo Manipulation Page 7: Beach Split-toning Page 8: Lighting and Scenery

Photoshop

Page 9: Business Logo Creation Page 10: Eye Photo Manipulation Page 11: Composing a Scene Page 12: Layer Masking with Animals Page 13: Layer Masking with Animals

InDesign

Page 14: Admission Ticket Page 15: Magazine Advertisement

W. GIBSON GD2

3

Fall Leaves Illustration DESCRIPTION

(6.5 x 6 inches) This was an introduction to using the Pen tool in Adobe Illustrator. I began with an image of leaves and turned it into a template. The template was at 50% transperency.

After setting up the template I traced the egdes of the leaves with the Pen tool. Once I had finished with the tracing I filled in the shapes and arranged them to overlap eachother.

4

GD2 W. GIBSON

iPod Illustration DESCRIPTION

(6 x 7 inches) This was an extended introduction to the Pen tool in Adobe Illustrator. The goal was to create an illustration from a real image. In this I used the pen tool to trace most of the objects from the template. Other objects in the illustration were created using the Elipse tool.

Cover Flow

Leave Me Alone Tech N9ne

MENU

W. GIBSON GD2

5

Line Art Shoe Illustration DESCRIPTION

(9 x 7 inches) This was another extension to using the Pen tool in Adobe Illustrator. I used an image as a template then began tracing various ares on the shoe. The most difficult part of this project was overlapping the laces on the shoes to make the illustration realistic.

6

GD2 W. GIBSON

Business Logo Illustration DESCRIPTION

(7.5 x 2 inches) This was a simple logo that I desidned in Adobe Illustrator. I used the Pen tool to create the shape. Next I made a stroke that was used to contrast with the business name. Finally I typed the business name and arranged it over the shape.

W. GIBSON GD2

7

Space Eye Photo Manipulation DESCRIPTION

(9 x 7 inches) Here is an example of something I made during my free time. This is an image I made using an online tutorial for the free photo manipulation program Gimp. I strarted with an image of an eye. The clouds are a layer mask on the eye. Next I made the blue lines coming from the eye with the Pen tool. Finally I copied the area around the eyeball and pasted it over the original with layer options set at Luminosity.

8

GD2 W. GIBSON

Beach Split-toning DESCRIPTION

(6.5 x 4.5 inches) Here is another example of something I made during my free time. This was tutorial for the progrram Gimp.

The goal was to take a regular image with various colors and reduce it to a two toned image. I began by creating a set of black and white duplicates of the image. One image was overlayed with a blueish color and merged with the black and white. I did the same with the other image except I used a beige color to overlay with. Finally I changed the opacity of the beige layer to 75%.

W. GIBSON GD2

9

Lighting and Scenery DESCRIPTION

(10 x 6 inches) This is another tutorial I completed with Gimp during my free time. I began by using the pen tool to select the original overcast above the castle and deleted it. Next I added the brighter and bolder sky with sun burssting through the clouds. After adding the new background I overlayed a gradient white spot on the closest part of the castle. Finally I overlayed a copy of the castle and made a layer mask to darken areas around the image to create a focal point in the center.

10

GD2 W. GIBSON

Business Logo Graphic DESCRIPTION

(10 x 4.25 inches) This is a graphic that I made during my free time so that I would later be able to add it to my admission ticket project that I was creating in class. I began by creating the illustration to the left with the pen tool in Adobe Illustrator. I brought the design into Adobe Photoshop and added the picture of the crowd behind it. This was a crowd at an event Insomniac produced. Next I typed the name and added a stroke layer style and reduced the layer fill to 0%. I copied the logo and the name, then pasted them underneath themselves upside down.

Finally I added a black gradient to fade out the copies.

W. GIBSON GD2

11

Eye Photo Manipulation DESCRIPTION

(10.5 x 8 inches) This is something I made during my free time. I started with an image of an eye. I also got a picture of a pygmy marmoset and used the magic wand tool to select the background and delete it. Next I copied the iris and pupil then overlayed it to make it bolder. After this I added the monkey into the pupil and changed the layer to luminosity. Finally I overlayed and blue layer to change the color of the entire image.

12

GD2 W. GIBSON

Composing a Scene DESCRIPTION

(7 x 6 inches) This project was an in-class tutorial to teach us how to create a scene from various images. I began by cutting out a portion of the fence that needed to be in front of the farmer using the polygon lasso tool, then pasted it on top of him to show that he was behind the fence.

This brought his tool behind the fence so I did the same thing and pasted on top of the fence. Finally I copied the layer, added a gaussian blur, then created a layer mask to fade th background out.

W. GIBSON GD2

13

Layer Masking with Animals DESCRIPTION

(14 x 10 inches) This was one of my favorite projects in class. The goal was to create one animal out of two different animals using layer masks. I began with the image of a lion. Next I added an image of a Pomeranian dog and created a layer mask to only show the face. After this I used the free tronsfrom tool to match it up to the lions face.

Finally I added a duplicate of the lion to the top of the dog and made another layer mask to blend them better.

14

GD2 W. GIBSON

Layer Masking with Animals DESCRIPTION

(12 x 8 inches) This is the projet that I enjoted most during Grephic Design 2 this semester. This was another photo manipulation using layer masks. I began with the image of the black and white hand. Next I placed a picture of a killer whale on top of the hand and created a layer mask. I desaturated the image of the whale to match with the original black and white hand photo. Finally I added a duplicate of the hand, made a layer mask from it, and blanded the images.

W. GIBSON GD2

15

Admission Ticket DESCRIPTION

(6 x 4 inches) This was our final project using the Adobe program InDesign. Our goal was to create an amission ticket that would appeal to the group of people that listen to the artist/attened the event. In this project I used Adobe Photoshop and Illustrator for my images and the artist title. Everything on this was made by my except for the Bouble Tee Concerts logo and the Red Cube Productions banner.olorrores essit

Admission Price: $30.00 mniac

y Inso b d e t n

6 Nw 6th Avenue

Portland

ADMIT ONE

“This ticket is a revocable liscence and may be revoked and admisssion refused upon refunding the printed price thereon.

This ticket may not be resold at a premium nor may the ticket holder thereon transmit or aid in transmitting beyond the limits of the stadium described in such ticket, in the whole or in part, any description, account, reproduction, picture, or result of the concert or exibition to which this ticket admits him; if the holder hereof does so, this liscence is automaically terminated.�

16

GD2 W. GIBSON

prese

Theater Rosenlearanld Admission Ge 2011 May 29,

www.insomniac.com www.redcubepdx.com

Magazine Advertisement DESCRIPTION

(7.25 x 9.75 inches) This project was our introduction to Adobe InDesign. In this we needed to create a magazine ad using different marketing tools including this like certain words, grid layouts, and white space. This is the final version of 5 different templates that I made for this magazine design. I chose this one because in my opinion it captures the readers attention to the main image of the vehicle.

W. GIBSON GD2

17