P9: Portfolio

PortfolioLeah McQueen

Description: A business card using a personal brand and logo.

Programs: Adobe InDesign

Adobe Illustrator

Date: June 14. 2015

Course/Instructor: Comm 130 / Jason Reeder

Objectives: Use the basic tools in Illustrator and InDesign.

Create a new logo.

Use the new logo to design consistent layouts for a business card and letterhead.

Process:I started this project by sketching out what I wanted my logo to look like. I then took a picture of my sketch

and put it into Adobe Illustrator to trace with the pen tool. Once I had a logo, I imported it into Adobe

InDesign to create the letter head and business card. For the letterhead I made the margins 0.5 inches

and put gray lines along these to create the design. For the business card, I kept the line theme by putting

the lines 0.125 inches from the edge. I then made the main text 8pt and my name 11pt on the back of the

business card and the letterhead. For the front of the business card I made my name bigger and increased

the kerning so that is aligned with Web Design and Development. I made the text gray to match the gray

lines. Finally I made my name all caps with the text tool in Adobe InDesign.

ContactLeah McQueen160 W 5th S Apt 205

Rexburg , ID 83440

951.790.7861

[email protected]

Table of ContentsBusiness Card

Stationery

Montage

Logo

Photodesign

Brochure

Web Page

Event Ad

Flier

Description: A business card using a personal brand and logo.


Adobe Illustrator

Date: June 14. 2015



Create a new logo.










Business Card

L e a h M c Q u e e nWeb Design and Development

Leah [email protected] W 5th S Apt 720Rexburg, ID 83440-2490mcqueenleah.wordpress.com

Description: Stationery using a personal brand and logo.


Adobe Illustrator

Date: June 14. 2015



Create a new logo.










Stationery

Description: Inspirational photo montage that includes two images and a quote.

Programs: Adobe Photoshop

Date: May 30. 2015


Objectives: Unify a layout with a consistent theme and dominant spiritual message.

Use more advanced Photoshop skills for a layout with multiple elements, for blending two images together

using masks, and using a mask to apply a filter to one part of the image.

Apply typography principles and format type.

Process: I began this project by looking for resources to use, first by finding the quote and then by looking for

pictures that related to the quote. I then worked on combining the forest image and the runner image in

Photoshop. I put a mask on the runner and took out most of the background of her image. After masking

the image, I started trying out filters and decided I liked the effect called dissolve. I brought in more of the

background in the runners picture to make the dissolve effect more consistent across the image such as be-hind the word line. I then added the text, making the key word finish line and journey a different font

to make them stand out. Then I added the purple text box to create a triadic color scheme. Finally, I aligned

the text and added drop shadows to make it more legible.

Montage

Description: This is a logo for a fake company that uses an illustration. There are three versions of the logo: colored,

greyscale, and a white on a color background.

Programs: Adobe Illustrator

Date: June 6, 2015


Objectives: Market research: gather opinions from at least ten people about which logo appeals most to them.

Use only the Illustrator tools to create and draw your logos.

Refine logo with variations for color.

Process:I started this project by figuring out what type of company I wanted to design for. Once I decided on a

nursery, I decided the logo should have a nature theme. With this in mind, I sketched some ideas. I then

took photos of these sketches and used them to trace with the pen tool in Adobe Illustrator. Once the logos

were digitized, I got people to vote on their favorite logo. The hummingbird logo was the favorite, so I then

revised it and made the greyscale and white on color versions.

Logo

Description: Create a full color bleed photo-design using an original photo and Photoshop. Learn to use Photoshop tools

to improve photos.

Programs: Adobe Photoshop

Date: May 24. 2015


Objectives: Learn basic photography skills.

Choose a color scheme, take a photo to match those colors, then incorporate the colors into the layout.

Use a digital camera to take a quality image, then download it.

Adjust image levels, saturation, color balance, sharpen tool on separate layers in Photoshop.

Use layers to design text, and repeating graphic elements in Photoshop.

Print with full-bleed margins.

Process:I started with learning some lighting and camera techniques to take the photo. After I took the photo, I add-ed some effects in Photoshop to boost the vibrancy and hue of the tennis ball and increase the intensity of

the shadows. I then learned to add some shapes in Photoshop. After playing with the shapes, I decided to go

with a simpler design of the lines. I aligned the lines and text with the edge of the tennis ball and the edge

of the word Wilson. I then added the text and matched the color of the racket and the tennis ball to make

a complementary color scheme.

Photodesign

Description: A double sided folding brochure.

Programs: Adobe InDesign / Adobe Illustrator / Adobe Photoshop

