Visual Communications Portfolio - April Cleaver

April Cleaver

April Cleaver21257 Feather Ridge Lane NEPoulsbo WA, [email protected]

BrochurePhotodesign

StationaryBusiness Card

Web PageLogos

MontageEvent Ad

Flier

Description: An 8.5 x 11 offset color brochure designed using my own images.

Programs: Adobe Photoshop, Indesign, and Illustrator

Date: 7/13/14

Course/Instructor: Comm 130 section 10Emily Kunz

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

document.• Create an original company logo and

use it in a brochure.• Incorporate at least 4 quality images.

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, headers, and subheaders.

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

Process: After deciding what type of brochure I wanted to make, I started by choosing the pictures I would use and designing my color scheme based on those pictures. The color scheme ended up consisting of mostly warm fall colors. After I had chosen the color scheme, I went to work designing the logo. I decided to go with something simple. In

Illustrator, I used the pen tool to outline our heads andaddedastrokeandremovedthefill.IusedRockwell for the font, and changed the kerning of the word “Life” so it would align with the edges of the word “Cleaver.”

Afterfinishingthelogo,ImovedintoPhotoshopand did some basic adjustments on the photos I chose. I adjusted the levels, vibrance, sharpness, and selective colors where needed. I did a clean selection of two of them to use for text wrapping in the brochure. I did this using the quick selection toolandthe“refineedge”option.

Next I moved into In design and began designing. I started with the placement of elements on the front and back of the brochure, and then moved to the inside. I used the color strips and boxes to create unity and rhythm through repetition.

Description:A full-bleed 8.5 x 11 photodesign project in order to demonstrate my photography and image editing skills to potential employers. It includes my own image, a consistent color scheme based on my image, text, and design elements.

Programs:Photoshop

Date:5/23/14

Course/Instructor:Comm 130 section 10Emily Kunz

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.5×11 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.

Process:First, I chose my color scheme and decided what my message/audience was going to be. Once I decided on those things, I gathered everything I’d need for my photo, set it up, and took some shots with the camera on my Samsung Galaxy S3 (8mp). Next I uploaded the images to my PC and chose the one that I thought was the best. I then took that image into Photoshop and made adjustments to the Vibrance/Saturation, Levels, Color Selection, and Sharpness. I also adjusted thecropping.OnceIfinishedmyphoto-editing,Imovedtheimagetoanew8.5×11Photoshopdocument and got to work designing my poster. I used blocks of color behind the text for repetition and to integrate my color scheme as well as make my key words stand out. I also used typography to emphasize key words in the quote.

Description:A business card to help market myself as a designer and illustrator.

Programs:Adobe Illustrator

Date:6/16/14


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

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. • 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, and email on each piece. Use periods,

bullets, or spaces in phone number; no parentheses/ hyphens.

Process:First,Isketchedoutsomeideasinmysketchbook.IfindthatwhenIstartmydesignsonpaper,they come out a lot better digitally. Once I had a basic idea of what I wanted to do, I moved into Illustratorandbeganplacingshapesandtext.OnceIfiguredoutwhichfontsIwantedtouse,itwas much easier to manipulate the design as a whole when I converted the text into shapes and grouped items together.

ThefirstthingIdidwasdesignmylogoandchoosemycolorscheme.Mylogoevolvedquiteabitthroughouttheentiredesignprocess,butithelpedtohavethebasicshapesinplacefirst.Iwantedtokeepthebusinesscardfairlysimple,withjustmylogoandmypurpose.Oncethiswasfinished,Ibegan placing items for the back of the business card. My biggest challenge was achieving good alignment. I had to strategically place and size many elements to get them to align well.

Po r t r a i t I l l u s t r at i o n & G r a p h i c D e s i g n

A P R I L C L E AV E R

21257 Feather Ridge LanePoulsbo, WA 98370

April Cleaver

[email protected]

Description:A letterhead to help market myself as a designer and illustrator.


Date:6/16/14


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

personal image. • 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.

• 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, and email on each piece. Use periods, bullets, or spaces in phone number; no parentheses/ hyphens.

Process:I used the same starting process for the business card as I did for my letterhead. I started with the logo, and then got to work on the letterhead design after.

Idiscoveredthatitwasdifficulttomaketheletterhead match the business cards, so I ended up changing some elements to make them more appealing on the letterhead, and then going back to my business cards and making the same adjustments there. The watermark on my letterhead it set at 10%.

April Cleaver208.206.8936

[email protected] Feather Ridge Lane

Poulsbo, WA 98370

Po r t r a i t I l l u s t r at i o n & G r a p h i c D e s i g n



Description:A webpage to showcase a logo I designed for April Cleaver Art & Design.

Programs:Adobe DreamWeaver and Text Wrangler

Date:6/29/14


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,)

• Design a web page using HTML to display the logo and content.

• Acquire a working knowledge of HTML and CSS.

• Identify hex colors for web design. (Find and use hex colors in Photoshop to match your logo)

• Compressmultiplefilesinazippedfoldertoattachasonefile.

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

Process:I used DreamWeaver and Text Wrangler to

edit my HTML and CSS code. First I wrote up my HTMLfile,addedmylogoandanynecessarylinks,and validated it (I used Photoshop and Illustrator to resize my logo for the web and get the correct RGB colors). After that, I linked a CSS template to my HTML page and changed several elements so thatmywebpagewouldreflectasimilardesigntomy logo.

