P9: Portfolio Final 1b

8/12/2019 P9: Portfolio Final 1b

1/11

Portfolio


2/11

ContactRand J. Rasmussen:345 W. 5th S. Apt. #208Rexburg, [email protected]

Table of ContentsEvent AdStationary

Web PageFlierBrochureMontageLogosPhotodesign

D i ti A f ll bl d l ti l d ti t t f d i


3/11

Event AdDescription: A full-bleed color promotional advertisement to fundraisefor a made-up company or local company, using only Microsoft word and aphoto from a magazine to scan in a photo.

Programs used: Microsoft Word

Date and course/section #: May 17, 2014, Visual Communication 130,section 1

Course Instructor: Cory Kerr

Objective: 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 andaudience. Learn to use only Word design features without using any Adobeprograms, including Photoshop.

Process: I scanned this golf image from a issue of golf digest magazinein our university library on a high-digital scanner. I then began torefer to my sketches that I had made to start to get some sort oflayout and Idea of how I could best use the white space and image Idselected. Once I laid everything out, I then began to start eliminatingthe background from my image, to give it a more crisp, clean appealingappearance to the eye of the evaluator. I used two shapes on the left

and right sides to help draw better focal attention to my design andgive it more appeal. I choose a good typography that would blend wellwith not only my body copy but also typeface.

D i ti M k t ti l tt h d d b i d ith


4/11

Business CardDescription: Make stationary letterhead and business card with a new,created logo of a business or company name.

Programs used: Adobe Illustrator and Indesign

Date and course/section #: June 14, 2014, Visual Communication 130,section 1

Course instructor: Cory Kerr

Objective: Use The basic tools of Illustrator & InDesign.Create a new logo to t a company or personal image.Do not imitateexisting logos or use your previous designs. (Dont use photos or livetrace in your new logo)Design consistent layouts for a business cardand letterhead. Use your new logo to design two stationery items withconsistent design. (Photos are okay on stationery.)Letterhead: 8.5 x 11(full-bleed optional, but trim only .125)Business card: 3.5 x 2 (printabove center on a vertical page)Apply typography rules keeping smallcopy.Learning to keep thing simple by having watermarks and drop shadowslight and white space.Applying contact information: Include name,address, phone, and email on each piece. Use periods, bullets, or spacesin phone #; No parentheses/ hyphens.

Process: As I began preparing and thinking of design ideas for thisassignment last week while completing the activity, I was drawn

into the idea of creating a logo for the M.T.C (missionary trainingcenter) in Provo using the letters. I though of using the missionarybadge, black and white for the color scheme and have it lookidentical to the one used today by the L.D.S church. I continuedto go through with my original ideas with the missionary badge,but quickly changed to then adding a background of the nationsags in the background, because I for one thought that thisrepresented more clearly the message of the M.T.C best with mystationary gear. After adding the image, I lowering the image,as if i was adding a watermark to my business cards. That waythe body copy of my typography would still be visible on mystationary gear.

Discription: Make stationary letterhead and business card with a new


5/11

Discription: Make stationary letterhead and business card with a new,created logo of a business or company name.Programs used:Adobe Illustrator and Indesign

Date course/section #: July 14, 2014, Section 1


Objective: Use the basic tools in Illustrator & InDesign.Create a new logo to t a company or personal image. Do not imitateexisting logos or use previous designs. Dont use photos or live trace.Use the new logo to design consistent layouts for a business cardand letterhead. Photos are okay on business card and letterhead asadditional design elements. Letterhead should be 8.5 x 11, full-bleedoptional, but trim only .125. Business card should be 3.5 x 2 andprinted above center on a vertical page.Apply typography rules, keepingsmall copy.Keep designs simple with light watermarks and drop shadows and plentyof white space.Include contact information: name, address, phone, andemail on each piece. Use periods, bullets, or spaces in phone number; noparentheses/ hyphens.

Process: As I began preparing and thinking of design ideas for thisassignment last week while completing the activity, I was drawn