Date: July 12. 2015


Objectives: Set up and align a two-sided, folded document. Trim for a full bleed and print in duplex (two-sided) color.

Create an original, new logo and use it in a brochure.

Incorporate quality images. Incorporate at least four quality images, not including the logo. One should be

clipped in Photoshop and text-wrapped in InDesign.

Write at least 250 words of original copy in at least three paragraphs, headers, and sub-headers.

Process:For this project I started by planning out the layout for the brochure. Since I planed to make the black and

white image overlap the seahorse, I had to figure out how to measure out everything so that it would line

up perfectly. After I had a layout, I set up my Adobe InDesign document with guidelines. I then edited the

photos in Photoshop including making one image black and white and making a clipping mask of anoth-er. Once the images were ready I placed them in the InDesign document. I then created a logo in Adobe

Illustrator and placed it into the InDesign document. Finally I added the text and did a text wrap it and

added shadows. Once this was done I added crop marks for the diagonal cuts and exported the file with

bleed crop marks for printing. Once printed I cut the completed project with an xacto knife and folded the

brochure.

Brochure

Front

Inside

Back

Description: A web page that describes the logo design from the logo project.

Programs: Adobe Illustrator

Adobe Photoshop

Notepad++

Date: June 28,2015



Create a new logo.


Process:I started by laying out all the text and images in HTML. I separated the text into paragraph, heading, list,

break, and link tags. I also used the strong tag to bold the list items. After that I added the design elements

using an external CSS style sheet. I changed the text styles on the paragraphs, lists, bolded words, and

headings and I centered everything on the page. For the background I edited a photo I took in Photoshop

then centered it in the header. I then added the same image in the footer. Finally, I added a transparent

background behind the logo to make it more visible on the background.

Web Page

Description: An ad for a benefit event made using word with a full color bleed and a scanned image.

Programs: Microsoft Word

Date: May 16, 2015


Objectives: Comprehend image sizing. Find, scan and import a high-quality image. Create a full-bleed design.

Choose a color scheme and typeface(s) that work for your message and audience.

Learn to use only Word design features without using any Adobe programs, including Photoshop.

Process:I began creating my event ad by choosing the message, which is sea turtles. I then found a childrens book

from the library about sea turtles and scanned multiple images. Once I scanned the images, I put them into

word, cropped and arranged them to fit a page, and decided which one would look the best as a full page.

I then worked on my color scheme, and chose a big split complementary. To match the illustrations colors

I used paints color picker to find the right shades of orange, blue, purple, and green from the photo. I then

used this color scheme to make the repeating triangle pattern. I made the majority of the triangles blue and

made random ones the other colors in the scheme so the rhythm was a little less predictable. After making

the triangle design, I added the text, added shapes under the text, and changed the transparency on the tri-angle design so the text would be more visible. Finally, I used Words alignment tools to line up the text with

each other and the triangles with each other.

Event Ad

Sea Turtle

30 July 2015

Exhibit Opening

Ope n in g da y

Description: This is a grayscale flier for the company Vouant to promote their three-day graduate leadership conference.


Date: May 10, 2015


Objectives: Apply the design principles and use appropriate typography.

Incorporate basic InDesign skills to improve basic flier layout.

Retrieve image and logo from links on this page.

Create a project folder with image, logo and InDesign document to keep links in InDesign intact.

Process:The process for this flier began with researching some styles of fliers, than taking elements of those fliers to

sketch out some new ideas. After sketching, I began digitizing the sketches in InDesign. Once I had a rough

draft, I had the flier evaluated by three people, which resulted in many changes. In the final product, I have

a slanted photo to make the flier more interest through asymmetry. I made a large title so that there is a

focal point that delivers the message. The line under the title creates unity with the border on the photo

and the a on the logo since they all use the same shade of gray. I left some white space next to the title in

an L shape, and spaced out the paragraph so that the flier doesnt feel too full or cluttered. The text, logo,

and photo were all provided to me for the flier.

Flier

Graduate Leadership ConferenceDo you want to have a competitive edge in business?Come learn how at Vouant Communications annual Graduate Leadership Conference.

Vouant Communications is devoted to helping tomorrows leaders gain essential leadership skills in the workplace. During this dynamic three-day seminar, attendees will meet with top executives of Vouant Communications to discuss breakthrough leadership techniques, while cultivating attributes of leadership that will market to any employer. The conference is available to graduating seniors. Space is limited!

Registration and more information available at http://www.vouantcomm.com/leaders

Lincoln Convention Center8 a.m. 5 p.m.October 21

Documents

P9: Portfolio