I used the eye dropper tool to match the exact colors of my logo and then I incorporated them into the design of my webpage. I also used the fonts from my logo (Century Gothic and Bell MT) for mywebpage.Ifloatedmyimagetotheleftsothatthere would be some text to the right of it to make the webpage more balanced. I also increased the size of the padding and the margins on some of the elements so that things wouldn’t be so crowded. For my headers, I opted to use a white font and a colored background. I really like the effect that this has against my logo.

Description:Threedifferentlogodesignsformysister-in-law’sInstagramaccount,@mommygetfitt,wheresheposts inspirational/motivational photos all about exercise, eating right, setting goals, and overall living a healthy lifestyle. The three different types of logos I designed are meant to show variety to give my client plenty of options when designing her logo.


Date:6/8/14


Objectives:• Createthreecompletelydifferent,originallogostofitacompanyorpersonalimagethatwill

appeal to the audience. Do not imitate existing logos or use previous designs.• Use only the Illustrator tools to create and draw your logos. • Gather opinions from at least ten people about which logo appeals most to them.

Process:First I sat down with my sketchbook and thought about what company or person I wanted to design for, and then got to work drawing up some sketches. Once I had a basic idea of what I was doing, I went to the computer and gathered some images from my sister-in-law’s Instagram accounttouseasreferences.Iendedupusingapictureofadumbbellforthefirstlogo.ImovedthephotointoIllustratorandtraceditwiththepentoolandgaveitapinkfill.Forthesecondlogo,Iused the shape tool and drew in a square, then copied and pasted it until I had three. Then I typed out the words and converted them to shapes via the “create outlines” command in Illustrator. Then I ungrouped them and adjusted them with the selection tool and the shift key. I used the same processforthefinallogo.

MommyGetFitt: Healthy lifestyle inspiration for moms

Description:An inspirational montage poster using multiple images and type.

Programs:Adobe Photoshop

Date:6/1/14

Course/Instructor:Comm 130 section 10Emily Kinz

Objectives:• UsetheFOCUSdesignprocesswithstrongfocalpointandflow• Unify a layout with a consistent theme and dominant message• Learn to blend two or more images together gradually, using masks• Demonstrate more advanced Photoshop skills for layout with multiple elements• Useamasktoapplyafiltertoonepartoftheimage• 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 decided what I wanted my message to be. I wanted to use my favorite scripture for this poster, so once I realized that I searched the internet for images that could accurately depict that message.

Once I had my images, I cropped the background, and then editing the levels, vibrance, sharpness, and selective colors. Then I used a mask to blend the seagull picture in with the ocean picture, and loweredtheopacityabit.Ialsoaddedanoisereductionfiltertogiveitsofteredges.

After that, I copied and pasted the scripture from LDS.org and edited the typography. Then I used the eyedropper tool to pick up colors from the images to create matching background boxes for the scripture, and then I lowered the opacity to give them a more layered effect.

Giveaway!

Drop by Jameson Coat Emporium to donate an old

coat and get entered into the raffle for a free designer coat!

All donated coats will be given to the Community Homeless

Shelter and distributed to children and families in need.

Friday and Saturday

May 16 – 17

10am – 9pm

JAMESON COAT EMPORIUM

Designer Coat

2 6 4 S D e n t o n A v e , A m a r i l l o , T X 7 9 1 0 1

Visit www.jcestore.com for more details!

Description: An ad to promote a charity event at a store that I invented. The ad is full color and uses an image that I scanned in. The challenge was to use Microsoft word as my only design tool.

Programs:Microsoft Word

Date:5/18/14


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:ThefirstthingIdidwasscananimageIfoundintheMay2014editionoftheEnsign.ThenIchosea monochromatic color scheme based on this scanned image. Next, I used the image and the color scheme to design a full color ad in Microsoft Word. I used several blocks of color at different opacities to create unity and repetition. I chose a slab serif font for the title and company name to contrast the sans serif font I chose for the body text and details. I added a white border to the imageusingtheframetoolinWordtomakeitalittlemoreunified.

Giveaway!

Drop by Jameson Coat Emporium to donate an old

coat and get entered into the raffle for a free designer coat!

All donated coats will be given to the Community Homeless

Shelter and distributed to children and families in need.

Friday and Saturday

May 16 – 17

10am – 9pm

JAMESON COAT EMPORIUM

Designer Coat

2 6 4 S D e n t o n A v e , A m a r i l l o , T X 7 9 1 0 1

Visit www.jcestore.com for more details!

Description: ABlackandwhiteflierdesignfortheVouantCommunicationsGraduateLeadershipConference.

Programs:Adobe InDesign

Date:5/11/14


Objectives:• Apply the design principles and use appropriate typography.• IncorporatebasicInDesignskillstoimprovebasicflierlayout.• 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 read the project guidelines, then I sketched out some ideas. Once I had my sketches done, I usedthosetoguidemylayoutinInDesign.Iusedthegreyboxesandlineforcontrastandflow.ThepictureIusedhadawhitebackgroundatthetop,soitwasdifficulttoalignitwithmytext.OnceIadded the light grey border, it was much easier to align. In my body copy, I used bold , italics, and paragraph rules to break up the monotony. The dotted lines of my paragraph rules help add unity to the design through repetition.

graduateLeadersh ip Conference

Do you want to have the competitive edge in business?

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

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.

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

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

Documents

Visual Communications Portfolio - April Cleaver