Johnna McGarrah Portfolio

8/13/2019 Johnna McGarrah Portfolio

1/21

Johnna

McGarrahPortfolio


2/21

Johnna mcgarrah

490 Pioneer Road #5302

Rexburg,ID 83440

210.793.1302

[email protected]


3/21

table of contents

Logos

Imaging

Brochure

Stationery

Business Card

Event Ad

Montage

Web Page

Flier


4/21

L ogosDescription:

These are three logos I created in Adobe Illustrator for my personal business that Im in the process

of organizing and opening up on etsy.com.

Programs/Tools Used: Adobe Illustrator

Date: November 2, 2013

Course: COMM 130-05, Visual Media

Instructor: Julie Peterson

Objectives:

-Create a variety of logos to t a company or personal image (at least 3 new logos).-Do not imitate existing logos or use your previous designs.

-Use only the tools of Illustrator. (No photos on logo page)-Setting up a professional display for the company. Arrange three logos on an 8.5 x 11 vertical page /

.5 margins and add the company name in simple type at the top of page.-Getting feedback from outside sources. Ask ten people to select their favorite logo. List the results,

along with your favorite, in your blog post.

Process:I had so much fun creating these logos! First I drew out several ideas for my logos on paper to get anidea of what I wanted. Then I went into Adobe Illustrator and began the rst logo by choosing theellipse tool and making the basic oval shape. I then selected a mint green color for the background

ll. I used the ellipse tool again to create all of the smaller circles/ovals on the outside of the mainshape. I copied and pasted the original smaller circle so that they would all be the same size andshape. I then selected the text tool and typed my logo initials in the inside of the shape. I used the

line segment tool to make the arrow that goes through the logo initials. For my second logo I used thearc tool and the line segment tool to make the basic outline of the banner. I then used the paintbrush

to ll in the color and trace over the original lines to give it a hand drawn feel. I used typography

principles and the text tool to write out the name of the company underneath the banner. For my -nal logo I used the text tool to type out the name of the company and then the selection tool to select

the text and rotate it so that it is vertical. I used the arc tool to create most of the birdcage and the

ellipse tool to create the handle of the cage. Once I was nished with each image I grouped all of theelements together so I could move them around the page if needed.


5/21

Jake Spencer:23 W. 1St N.Rexburg, ID [email protected]


6/21

Imag ingDescription:

This is a photograph I personally took in an apple orchard and then edited and formatted it using

Adobe Photoshop.

Programs/Tools Used: Cannon Powershot Camera & Adobe Photoshop

Date: October 19, 2013



Objectives:

-Learn basic photography skills.

-Use a digital camera to take a quality image, then download it.-Size and crop the image. 6x6 resolution 150

-Adjust image brightness, contrast, hue and saturation levels.

-Use a selection tool to isolate a portion of the image.

-Desaturate the selected portion of the image.

-Use a lter or colorize a portion of the image.-Document needs to be 8.511 150 resolution. Margins: top 2 in, sides 1.25 in and bottom 3 in

Process:

I took this photograph using my Canon PowerShot camera in the apple orchard on Brigham YoungUniversity-Idaho campus. I used the macro setting to bring the apple in the foreground into focus and

blur the background of the image. I then opened my image in Photoshop and cropped it to a 6x6 inch

square. After that I adjusted the vibrancy of the entire image to boost the colors a bit and also made

the colors warmer. I then used the quick selection tool to select the apple in the foreground of myimage and then choose to inverse my selection so that I could change the background. I then de-satu-

rated the background of the image to really help the red color of the apple in the foreground pop.


7/21


8/21

Brochure

Description:

This is a double sided trifold brochure I created for my personal accessories and home decor company

called Dainty Life.

Programs/Tools Used: Adobe Illustrator, Adobe Photoshop & Adobe InDesign

Date: December 7, 2013



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). Oneshould be clipped in Photoshop and text-wrapped in InDesign so the text follows the cutout shape ofthe 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:First I set up my document in InDesign. I decided that I was going to do a traditional trifold brochureso I set the guides before I began the design process. I then went to the logos I made for a previousproject and choose the one that I thought would work best on the front page of this brochure. I chosethe cover photo which is of my friend wearing a scarf that I crocheted and will sell as part of my busi-ness. I typed up the body copy and decided which aps I wanted it to be on. I took the photograph ofmy friend that is on the front page into photoshop and added the cloud picture in and put a mask on

