Heidi Cloward

Portfolio

Contact
Heidi Cloward 3075 Century Way Medford, OR 97504 541.690.9963 clo11002@byui.edu

Table of Contents
1. Brochure 2. Business Card 3. Letterhead 4. Logos 5. Web Page 6. Event Ad 7. Photodesign 8. Montage 9. Flier

Brochure
Description: Duplex layout brochure with fold Programs: Photoshop, Illustrator and InDesign Date: March 29, 2014 Course: Visual Media Instructor: Julie Peterson Objectives: Set up and align a two-sided, folded document. Create an original company 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 with at least three paragraphs. Trim for a full bleed and print in duplex (two-sided) color. Process: For the main photos inside the brochure, I added a satin effect once I brought them into InDesign. I clipped the Sand Dollar photo in Photoshop, then brought it into InDesign and used a text wrap around it. For the text, I used the Paragraph Styles feature to help unify the paragraph formatting. The logo is an original log that I created and altered in Illustrator. For printing, I chose two-sided printing with short-edge binding.

Business Card
Description: Two-sided business card (front and back shown at right) Programs: Illustrator, InDesign Date: March 1, 2014 Course: Visual Media Instructor: Julie Peterson Objectives: Use The basic tools of Illustrator & InDesign. Create a new logo to fit a company or personal image. Do not imitate existing logos or use your previous designs. (Dont use photos or live trace in your new logo) Design consistent layouts for a business card and letterhead. Use your new logo to design two stationery items with consistent design. (Photos are okay on stationery.) Business card: 3.5 x 2 (print above center on a vertical page) Apply typography rules keeping small copy. Learning to keep thing simple by having watermarks and drop shadows light and white space. Applying contact information: Include name, address, phone, and email on each piece. Use periods, bullets, or spaces in phone #; No parentheses/ hyphens. Process: For this project, I designed an original logo (in Illustrator) using a splat symbol and a spray can to create a single splat. With the eye-dropper tool, I chose the shade of green that I wanted to color it. For the business card, I made simple white boxes sized for a standard business card size and added in the contact information with contrasting text color and font. I took the S and C directly from the title text and lightened them for the logo. In order to avoid competition between the logo and the company name, I chose to put the logo on the back side of the business card.

DESIGN
Heidi Cloward 3075 Century Way Medford, OR 97504 541.690.9963 heidicloward47@gmail.com

Letterhead
Description: Business letterhead that corresponds to business card Programs: InDesign, Illustrator Date: March 1, 2014 Course: Visual Media Instructor: Julie Peterson Objectives: Use The basic tools of Illustrator & InDesign. Create a new logo to fit a company or personal image. Do not imitate existing logos or use your previous designs. (Dont use photos or live trace in your new logo) Design consistent layouts for a business card and letterhead. Use your new logo to design two stationery items with consistent design. (Photos are okay on stationery.) Letterhead: 8.5 x 11 (full-bleed optional, but trim only .125) Apply typography rules keeping small copy. Learning to keep thing simple by having watermarks and drop shadows light and white space.Applying contact information: Include name, address, phone, and email on each piece. Use periods, bullets, or spaces in phone #; No parentheses/ hyphens. Process: After finishing the business card, I created an InDesign document for the business card and letter head. I moved in the logo and contact information onto the letterhead and used alignment to match them up. I created the watermark by using a low opacity on a blown up version of my splat logo. This process was pretty simple. For finishing touches, I used the ruler guides for alignment and checked the text and sizing elements for overall visual appeal.

Logos
Description: Three varied logos for a made-up company Programs: Illustrator Date: February 21, 2014 Course: Visual Media Instructor: Julie Peterson 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 your previous designs. Use only the tools to create and draw your logos. (No Illustrator pre-fab flares, symbols, etc.. No photos or auto 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.) Gather opinions from at least ten outside sources about which logo appeals most to them. Process: For the first logo, I created the type and boxes, colored the boxes, added the curly c and filled in the a. For the second logo, I used two contrasting fonts, with contrasting colors. For the green stoked dot on the i, I used the circle tool. On the last logo, I used two big sideways cs and then smaller, tilted cs for the yellow letters coming out of the simple c flower. For the stem, I used the the pencil tool with a thicker green stroke.

Creative Communications

COMMUNICATIONS

Communications

