Heather SerranoPortfolio

ContactHeather SerranoRexburg, Idaho530.863.0370mag15001@byui.edu

Table of Contents1. Brochure2. Logo3. Montage4. Event Ad5. Flier6. Webpage7. Stationery8. Bussiness Card9. Photo Design

BrochureDescription:This is a brochure I created to invite people to join Patrick for his book reading of “The Name of the Wind” at Barnes & Noble.

Date:5 December 2015

Course/Instructor:COMM 130 Section 04

Ben Pingel

Program(s)/Tools:Adobe InDesign, Illustrator, Photoshop

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

• 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 so the text follows the cutout shape of the image.

• Write at least 250 words of original copy in at least three paragraphs, headers, and subheaders.

• Trim for a full bleed and print in duplex (two-sided) color.

Process:Going into Adobe InDesign, I created the offset layout using ruler guides to mark where the folds would be. I had a basic idea about the written content, so I created the draft using only 4 or 5 images and some filler text for where I knew there would be text present. I also created a logo for Patrick Rothfuss (the author) in Illustrator before hand and that was part of the first draft. Next, I wrote the content in a Word document and replaced the filler text with this. For the text, I created new paragraph styles, so it would appear as I wanted it. Then, I used Photoshop to edit a couple of the images, including the one of the mandolin (instrument) and the image of Kvothe on the inside of the brochure. Using the Quick Selection Tool, I selected only the pieces of the image that I wanted and placed them back into my brochure in InDesign. I wrapped the text around the image of Kvothe on the inside, among a few other adjustments and this is the end result.

Front Back

Inside

LogosDescription:This is a logo for a company called Mystery House, a place you go to solve mysteries for fun.

Date:31 October 2015

Course/Instructor:COMM 130 Section 04

Ben Pingel

Program(s)/Tools:Illustrator

Objectives:• Create three completely different, original logos to fit a company or personal image that will

appeal to the audience. Do not imitate existing logos or use previous designs.

• 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. (No Illustrator pre-fabricated flares, symbols, etc.. No photos or live-tracing. You may use an image or drawing as a guide to trace it with the pen/pencil, but delete the image before submitting.)

• Refine one logo with variations for color.

Process:First I had to come up with an idea. When I decided on a company to create a logo for, I thought of a couple different ideas that could work for a logo. I created three completely different logos in Adobe Illustrator. Next, I got some feedback from a couple different people, and asked twelve different people which one was their favorite. Once I had gotten the feedback, I went with the logo that people liked the most and I refined it, mixing some of my ideas together.

Mystery

H o u s e

Mystery

H o u s e

Mystery

H o u s e

Mystery House

MontageDescription:This a spiritual montage meant to strengthen and comfort people.

Date:24 October 2015

Course/Instructor:COMM 130 Section 04

Ben Pingel

Program(s)/Tools:Photoshop

Objectives:• Use the FOCUS design process with strong focal point and flow.

• Unify a layout with a consistent theme and dominant spiritual message.

• Learn to blend two or more images together gradually, using masks.

• Demonstrate more advanced Photoshop skills for layout with multiple elements.

• Use a mask to apply a filter to one part of the image.

• Apply typography principles (titles, quotes, events or scriptures…your choice)

• Format type: Legibility; Small copy & Title with varying text size. Theme word(s).

• Select good quality images.

Process:First I had to come up with an idea. When I decided on a company to create a logo for, I thought of a couple different ideas that could work for a logo. I created three completely different logos in Adobe Illustrator. Next, I got some feedback from a couple different people, and asked twelve different people which one was their favorite. Once I had gotten the feedback, I went with the logo that people liked the most and I refined it, mixing some of my ideas together.

Event AdDescription:This is an event ad for people to go and buy a bag of groceries for a less fortunate family.

Date:10 October 2015

Course/Instructor:COMM 130 Section 04

Ben Pingel

Program(s)/Tools:Photoshop

Objectives:• Comprehend image sizing (how pixels and inches work together).

• 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:First I scanned an image from a magazine and made sure to scan it at a high quality of 300 pixels per inch. Then I used the image as the background for my event add. I created a document in Microsoft Word 2011 and went on to create the title and the text boxes.

 

Food For Families

Come join Raley’s and buy a bag of groceries for a less fortunate family. November 7 3-7 p.m.

Location: Raley’s Groceries 13384 Lincoln Way Auburn, CA

FlierDescription:This is a black and white flier to invite graduates to a leadership conference.

Date:3 October 2015

Course/Instructor:COMM 130 Section 04

Ben Pingel

Program(s)/Tools:Adobe InDesign

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: First, I sketched a few designs. Then I chose one designed it in Adobe InDesign. I used repetition of the black boxes to tie it together and alignment of the paragraphs and logo to keep it in order.