it to blend the two pictures together better. I also used the clone stamp to add clouds into the originalpicture so that it would ow more naturally. On the inside I chose to use several of my original pho-tographs and make a collage on one of the aps so that those viewing the brochure could see some of

my work that I would be putting up for sale on canvas. These photographs also give people an idea ofmy style. To make the inside visually interesting I added various stripes and polygons keeping withthe color theme of my brochure. I lowered the opacity on most of the lines and the polygons to add adifferent visual element. I took the photograph of my jewelry and opened it in Photoshop. I then usedthe quick select tool to choose the parts of the image that I wanted in my brochure. I then clippedthe background out of my image and placed it into my InDesign document. After that I created a text

wrap to go around the image. I made sure to put my contact information on the back of the brochure.


9/21


10/21

stat ioneryDescription:

A cohesive letterhead and business card design for a personal accessories and home dcor company.

Programs/Tools Used: Adobe Illustrator & Adobe InDesign




Objectives:

-Use The basic tools of Illustrator & InDesign.-Create a new logo to t a company or personal image. Do not imitate existing logos or use your pre-vious 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 statio-nery items with consistent design. (Photos are okay on stationery.)-Letterhead: 8.5 x 11 (full-bleed optional, but trim only .125)-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:

First I came up with a new logo design to match the style of my personal accessories and home decorbusiness. I chose to do a stack of shabby chic/vintage looking luggage because it ts perfectly withthe style of my products and the clientele I wish to attract. I wanted to go with a little bit of a neutrallook, but with a pop of color hence the mint green suitcase on the bottom of the stack. I took my ideainto Illustrator and used the rectangle tool to make the suitcases and add a thicker stroke and color

plus a few extra designs to make them look like actual suitcases. I wanted each one of them to be

slightly different. I used the arc tool to make the bunting banner and lled it in with the paint brushtool. I added a few designs on some of the ags to really make it pop. I then simply put the name ofthe business in the corner of the card and thought of a catch phrase that would represent my vision(living in the details). I used the same elements for my stationery so they would ow nicely. I en-larged the original design that I made for the business card and lowered the opacity to make a water-mark for my stationery in InDesign.


11/21

Dainty lifeJohnna McGarrah

490 Pioneer Road #5302

Rexburg, ID [email protected]

.living in the details.


12/21

b us iness cardDescription:

A cohesive letterhead and business card design for a personal accessories and home dcor company.

Programs/Tools Used: Adobe Illustrator




Objectives:

-Use The basic tools of Illustrator & InDesign.-Create a new logo to t a company or personal image. Do not imitate existing logos or use your pre-vious 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 statio-nery items with consistent design. (Photos are okay on stationery.)-Letterhead: 8.5 x 11 (full-bleed optional, but trim only .125)-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:

First I came up with a new logo design to match the style of my personal accessories and home decorbusiness. I chose to do a stack of shabby chic/vintage looking luggage because it ts perfectly withthe style of my products and the clientele I wish to attract. I wanted to go with a little bit of a neutrallook, but with a pop of color hence the mint green suitcase on the bottom of the stack. I took my ideainto Illustrator and used the rectangle tool to make the suitcases and add a thicker stroke and color

plus a few extra designs to make them look like actual suitcases. I wanted each one of them to be

slightly different. I used the arc tool to make the bunting banner and lled it in with the paint brushtool. I added a few designs on some of the ags to really make it pop. I then simply put the name ofthe business in the corner of the card and thought of a catch phrase that would represent my vision(living in the details). I used the same elements for my stationery so they would ow nicely. I en-larged the original design that I made for the business card and lowered the opacity to make a water-mark for my stationery in InDesign.


13/21

johnna mcGarrah490 Pioneer Road #5302

Rexburg, ID 83440210.793.1302

[email protected]

daintylif.living in the details

....................................................

....................................................


14/21

event adDescription:

This is a full bleed ad for a fundraiser for the Susan G. Komen Foundation. The ier is made using

Microsoft Word, iPhoto, and a scanner.

Programs/Tools Used: Scanner, iPhoto & Microsoft Word




Objectives:

-Find, scan and import a high-quality image.

-Create a full-bleed design

-Use text boxes for layout in Word.

-Insert and edit images in Word.

Process:

I went through several magazines to nd the proper picture for the event that I was trying to make.I was then able to scan the picture and adjust it using iPhoto to change the exposure because I felt

it was too washed out the way it was before I edited it. I learned a lot about using Word and learnedthat it had several features that could be benecial if I was not able to use Adobe products and justhad access to Word to make a ier.