Web Page
Description: Web Page designed to display and explain a company logo Programs: TextWrangler, Photoshop Date: March 12, 2014 Course: Visual Media Instructor: Julie Peterson Objectives: Size an original logo. Write content in 200 words minimum describing and explaining logo. Design web page using HTML using newly acquired skills of HTML and CSS. Identify hex colors to match logo. Compress multiple files in a zipped folder to attach as one file. Open your HTML page in a web browser, and capture a quality screen shot with .5 inch margins for printing. (See tutorial below.) See the sample projects on this page as examples (contains 3 files: .css file; linked logo .png; .html file of web page.) Process: In TextWrangler, I wrote HTML codes copied and pasted my text, and altogether displayed and described my previously designed company name and logo. In addition to the text, I added the image of my logo and created a link to my blog that displays the company logo on the business card and corresponding letterhead. To create a consistent web design that is more pleasing to eye, I added font codes in CSS and changed the colors to to match my logo and business card colors. The basic template for CSS coding was provided so this process was easier, but I discovered that the spacing (or padding, in CSS terms) was not to my liking, so I adjusted that as well as the heading code that was provided. After taking a screenshot, I sized and saved a picture of the website in Photoshop.

Event Ad
Description: Event Ad with one full-bleed edge Programs: Microsoft Word Date: February 1, 2014 Course: Visual Media Instructor: Julie Peterson 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: To create this ad, I practiced using design features in Microsoft Word such as the shape tool, fill tools, and explored with other decorative features. The tool that proved to very helpful was the guide tool that provided rulers. This helped me carry out more precise alignment and spacing that is pleasing to the eye. I also used a calculator to create more precise spacing in relation to the other elements. I found the basic tools to be similar to the InDesign tools in general, so if one were limited to using Word, there is really a lot that can be done in that program. Adding to the experience from the project 1, this project reinforced the importance of catering to the audience, alignment, and using a proper amount of white space.

Family Story Time

Does your family want to reach out to local children who need your love? Bring all the children, and come to our Saturday Story Time! Each Saturday, we invite families to come join us in providing enriching entertainment for the children of our local orphanage. Children 2-12 are welcome.

Saturdays

1:00 p.m.-3 p.m.

Childrens Home Society of Idaho

Photodesign
Description: Design using an edited image with color scheme and message to fit audience Programs: Photoshop Date: February 8, 2014 Course: Visual Media Instructor: Julie Peterson 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 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 in (0.125) from all four sides. Process: This poster, designed in Photoshop, features a picture (edited in Photoshop) taken and edited by myself using a point-and-shoot camera. Tools similar to other programs Ive used like the ruler, fill and shape tools are slightly different in their editing features. I learned how to use layers and flatten images. The selective color tool, vibrance tool and sharpening tool were all especially helpful tools I used that were relatively new.

Montage
Description: Montage that includes two images blended together and text Programs: Photoshop Date: February 15, 2104 Course: Visual Media Instructor: Julie Peterson Objectives: Use the FOCUS design process with strong focal point and flow. Unify a layout with a consistent theme and dominant message. Learn to blend images together gradually, using masks. (Two or more images). Demonstrate more advanced Photoshop skills for layout with multiple elements. Use a mask to apply a filter to one part of the image (Copy the layer, then add the filter and mask it out on part of the image. If not an artistic filter, try sharpen > Unsharp mask, or Blur > Gaussian Blur.) 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. (Note background should be at least 16501275 pixels) Process: First, I brought in the original Girls and Snow Family photo in for the background, sized it, cropped it and edited the red eye. After using the feathered lasso tool to choose my selection of the Girls in Sunglasses photo, I placed the selection onto my background and created a mask, so I could blend it in using the paintbrush tool. To create the montage effect, I utilized different sized brushes and different amounts of opacity to bring back the background photo. Once I had the filter on the background, I used a mask and the paintbrush tool to bring back clarity on the subjects. Lastly, I added type, colored the text text, aligned the text and created contrast with the title/topic and subtitle.

Flier
Description: Promotional poster in black and white Programs: InDesign Date: January 24, 2014 Course: Visual Media Instructor: Julie Peterson 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 intact. Process: After creating a few rough sketches for this flier, I used Adobe InDesign (for the first time) to design this project. Overwhelmed with my new toolbox, I tried to keep my tool usage relatively simple and still branch out. Basic tools that I used were the shape tool, the fill feature, and the ruler. The shape and fill tools helped me create contrast with white text on black background. The ruler helped me align the edges and the text to create unity and flow. I learned other basics about how the tools function like the pop-ups that indicate the edges; this tool helped me properly align the pieces within the frame created by the half inch margins. After exploring some with the tools, I could see better which elements were valuable enough to keep and which were not.

Leadership Conference
October 21 8 a.m. - 5 p.m. Lincoln Convention Center

G raduate
Do you want to have the 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 semnar, 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. Registration and more information available at http://www.vouantcomm.com/ leaders