Portfolio - Donutsdocshare01.docshare.tips/files/19153/191538502.pdf · Contact Alexis Moser 415 S Pine Ave. Sugar City, ID 83448 1.208.390.4784 [email protected]

Portfol ioAlexis Moser

ContactAlexis Moser415 S Pine Ave. Sugar City, ID [email protected]

Tabl e of

Sponsored FlierBrochureMontageLogosBusiness CardsLetterheadImagingWeb PageEvent Ad

Contents

Sponsored FlierDescriptionGraduate Leadership Conference Flier for Vouant Communications

Objectives• Apply the design principles and use appropriate typography.• IncorporatebasicInDesignskillstoimprovebasicflierlayout.• Retrieve image and logo from links.• Create a project folder to keep links intact.

ProcessI started by going through the text and organizing it to insure proximity asIdevelopedtheflier.Ithensketchedoutseveralideasofhowtosetupthebasicstructurefortheflier.

WhenIgotthecomputerIfirstputeverythingthatIwouldneedontheflierontothepagesoIcouldstartplacingthingswheretheywouldneedtogo.Thismadememoreawareofspaceandhowthingscametogether.Byrearrangingthings,thefinalcopydevelopedaroundthemessageoftheflier.

Date: 5 October 2013

Programs: InDesign, Adobe Photoshop, Microsoft Word

Course: Comm 130, Visual Media

Instructor: Julie Peterson

BrochureDescriptionA brochure that helps teach better running form in 7 easy steps that coordinatewithseparatepartsofthebody.

Objectives• Setupandalignatwo-sided,foldeddocument.• Create and use an original company logo.• Incorporatefourqualityimages.CliponeinPhotoshopandtext-

wrappedinInDesign• Write250pluswordsoforiginalcopywithparagraphs.• Trim for a full bleed, print, and fold.

ProcessIstartedthisprojectbywritingthebodycopy.

I then created a logo that is also the title to the brochure. I made this using type and alignment, including some vertical alignment.

IthenfoundallofthepicturesandpickedoutwhichoneIwantedtoclipformytextwrap.Ithenclippedthepicture.

NextIsetupmyInDesigndocumentintoanew-cutlayoutandinsertedmy pictures, logo, and text.

I arranged everything and broke up the text into its separate pieces and added the numbering along the edges.

Date: 7 December 2013

Programs: InDesign, Adobe Photoshop, Microsoft Word, Internet, Adobe Illustrator



Front Back

Inside

MontageDescriptionInspirational8.5×11gradualblend(Photoshopmasks)montagewithmultipleimages,typography,andafilter.

Objectives• Learn to manage Photoshop layers.• Learn to blend images together smoothly, using masks. • Usefilters.(Applyatleastone)• Apply appropriate typography and principles.• Choosing good quality images. • Unifyingapiecewithaconsistenttheme

ProcessI started this project by taking pictures of my model outside of a brick building.Iwantedtocreateamontagethathadlotsofenergyandemotion but also really described the model.

Ibeganbycroppingthepicturedowntopullherincloser.Iflippedtheimage horizontally to redirect motion.

ForthesecondimageIdecidedonalongpearlnecklacethatwouldlooparoundherandframetheimageinbutwouldalsoaddtotheenergyandflowoftheproject.

IcopiedthepearlssoIcouldcontrolwheretheloopsledto.Idroppedtheopacitywhilepositioningthemandthenbroughtthembackandhand masked them out again.

NextIaddedthefilter.Ichosewatercolorbecauseitmatchedtheoverall feel and the pearls the best.

Idecidedtohavethetitlebehernamewithsomeoftheletterstolookliketheyhadbeenknockedout-of-placebyherhandsinherenthusiasm.Iplacedthisfirstandrealizedthattherestillwaslotsofroomtocarefullyaddtextsthatwouldadddepthwithoutstealingallmywhitespace.GoingalongwiththebrickIdecidedtoaddgraffiti-liketypeinthesameelegantfont.ForthesewordsIaskedpeoplewhoknowhertodescribeherandusedthosewords.TheseIarrangedtofitamong the bricks in clumps.

Date: 25 October 2013Programs: InDesign, Adobe Photoshop, InternetCourse: Comm 130, Visual MediaInstructor: Julie Peterson

LogosDescriptionThree different logo choices for Moser Transportation Inc.

