P9 Lisa Anderson Portfolio

Portfolioby Lisa Anderson

Lisa Anderson:8845 Francia Trl.Austin, TX [email protected]

Contact

4 Montage6 Letterhead8 Business Card10 Photodesign12 Event Ad 14 Flier 16 Brochure18 Logos20 Web Page

Table ofContents

MontageDescription:This is a spiritual poster montage using two or more images and type.

Date: 10/25/2014

Course/Instructor:Comm 130 Section 11Emily Kunz

Program(s)/Tools: Adobe PhotoshopMasksFilters

Objectives:•Learn to manage Photoshop layers.•Learn to blend images together smoothly, using masks.•Usefilters.•Apply appropriate typography.

Process: TobeginthismontageIfirstselectedaquotethatIlikedbyPresidentUtchdorf. Then I searched the web for images that would enhance the thought. I chose a beach image, an image of stars at night, and a hand. I Used the beach image as my background since it was the image I was going to use most of. Then I added a second layer with the stars. I blended the two images with a mask placed on the stars. TomakethestarsclearerIusedthesharpenfilter.OnceIhadthosetwo images where I wanted them I added the hand and used the mask completelyblendingitwiththeothertwo.Ithenaddedthequoteandused 2 contrasting fonts to add visual interest and create a hierarchy with the words that I though were most important. I was able to pull a sea foam color from the beach image and use it on the script font. The very last thing that I did was use an adjustment layer to drop the saturation.OncethiswasdoneIreadjustedwherethetextwassittingand brought it lower away from the edge of the paper.

LetterheadDescription:I created an original logo and then used it to make this full-bleed company letterhead.

Date: 11/08/14


Program(s)/Tools: Adobe IllustratorAdobe InDesign

Objectives:•Use the basic tools in Illustrator & InDesign.•Create a new logo•Use the new logo to design a full-bleed letterhead. •Use appropriate typography

Process: To create this letterhead I started out by sketching some logo ideas for my portfolio website. I thought about how I used to write my initials as a kid, and it became the basis for my logo which I drew in illustrator using 2 capital letters in the Harlow Solid Italic font. I chose a modern complementary color scheme with pink and green to imply that we are cutting edge. I then placed that logo into an InDesign Document where I was able to create the rest of the letterhead. I addedapinklinetoextendacrossthetopofthepageandseparatethe contact info from my name. I used a corrugated metal picture as my background to give the piece an urban feel. I reduced the opacity of the metal image so that it would add to the gestalt and not become a focal point. The last thing I did was add a watermark on the lower right corner. I used the L and B from the logo to add repetition and create unity.

LBil itDesigns 8845 Francia Trl.

Austin, TX 78748

[email protected]

Lisa Anderson

Sometimes you need just a lil bit!

LB

Business CardDescription:Full-Bleed Business card made to match the previous letterhead.

Date: 11/08/14


Program(s)/Tools: Adobe IllustratorAdobe InDesign

Objectives:•Use the basic tools in Illustrator & InDesign.•Create a new logo•Use the new logo to design a full-bleed letterhead. •Use appropriate typography

Process: I worked in InDesign for this project. I added a second page to my letterheadfile,andcreatedarectanglethesizethatIneeded,touse as a template for my business card. I copied everything from theletterhead,andthenscaledthingsdowntofitmytemplate.Ialso added our tagline in pink to create visual interest. Using the transform tool I was able to make all the changes I needed for this card. I also changed the opacity on this project to let the background image show through a little more.

LBil itDesigns

Lisa Anderson8845 Francia Trl.

Austin, TX 78748

[email protected]

Sometimes you need just a lil bit!

Event AdDescription:ThisflierwascreatedusingonlyascannerandthetoolsavailableinMicrosoftWord.Itneededtoadvertiseabenefiteventthatalocalcompany was sponsoring.

Date: 10/11/14


Program(s)/Tools: Microsoft Word