15/21

October is breast cancer awarenessmonth. Come and browse these gorgeoussecondhand treasures and help to save atreasured life!

All proceeds go to the Susan G. KomenBreast Cancer Research Foundation tohelp find a cure for cancer.

Saturday October 12 9am-4pm Madison County Fairground


16/21

montageDescription:

This is a montage project I made with Photoshop in celebration of the upcoming Christmas season

with one of my favorite Dr Seuss quotes.

Programs/Tools Used: Adobe Photoshop




Objectives:

-Learn to manage Photoshop layers.

-Learn to blend images together smoothly, using masks. (Two or more images)-Use lters. (Apply at least one)-Apply appropriate typography.

-Choosing good quality images. (Note background should be at least 16501275 pixels)-Apply typography principles (titles, quotes, events or scripturesyour choice)-Unifying a piece with a consistent theme

Process:First, I googled images of Christmas trees and DIY wrapped Christmas presents and selected thepictures that I liked. Then I cropped the background image to 8.5x11. After that I placed the second

image of the presents in Photoshop and created a mask. Then using the brush tool I blended the image

into the background image by decreasing the opacity. I choose a decorative font for my title whichI typed in and enlarged on the background. Then I choose a contrasting San Serif font to use for my

quote. I aligned the title, quote, and authors name to the right hand side of the image.


17/21


18/21

web pageDescription:

This is a web page I designed to showcase my personally created logo.

Programs/Tools Used: TextWrangler & Adobe Photoshop




Objectives:

-Size (300 500 pixels ) and optimize an original logo as a .png for a web page. (Design a new logo, or use one from theLogo/Stationery project, to feature on a web page.)

-Write content to describe the process of creating your logo and how it appeals to a target audience. (Write a minimumof 200 words to describe the process of creating your logo, including rationale for color choices, appeal to target audi -ence, design skills, and other pertinent information.)-Design a web page using HTML to display the logo and content. (Use TextWrangler (Macintosh) or NotePad++ (Win-dows))-Acquire a working knowledge of HTML. (Must include all required tags (Doctype (provided), html, head, title, metacharset (provided), & body. As well as tag that links to external style sheet. With in the body include h1, h2, p, ol or ul(with li tags), img, hr, and a (link to blog) tags.)

-Acquire a working knowledge of CSS. (Customize the Cascading Style Sheet (css) provided in I-Learn to add page for-matting that complements the logo design, by changing at least the following: The h1 text color & background color, fontcolors for the paragraphs & list items, the background color, Font Families and add at least one css comment.

-Identify hex colors for web design. (Find and use hex colors to match your logo)-Compress multiple les in a zipped folder to attach as one le.

Process:

I created this web page using only TextWrangler. I had never seen or written any HTML/CSS. It was interesting to seehow you could make a web page by only using a simple text editor. I used a code validator website to make sure all of mycode would work to create my website correctly. It was useful to have something check to see if I had any problems withmy code. After I marked up all my content and inserted my image, I attached a pre-made CSS document to my HTML. I

then used the colors from my logo as the colors for my web page. I found these colors by opening Photoshop and usingthe eyedropper tool. I also changed my fonts to American Typewriter and Arial. I declared some backup fonts just incase the viewers browser didnt have these fonts. I also used padding around the logo and text so that they would not be

too close to the edge of the web page. This was one of the most challenging parts of working with CSS.


19/21


20/21

f l i erDescription:

Black and white ier promoting a graduate leadership conference.

Programs/Tools Used: Adobe InDesign




Objectives:

-Apply the design principles and use appropriate typography.

-Incorporate basic InDesign skills to improve basic ier 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:

I began my design process by creating four sketches of what the layout of my ier might look like. Ithen went into Adobe InDesign and tried out the different ideas until I chose the one that was mostvisually appealing. I used a black box and white text to create contrast as well as bolded text and

strokes to create repetition and ow. The logo, picture and content of this ier were provided for me.I did a spell check on the text and formatted the ier on my own.


21/21

GraduateLeadership Conference

Come learn how at Vouant Communications

annual Graduate Leadership Conference. VouantCommunications 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. Conference is available to

graduating seniors. Space is limited.

Registration and more information available at:

http://www.vouantcomm.com/leaders

October 21 8 a.m. 5 p.m. Lincoln Convention Center

Do you want to have

the competitive edge in business?

Documents

Johnna McGarrah Portfolio