portfolio - jacie ames

21
 PORTFOLIO J A C I E A M E S

Upload: jacie-ames

Post on 03-Nov-2015

69 views

Category:

Documents


0 download

DESCRIPTION

COMM 130 PortfolioBYU-Idaho

TRANSCRIPT

  • PORTFOLIOJ A C I E A M E S

  • Jacie [email protected] W. Tumblewood DrivePeoria, AZ 85382

  • Table of Contents

    Flier

    Brochure

    Logo

    Event Ad

    Web Page

    Business Card

    Letterhead

    Montage

    Photodesign

  • Flier

    DescriptionBlack and white flier to promote a Graduate Leadership Conference.

    Date05/09/15

    Course/InstructorComm 130 Section 15Emily Kunz

    Program(s)Adobe Illustrator

    ObjectiveApply 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.

    ProcessI first sketched out four completely different designs on paper. After choosing the design to execute, I made a basic framework in InDesign. I added the pictures and copy to the flier and then styled it, using white text on black rectangles for the title and date-time-place text, and black text on a plain background for the body copy. I used horizontal rules to align the text and create repetition in the design. The elements in the design flow in a c shape from the top right on the title to the picture of the graduates, and then to the information.

  • Brochure

    DescriptionBrochure for a nature guide organization in Arizona.

    Date7/12/15

    Course/InstructorComm 130 Section 15Emily Kunz

    Program(s)Adobe IllustratorAdobe InDesign

    ObjectiveSet 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.

    ProcessI used Adobe Illustrator and InDesign to create the logo for the company, Sonoran Experience. I used Photoshop to text wrap the cactus photo. I finally laid out the entire design in InDesign. I first created a shape map to lay everything out and obtain the correct proximity. I then contrasted the photos and text to create a balanced design, as well as used the same colors and paragraph styles throughout to unify the message. At the end, I decluttered the layout during the Simplify phase of the FOCUS process.

  • Fro

    nt

    Insi

    de

    Bac

    k

  • Logo

    DescriptionLogo design for a pest & weed control company.

    Date07/07/15

    Course/InstructorComm 130 Section 15Emily Kunz

    Program(s)Adobe Illustrator

    ObjectiveCreate 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

    ProcessI designed these logos using Adobe Illustrator. Within Illustrator, I used the pen tool, as well as the type tool. I started out by making several different concepts of the logo. After some critique, I selected a final logo and created it with different color variations.

  • Event Ad

    DescriptionColor event ad to promote a Babysitting Workshop.

    Date05/17/15

    Course/InstructorComm 130 Section 15Emily Kunz

    Program(s)Microsoft Word

    ObjectiveComprehend 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.

    ProcessI first scanned in the image of the baby on a high quality scanner. I used Microsoft Word only to create this ad. I selected a color scheme and soft-edged fonts that would complement the soft colors in the photograph. I implemented a grid layout for the text and information and strived to align each piece of text with another to create a strong sense of unity.

  • Web Page

    DescriptionWeb page to feature an original logo design.

    Date06/28/15

    Course/InstructorComm 130 Section 15Emily Kunz

    Program(s)Text WrangerAdobe Photoshop

    ObjectiveSize 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.) Identify 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.

    ProcessI used Text Wrangler to write the HTML/CSS files, and Adobe Photoshop to choose the hex colors. I also used the W3C validator to validate the code. For design, I used proximity to organize the related information in the layout. I also used contrast in my colors to differentiate between the headings and paragraph. I used the Simplify step to get rid of unnecessary things, like the bullets, to clean things up.

  • Business Card

    DescriptionCoordinating business card and letterhead for a emergency preparedness fair sponsored by a church.

    Date06/17/15

    Course/InstructorComm 130 Section 15Emily Kunz

    Program(s)Adobe IllustratorAdobe InDesign

    ObjectiveUse 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. Dont 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.

    ProcessI designed these logos using Adobe Illustrator. Within Illustrator, I used the pen tool, as well as the type tool. I created the business card designs using both Illustrator and InDesign. I used links to place the logos in InDesign. I used the eyedropper tool to match the colors of the elements precisely.

  • Stationery

    DescriptionCoordinating business card and letterhead for a emergency preparedness fair sponsored by a church.

    Date06/17/15

    Course/InstructorComm 130 Section 15Emily Kunz

    Program(s)Adobe IllustratorAdobe InDesign

    ObjectiveUse 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. Dont 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.

    ProcessI designed these logos using Adobe Illustrator. Within Illustrator, I used the pen tool, as well as the type tool. I created the letterhead design using both Illustrator and InDesign. I used links to place the logos in InDesign. I used the eyedropper tool to match the colors of the elements precisely.

  • Montage

    DescriptionMontage using original photos of the Phoenix Arizona Temple, desert scenery, and a family; quote about temples by President Henry B. Eyring.

    Date05/31/15

    Course/InstructorComm 130 Section 15Emily Kunz

    Program(s)Adobe PhotoshopAdobe InDesign

    ObjectiveUse 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 scripturesyour choice). Format type: Legibility; Small copy & Title with varying text size. Theme word(s). Select good quality images.

    ProcessI created this project in Photoshop CS6 using my own photos. Each photo overlays the next using a mask to blend in to the photo behind it. Various brush sizes and weights were used for blending. I created my typography in Adobe Illustrator and brought it in to Photoshop as a smart object.

  • Photodesign

    DescriptionPhotodesign project with original photography; designed in Photoshop.

    Date05/24/15

    Course/InstructorComm 130 Section 15Emily Kunz

    Program(s)Adobe Photoshop

    ObjectiveLearn 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 for NDE (non-destructive editing.) Size and crop the image, then place on an 8.511 page layout. Use layers to design text, and repeating graphic elements in Photoshop. Print with full-bleed margins. Trim only 1/8 (0.125) from all four sides.

    ProcessI started off by taking the photographs. The front image is of my niece, and the background image is an out-of-focus photograph of a tree. I selected a quote that would match the happy, innocent look on my nieces face.

    This project was design in Photoshop CS6. I placed both photographs on the canvas and aligned the quote underneath the main picture to create proximity. I added the white lines on the side, leading from the top of the design to the quote. I then implemented the color scheme to make the design appealing and cohesive.