Objectives:•Comprehendimagesizing(howpixelsandinchesworktogether)•Find,scanandimportahigh-qualityimage.•Create a full-bleed design.•Chooseacolorschemeandtypeface(s)thatworkforyourmessageand audience.•Learn to use only Word design features without using any Adobe programs, including Photoshop.

Process: WhencreatingthisflierIscannedanimagefromthisorganization’smagazine and use it to promote the event. I imported the image into Word, and then cropped it down to what I needed. I used the colors from their website to promote brand recognition. I also used their logo imageatthebottomoftheflier.Icreatedmultipletextboxestobeableto align them appropriately. I added 2 red lines to highlight the group that was sponsoring the event and the reason why they were hosting the event. By using the advanced character features I was able to adjusttheleading,andkerningofmytext.

Come celebrate and its place in today’s dynamic society.

Guest Speakers

Conference

Come celebrate and its place in today’s dynamic society.

Guest Speakers

Conference

PhotodesignDescription:This is a full bleed photodesign that includes an original image, a consistentcolorschemebasedonthatimage,sometext,andafewdesign elements.

Date: 10/18/14


Program(s)/Tools: Adobe PhotoshopMasksEyedropperAdjustment Layers

Objectives:•Learn basic photography skills.•Adjust images using non-destructive editing.•Uselayerstodesigntext,andrepeatinggraphicelementsinPhotoshop.•Print with full-bleed margins.

Process: For this image I used a photo I took at a local farm. I edited it in Photoshop using 3 different adjustment layers, levels, vibrance, and selective color. Then I used the sharpen tool to make the tree stand outalittlemore.NextIaddedmytitleblock.Iwantedtocallouttheevent’sname,soIusedtheeyedroppertooltohelpmeextractcolors from the image. I had to tone down the orange a bit because itwastoopowerful.Iusedopaquecirclestocreateasenseofunitythrough the repetition of the hay bale shape, they also helped my texttostandoutagainstthegrass.OnceIprinteditIrealizedthatthesaturation was really strong, so I added an adjustment layer to bring that down a bit.

Flier

http://www.vouantcomm.com/leaders

R e g i s t r a t i o n a n d m o r e i n f o r m a t i o n a v a i l a b l e a t :

O c t o b e r 2 1 s t8 : 0 0 a m - 5 : 0 0 p mL i n c o l n C o n v e n t i o n C e n t e r

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.

Do you want to have the competitive edge in business?

Leadership ConferenceG R A D U A T E

Description:ThisflierwascreatedinInDesignusingtext,logo,andimageelementsthat were provided.

Date: 10/04/14


Program(s)/Tools: Adobe InDesignAdobe Photoshop

Objectives:•Apply the design principles and use appropriate typography.•IncorporatebasicInDesignskillstoimprovebasicflierlayout.•Retrieve image and logo from links on the web.•Create a project folder with image, logo and InDesign document to keep links in InDesign intact.

Process: WhenworkingonthisflierIchosethelogothatIwantedtousefirst.Ilikedthewaythatthe“O”cutintothe“V,”andIwantedtomirrorthatfeel with my image and body copy. I edited the image in Photoshop usingamasktogetthecurvedshape,thenaddedatextwrapsothatmytextwouldcurvearoundit.Iusedaverychunkyfontforthetitlebecause I wanted people to be able to see what we were advertising even if they glanced at it for a second. I used rectangles to call attention to important information like type of event and registration website. The body copy, subtitle, and date/time/place info is all left aligned allowing the reader to easily read the content. I added spaces betweenparagraphstocreateproximityandgroupinformationtogether. By grouping the image and body copy on the right side it allowedmetocreateagoodamountofwhitespaceandleavetheflierfeeling more balanced.

http://www.vouantcomm.com/leaders

R e g i s t r a t i o n a n d m o r e i n f o r m a t i o n a v a i l a b l e a t :

O c t o b e r 2 1 s t8 : 0 0 a m - 5 : 0 0 p mL i n c o l n C o n v e n t i o n C e n t e r

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.