Objectives• Createavarietyoflogostofitacompanyorpersonalimage(at

least3newlogos).• Don’t imitate logos or use your previous designs.• Use only the tools of Illustrator. (No photos)• Setting up a professional display for the company. • Getting feedback from outside sources. List the results.

ProcessResearch: They requested that the transportation part of the business be minimized in the logo. We also had students from SSJH create samples forpossiblelogosandtohavetheownerslookatmanydifferentstyles.

First:Istartedwiththeblackoutlinearoundthe“M”andthenworkedwiththetypography.IfoundthescriptfontIusedcreatedbetterflowinto the rest of the logo. I added contrast in size and aligned the rest of thetext.Ifinisheditbycreatingagradientlayercircleunderthefirst.

Second:Iwantedtogivethemabackandwhiteoptionthatwasalittlebitsimpler.ForthisIusedtypographyandlines.Iplaced“Moser”overtransportationanddrewalinebetweenthetwo.Ithenaligned“Moser”totheleftofthelineand“Transportation”totheright.Ithencreatedthe other four lines and aligned them to their respective sides. To add more contrast I changed the opacity of the lines so they faded on their wayouttokeepthefocustothecenterandcreateafeelingofmotion.

Third:Acombinationoftheprinciplesoftheothertwologos.Nocurvedlineslikethefirstbutgainedcolorthatwaslackinginthesecond.Moreofatrademarkasitlostthe“Moser”andagainaccentuatedthebold“M”.FormydraftIhadthemmeetthebottombutIshankitforthesecondasitfelttocrowded.TomixitupevenmorefromthefirsttwoIchangedthedirectionofthe“transportation”to run vertically instead.

Date: 1 November 2013

Programs: InDesign, Adobe Illustrator



BusinessC a r d sDescriptionBusinesscardfor“FlyingFishGraphicDesign”

Objectives• Use The basic tools of Illustrator & InDesign.• Createanewlogotofitacompanyorpersonalimage.• Design consistent layouts for a business card and letterhead.• Business card: 3.5 x 2 (print above center on a vertical page)• Apply typography rules keeping small copy.• Learning to keep thing simple.• Applying contact information: Include name, address, phone,

and email on each piece. Use periods, bullets, or spaces in phone number; No parentheses/ hyphens.

ProcessIstartedwithasketchImadeofthefishwhichIscannedandthentracedinIllustratorwiththepentool.Iaddedagradienttotheinsideofthefishtoaddroundness.Ichoosethecolortoemphasistheskyandwaterwherethefishcandwell:companiesdiversity.InthefontsIchosethethickscriptfontfor“flyingfish”andathinsansseriffor“graphicdesign”toaddcontrast.Ikept“graphicdesign”smallandleftaligneditwith“flyingfish”andalignedthebottomofittothebottomedgeofthefishesfin.

I added the 30 degree angle to add interest to the information side of thecardandfilledtheothersidewiththelogo.Iwantedtoaddcontrastso I made the information side of the card black. To keep consistent alignmentIhadthetextrunalongthe30degreeangleaswell.


Programs: InDesign, Adobe Illustrator, scanner



L etterheadDescriptionCoordinatingletterheadfor“FlyingFishGraphicDesign”tomatchthebusiness card I created.

Objectives• Use The basic tools of Illustrator & InDesign.• Createanewlogotofitacompanyorpersonalimage.• Design consistent layouts for a business card and letterhead.• Letterhead:8.5x11(full-bleedoptional,buttrimonly.125)• Apply typography rules keeping small copy.• Learningtokeepthingsimplebyhavingwatermarksanddrop

shadowslightandwhitespace.• Applying contact information: Include name, address, phone,

and email on each piece. Use periods, bullets, or spaces in phone number; No parentheses/ hyphens.

ProcessIwantedtheletterheadtolookinstnatlyconectedtothebuisnesscardthat I had designed. To do this I placed the logo into the document and the contact information and then added the black bars on either side. To pull the bottom in I also added one at the bottom. I then added thefishwatermarkatthebottom.AfterthegroupcriticIaddedthediagonallineintheheadingtopullthetwopiecestogetherevenmore.


Programs: InDesign, Adobe Illustrator



I mag i ngDescriptionAphotographItookwithaNikonD70CamerathathasbeeneditedandformattedusingAdobePhotoshopwithchangesinsaturationorcolorizationandbyapplyingfilters.