Graduate L e a d e r s h i p ConferenceDo you want to have the competitive edge in businness?

Come learn how at Vouant Communication’s annual Graduate Leadership Conference.

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

Vouant Communications is devoted to helping tomorrow’s 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.

Conference is available to graduating seniors. Space is limited.

October 218 a.m. – 5 p.m.Lincoln Convention Center

WebpageDescription:This is a webpage I designed to show the logo I created.

Date:21 November 2015

Course/Instructor:COMM 130 Section 04

Ben Pingel

Program(s)/Tools:Illustrator, Text Wrangler

Objectives:• Size and optimize an original logo as a .png for a web page so the long side is 300 – 500

pixels.

• Write content to describe the process of creating your logo and how it appeals to a target audience. (Minimum of 200 words. Include rationale for colors, appeal to target audience, design skills, etc,)

• Acquire a working knowledge of HTML. (Include all required tags – Doctype (provided), html, head, title, meta charset (provided), body, h1, h2, p, ol or ul (with li tags), img, br, and a link to blog)

• Acquire a working knowledge of CSS. (Customize the provided CSS provided to format the HTML to complement the logo design. Change at least the following: The h1 text color & h1 background color, font colors for the paragraphs & list items, the background color, font families and add at least one css comment.)

• dentify hex colors to match logo, using Photoshop color picker.

• Open the HTML page in a web browser and capture a quality screen shot with .5 inch margins for printing.

Process:I used a program called TextWrangler. It is a text editor that allows a person to write using HTML and CSS codes. I inserted my logo image through Photoshop and was also able to match the colors of my webpage to my logo by using the eye dropper tool.

StationeryDescription:This is a letterhead design for a company called Medieval Weapons Specialists.

Date:7 November 2015

Course/Instructor:COMM 130 Section 04

Ben Pingel

Program(s)/Tools:Illustrator, Adobe InDesign

Objectives:• Use the basic tools in Illustrator & InDesign.

• Create a new logo to fit a company or personal image. Do not imitate existing logos or use previous designs. Don’t use photos or live trace.

• Use the new logo to design consistent layouts for a business card and letterhead. Photos are okay on business card and letterhead as additional design elements. Letterhead should be 8.5 x 11, full-bleed optional, but trim only .125. Business card should be 3.5 x 2 and printed above center on a vertical page.

• Apply typography rules, keeping small copy.

• Keep designs simple with light watermarks and drop shadows and plenty of white space.

• Include contact information: name, address, phone, website, and email on each piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.

Process:First I thought of a design that would be appealing to people that enjoy weapons, then I created the logo in Illustrator. I then put my logo in an Adobe InDesign document. These documents were all held in the same file so that they would be linked. I then designed the letterhead in Adobe InDesign.

Medieval Weapsons Specialists1335 High St.Auburn, CA 95603530.863.1948heatherserrano.wordpress.comheatheserrano@gmail.com

Bussiness CardDescription:This is a bussiness card design for a company called Medieval Weapons Specialists.

Date:7 November 2015

Course/Instructor:COMM 130 Section 04

Ben Pingel

Program(s)/Tools:Illustrator, Adobe InDesign

Objectives:• Use the basic tools in Illustrator & InDesign.

• Create a new logo to fit a company or personal image. Do not imitate existing logos or use previous designs. Don’t use photos or live trace.

• Use the new logo to design consistent layouts for a business card and letterhead. Photos are okay on business card and letterhead as additional design elements. Letterhead should be 8.5 x 11, full-bleed optional, but trim only .125. Business card should be 3.5 x 2 and printed above center on a vertical page.

• Apply typography rules, keeping small copy.

• Keep designs simple with light watermarks and drop shadows and plenty of white space.

• Include contact information: name, address, phone, website, and email on each piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.

Process:First I thought of a design that would be appealing to people that enjoy weapons, then I created the logo in Illustrator. I then put my logo in an Adobe InDesign document. These documents were all held in the same file so that they would be linked. I then designed this bussiness card in Adobe InDesign.

Medieval Weapons Specalists1335 High St.Auburn, CA 95603530.863.1948heatherserrano.wordpress.comheatherserrano@gmail.com

Photo DesignDescription:This is a photo that I took and later designed in Photoshop with an inspirational quote from Robert Browning.

Date:10 October 2015

Course/Instructor:COMM 130 Section 04

Ben Pingel

Program(s)/Tools:Photoshop

Objectives:• Comprehend image sizing (how pixels and inches work together)

• 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: First I took some pictures with a camera that I rented from the library. I took several pictures and with this picture I was going for a foreground focus. When I decided on this picture, I used Photoshop to make this design.