Do you want to have the competitive edge in business?

Leadership ConferenceG R A D U A T E

BrochureDescription:This full-color, folding brochure was created to promote the product lineofTwinOaksDesigns.

Date: 12/16/14


Program(s)/Tools: Adobe PhotoshopAdobe IllustratorAdobe InDesign

Objectives:•Set up and align a two-sided, folded document.•Create an original, new logo and use it in a brochure.•Incorporateatleastfourqualityimages.OneshouldbeclippedinPhotoshopandtext-wrappedinInDesignsothetextfollowsthecutoutshape of the image.•Write at least 250 words of original copy in at least three paragraphs, headers, and subheaders.•Trimforafullbleedandprintinduplex(two-sided)color.

Process: I started off by working with the tree in Photoshop deleting the background. then I imported it into InDesign. In InDesign I was able to create a two page document with margins, and column to help align and structure my brochure. I also spent a lot time in Photoshop turning myoakleafpictureintoawatercolorimagetoreflectthestyleofthetree.IthencreatedmytextinWordandpasteditintoInDesign.Atextwrap was added around the leaf. I was able to create paragraph styles tofacilitatequicklystylingofmytext.Ithenaddedtheimagestoshowthe types of products that are available.

LogosDescription:Create a logo for a local company. Research the market, and then create three different styles of logos to represent them.

Date: 11/1/14


Program(s)/Tools: Adobe Illustrator

Objectives:•Createthreecompletelydifferent,originallogostofitacompanyorpersonalimagethatwillappealtotheaudience.Donotimitateexistinglogos or use previous designs.•Use only the Illustrator tools to create and draw your logos. (No Illustratorpre-fabricatedflares,symbols,etc..Nophotosorlive-tracing.You may use an image or drawing as a guide to trace it with the pen/pencil,butdeletetheimagebeforesubmitting.)•Gather opinions from at least ten people about which logo appeals most to them.

Process: To create these logos I searched google to see what other bakeries were using for their logos. Then I thought about the name of her company and what products she offers. I created one logo that was fun and whimsical, one that would work great for bakery labels, and one that was more of a logotype. I drew the cupcake shape using the pen tool, and the line tool. For the middle logo I used the type on a pathtooltogetthetexttowrapinsidetheovalshapeofthelabel.ForthelogotypeatthebottomIusedthetexttoolsinInDesigntoadjustthe kerning of the letters so that they were legible. .

BakeryRoyal Taste

BAKERY

RTROYAL TASTE

Royal Taste Bakery

Royal Taste

Web SiteDescription:Use the “demo.css” file to creat a website showcasing one of your logo designs.

Date: 11/22/14


Program(s)/Tools: Notepad++Microsoft Word

Objectives:•Size and optimize an original logo as a .png for a web page•Write content to describe the process of creating your logo and how it appeals to a target audience.•AcquireaworkingknowledgeofHTML.•AcquireaworkingknowledgeofCSS.•Identifyhexcolorstomatchlogo,usingPhotoshopcolorpicker.•OpentheHTMLpageinawebbrowserandcaptureaqualityscreenshot with .5 inch margins for printing.

Process: ForthisprojectIopenednetbeansandenteredinalltherequiredtags.thenIcreatedaworddocumentwiththetextregardingmylogodesignprocess.Ipastedinthetextasneeded,andaddedanymissingtags.ThenIusedthedemofiletostartmyCSS.Iwasabletoopenmylogoin Photoshop, and use the eyedropper tool to pick out colors to use in mywebsite.ThencopyingthehexcodeIpastedthoseintomycssfile.Ipreviewedmysitemanytimesthroughouttheprocesstomakesure that things were changing as I wanted them to. I moved my logo abovetheheadertogivethesiteadifferentlookthanthedemofile.Ialso imbeded my logo font into my CSS so that it would show up on any screen.

Documents

P9 Lisa Anderson Portfolio