Objectives• Learn basic photography skills.• Useadigitalcameratotakeaqualityimage,thendownloadit.• Sizeandcroptheimage.6″x6″resolution150• 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.• Useafilterorcolorizeaportionoftheimage.• Documentneedstobe8.5×11150resolution.Margins:top2″,

sides1.25″andbottom3″

ProcessItookthispictureinthegardensofBYUI.Iwasworkingonusingaperturemoreinmypicturestolessenthedepthoffieldandapplyingbetter composition.

ItookimageIgotofahoseandpulleditintoPhotoshop.Iwantedtomakethehosestandoutmoreandaddafiltertomakeitmoreintriguingtolookat.Istartedbycroppingitdowntoa6X6placedona8.5×11 background.

ThePhotoshopIwasusingisoldersoaftertryingtousetheselectiontools and not getting the desired result I decided to use layers and maskstodesaturatethebackground.Idesaturatedthewholeimageandbrought the color back into the hose and faucet using the mask tool.

ThenIwantedtotrysomedifferentfilterstoIsavedtheimageasisandtookasnapshotofeachfilterIlikedasItriedthemout.Iendedupdecidingonthesmugestickfilterunderartistictogiveitabitofagrainy-oldlook.


Programs: Adobe Photoshop, Nikon D70 Camera



Web PageDescriptionAwebpagedesignedtoshowcaseapersonallycreatedlogo.

Objectives• Size (300–500 pixels ) and optimize an original logo as a .png for

awebpage.• Write content to describe the process of creating your logo and

howitappealstoatargetaudience(minimumof200words).• DesignawebpageusingHTMLtodisplaythelogoandcontent.• AcquireaworkingknowledgeofHTML.Mustincludeall

required tags. • AcquireaworkingknowledgeofCSS.(CustomizetheCascading

StyleSheet(css)providedinI-Learntoaddpageformattingthatcomplementsthelogodesign,bychangingatleastthefollowing: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.

• Identifyhexcolorsforwebdesign.(Findandusehexcolorstomatch your logo)

• Compressmultiplefilesinazippedfoldertoattachasonefile.• OpenyourHTMLpageinawebbrowser,takeascreenshot,and

place the .png on a 8.5 x 11 page and print in color. Keep . 5 inch marginsontopandsides,withbottommarginatleast.5inch.Make sure your print is setup on a portrait style page. Make sure it isaqualityprintwithlegibletext.

ProcessIdownloadedthefileandrenamedit.IthenopenedboththeCSSandtheHTMLinTextWranglerandcombinedthetwo.Ithenopenedmy logo in Photoshop and found my color hex codes and changed all thecolorstomatchmylogo.Ithenwentinandchangedallmytext.Ididn’tlikehowthefontwasaligningwiththerestofthepagesoIseparated it and left aligned it. In the CSS document I used comments tokeeptrackofmyhexcodesandtoorganizeandkeeptrackofwhatthe different elements controlled. Then I screenshot it and formatted it in InDesign to print.


Programs: InDesign, Adobe Photoshop, TextWrangler (CSS, HTML)



Event Ad

ProcessIfirststartedbylookingattheimagesIhadavailabletometouseanddevelopedmyeventaroundthose.Idecidedona“BakeOff”eventinthe Crossroads on campus promoted by the Chamber of Commerce for the Family Crisis Center. I took that information and the image I used and put them into Word. I used the background remover tool to clean up my photo and used shapes to created the box behind the title. ByusingthegradientandtransparencytoolsIwasabletocreatethefade to soften the box into the image to help prevent tangent lines. I leftalignedeverythingtohelpwithflowandhadtheimagetakeupthemiddle and right thirds of the page.


Programs: Microsoft Word, scanner



DescriptionAfullbleedfliercreatedinwordtopromoteaneventthatwillbenefitan organization and is hosted by another using a scanned image.

Objectives• Find,scanandimportahigh-qualityimage.• Createafull-bleeddesign• Use text boxes for layout in Word.• Insert and edit images in Word.

Documents

Portfolio - Donutsdocshare01.docshare.tips/files/19153/191538502.pdf · Contact Alexis Moser 415 S Pine Ave. Sugar City, ID 83448 1.208.390.4784 [email protected]