into the idea of creating a logo for the M.T.C (missionary trainingcenter) in Provo using the letters. I though of using the missionarybadge, black and white for the color scheme and have it lookidentical to the one used today by the L.D.S church. I continuedto go through with my original ideas with the missionary badge,but quickly changed to then adding a background of the nationsags in the background, because I for one thought that thisrepresented more clearly the message of the M.T.C best with mystationary gear. After adding the image, I lowering the image,as if i was adding a watermark to my business cards. That waythe body copy of my typography would still be visible on mystationary gear.

Lettterhead

Descr pt on: Des gn an create a we page to sp ay a persona y


6/11

Web PageDescr pt on: Des gn an create a we page to sp ay a persona ycreated logo.

Programs used: Textwrangler, Brackets (coding), Adobe Illustrator

Date and course/section #: June 28, 2014, Visual Communication 130,section 1


Objective: Size and optimize an original logo as a .png for a web pageso the long side is 300 500 pixels.Write content to describe theprocess of creating your logo and how it appeals to a target audience.(Minimum of 200 words. Include rationale for colors, appeal to targetaudience, design skills, etc,)Design a web page using HTML to displaythe logo and content. (Use TextWrangler (Macintosh) or NotePad++(Windows))Acquire a working knowledge of HTML.(Must include all requiredtags (Doctype (provided), html, head, title, meta charset (provided), &body. As well as tag that links to external style sheet. With in thebody include h1, h2, p, ol or ul (with li tags), img, hr, and a (linkto blog) tags.)Acquire a working knowledge of CSS. (Customize theCascading Style Sheet (css) provided in I-Learn to add page formattingthat complements the logo design, by changing at least the following:The h1 text color & background color, font colors 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 usehex colors in Photoshop to match your logo)Compress multiple les ina zipped folder to attach as one le.Open your HTML page in a webbrowser, and capture a quality screen shot with .5 inch marginsfor printing. (See tutorial below.) See the sample projects onthis page as examples (contains 3 les: .css le; linked logo.png; .html le of web page.

Process: I created the text using a variety of tools,including textwraggler and brackets depending on thecomputer. It was a completely new and foreign experienceto me to code in both html/css, but after tutorial andtraining I felt like I was well on my way to create a

web site of my own like you see posted above. With thedifferent projects and assigned activities given tous these past week, It helped to retain and learnthe techniques and skills necessary, includingthe structure to creating html/css formatting.I received much assistance from staff at thecomms. in the Mckay library which made thisassignment a whole lot easier. I needed tocenter my logo, thicken the border on

Descr pt on: B ac & W te er a vert s ng or a gra uate ea ers p


7/11

FlierDescr pt on: B ac & W te er, a vert s ng or a gra uate ea ers pconference.

Programs used: Adobe Indesign

Date and course/section #: Original: May 10, 2014, New: July 18, 2014Visual Communication 130, section 1


Obejective: 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 keeplinks in InDesign intact.

Process: I began the creations for this nal project with sketching onblank paper to get ideas owing. I then picked one of my sketches tobegin working on the project from the sketch I decide would help createthe best message for my audience. I used adobe suite with a programcalled In-design to help create the ier. I began by using text boxesto layout where I wanted to place the certain items on the page for theier and from their consider alignment, repetition, rhythm, whitespace,typography, value, proximity, shape,message, and audience. I took adifferent approach on this design that hopefully helps attract the

audience in which Im most direct my message towards. Hopefully asyou view my design you think the same.

Descr pt on: Create a two s e up ex roc ure w t at east one


8/11

BrochureDescr pt on: Create a two s e up ex roc ure w t at east onefold, for a company or business of our choice.

Programs used: Adobe Illustrator, Photoshop and Indesign.

Date and course/section #: July 12, 2014, Visual Communication 130,section 1


Objective: 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 textwrapped in InDesign so the text follows the cutout shape of the image.Write at least 250 words of original copy with at least threeparagraphs, headers, and subheaders.Trim for a full bleed and print induplex (two-sided) color.

Process: To begin this process, I started out like I have with all theother design projects with pen and paper. I began sketching any ideas ofa logo that came to my mind and hopefully coming up with an idea thatI could work with. I then transfer my ideas on my sketch pad to adobeillustrator and ran with it. I used a axe, plaid and dark green and redcolor scheme as the design concepts to my logo. I was very impressed

with the way my logo turned out in illustrator, especially with theway I was able to build and create an axe so realistically with thetools available. I used the pen tool to help add and subtract anchorpoints inside the object to rene and create the precise shape Iwas looking for in the axe. I also used the eraser tool to helpremove excessive errors made that could easily be dealt with. Iwas able to use the pathnder tool to place the plaid patterndesign inside my inner circle, which was later on chosen to bea soiled color. I used the eye-dropper tool to help match andchange colors within my logo.

Descr pt on: To es gn an nsp rat ona montage, us ng two or more


9/11

MontageDescr pt on: To es gn an nsp rat ona montage, us ng two or moreimages of our own or selected from the internet, and the use oftypography .

Programs used: Adobe Photoshop

Date and course/section #: May 31, 2014, Visual Communication 130,section 1


Objective: Use the Focus design process with strong focal point and owUnify a layout with a consistent theme and dominant messageLearn to blend images together gradually, using masks. (Two or moreimages)Demonstrate more advanced Photoshop skills for layout withmultiple elements.Use a mask to apply a lter to one part of the image(Copy the layer, then add the lter and mask it out on part of theimage. If not an artistic lter, try sharpen Unsharp mask, or BlurGaussian Blur.)Apply typography principles (titles, quotes, events orscripturesyour choice)Format type: Legibility; Small copy & Titlewith varying text size. Theme word(s)Select good quality images. (Notebackground should be at least 16501275 pixels.

Process: As I began this process, I rst sorted through all my ownpersonal images I snapped from a U2 concert in Las Vegas, NV on their

360 tour. I then took a couple images that I thought would work best,and have the most potential to create a inspirational montage ofcombining two or more images together into one. From there I hadto make a couple edits with the image, by painting a hand into theimage background and doing some other basic touch ups here andthere. I then clipped an image from their vertigo tour of theirpyrotechnics, and added it to the top of my image as if it werein the original. I then took a logo of U2s band image fromthe tour and added it to the bottom of the photo and droppedthe oppacity to create a blend of black over the lettering.And lastly with the lettering at the bottom, I used a vividlight option effect for the typography and copied my layerand decreased both the ll and oppacity to get the lighter

color.

Descr pt on: To es gn an create a ogo o our own us ng a o ell l


10/11

Logosesc p o o es g a c ea e a ogo o ou o us g a o e

illustrator, or recreating the logo of an existing business or company.

Programs used: Adobe Illustrator

Date and course/section #: Original: June 6, 2014, New: July 17, 2014Visual Communication 130, section 1


Objective: Create three completely different, original logos to t acompany or personal image that will appeal to the audience. Do notimitate existing logos or use your previous designs.

Use only the tools to create and draw your logos. (No Illustrator pre-fab ares, symbols, etc.. No photos or auto live-tracing. You may use animage or drawing as a guide to trace it with the pen/pencil, but deletethe image before submitting.)Gather opinions from at least ten outside sources about which logoappeals most to them.

Process: I rst started this assignment/project with sketching manydifferent symbols, all having the same theme in mind. I began with theidea to create a logo for Jonnys seedless apple juice, but as thingsbegan to quickly turn out to be a lot more difcult than Id expected,I shifted my focus toward cherries. And as I was looking at designpatterns and symbols on Pinterest, I noticed a very interestingdesign that caught my attention so I taught that I could used thatwith my cherry idea to advertise alarms. As I began designingmy logos, I felt very comfortable with how things looked andwhere I was headed, but after getting critiqued by Bro. Kerr heshifted my focus and attention in other directions. I then tookhis advice and I began to start heading in a completely newdirection with my logos.


11/11

P9: Portfolio Final 1b

Documents

Transcript of P9: Portfolio Final 1b