Matthew FinnieGraphic Design: New Media YEAR 1Semester 1

pg1

Contents

Briefs Pgno.Week1:TypographicAnimation 2-3Week2:TypographicComposition 4-5Week3:3DTypography 6-7Week4:TypographicAnimation2 8-9Week5:ThemedAnimation 10-11Week6:DigitalIllustraion 12-13Week7:Analouge&DigitalProcess 14-15Week8:ProtestGraphics 16-17Week9:StructuredAnimation 18-19Week10:Layout/Book-Making 20-21Week11:DigitalSynthesis 22-23Week12:DigitalMurals 24-25

pg2

Week 1: Typographic Animation

Brainstorm

pg3

Final Screenshots

Thisbriefrequireduscreatingastopframeanimationbasedonaphraseorcollectionofwordswhichreperesentedmovement.Istartedoffthisprocessbybrainstormingpossi-blephrases,whichIcoulduseasaconcept,andfromthisIarrivedat‘thereandbackagain’.Thisphrase,tome,evokedajourney.Ifurtherbrainstormedtheideaofajourneyandthoughtofgamepiecestakingajourneyonaboardgame.SincethisbriefwasconnectedtotypographyandIwantedtoconnectittoboardgamestheobviouschoicewas‘scrabble’.Torepresentthe‘journey’Ihadthe‘scrabble’piecesmovealongtheboardandaroundit,wherethe‘players’viewthe‘journey’oftheirpieces.Ialsomadeuseofa‘hand’togivetheviewerafeelofinteractivitywiththeanimation.

pg4

Week 2: Typographic Compostion

Urban Pic, Description & Colour Swatches

pg5

Final Compostions

ofthenegativespacetoemphasisethe‘emptiness’.Thetop-rightimagemadeuseofcomplementarycolours,Iusedthebrowntoreflecttheword‘gloomy’,theblueback-groundmadethebrownstandoutmorewhichmadethe‘gloomy’brownstandoutmore.ForthefinalimageImadeuseofthegoldenrationandcomplementarycolours.Iusedthegoldenratiotodividethewordabandoned,incolour-ingthe‘ed’inaseparatecolourandlayeredtheoverpartofthewordbehindit.Togivetheeffectthatithadbeenabandonedbytherestoftheword.

Fromthechosenphoto-graphontheleft,Ibrain-stormedwordsthatevokethefeelingofthephotoandalsoextractedacolourpal-ette.Thetop-leftimagemadeuseoftheruleofthirdsandsub-tractivecolours.Imadeuse

pg6

Week 3: 3D Typography

BackgroundThisweek’sbriefrequiredususingthetypefromlastweeksbriefandmovingthemintoAfterEffectstocreate3Dtypeinthebackgroundfromlastweeks.ThiswasaproblemformyasmybackgroundfromthepreviousweekhadnofloororsurfacetowhichIcouldplacethetypeontoinaway,whichwouldmakeitlookrealistic.Somyfirstmovewassearchingforanewbackground,whichevokedthesamefeelingandwordsasmypreviousone.Thissearchgavemethisnewbackground.InchoosinganewbackgroundIalsohadtogenerateanewcolourpalettetoworkwith.

pg7

Final Type

Using3DSforthefirsttimeandcreatingmyfirstever3DworkgavetheimagesbelowandtobehonestI’mtoexcitedabouttheresults.Atthemomentthisisthecurrentlevelmy3DSisatbutitwillimprove.Ifoundthebevellingstraight-forwardbutwhatgavemeproblemswasthelightingandplacementoftextonthebackground.Iusedthree-pointlightingandattemptedatusingittomatchthelightingofthebackground.Thiswastheprocess

Ifoundthemostdifficulttodo.Aproblem,whichoc-curredduringthisprojectwasthatwhenimportingmypathsinto3DSsomeofthepathswouldn’tappear,whichgavemehollowlet-terforms.Isolvedthisprob-lembyremakingthepathsandthenimportingonceagain.

pg8

Week 4: Typographic Animation 2

Script Treatment & Animation LayoutsIchosethesong‘where’dyougo?’byFortMinor.FromthisImadeascripttreat-menttodeterminewhichwordsfromthissectionwouldbethemostappro-priatetoanimateandthenlaidoutpossibleanimations.

pg9

Animation Screenshots

IchosethebestchoicesofanimationsandthencreatedtheminAfterEffects,howeverduringthisprocessIcameacrosssomecomplicationsincertainanimationsIhadpre-viouslythoughtof.IndoingsoIchangedthemtoamorefeasibleoption.Soundwasalsoafactorwhichwastobeconsidered.Voi-ceoversandsoundeffectswererequiredtobeaddedin.Seeingasmyanimationwascalled‘where’dyougo?’Ide-cidedtouseasoundeffectofabusyenvironment,whichwouldslowlydiedownthroughouttheanimation.Makingtheviewerthink‘where’dthesoundgo?’

pg10

Week 5: Themed Animation

Draft

Istartedoffthisweek’sbriefbyreplacingthebackgroundandforeground,inmytesterpicture,tocreateadifferentimage.Bychang-ingtheback-groundandfore-groundthesubjectmatterchanges.Thisprocesswouldchangethe‘wayofseeing’theim-age.

pg11

Final Screenshots

Mychosenoilpaintingwas‘TheLutePlayer’byHendrickterBrug-ghhen.Istartedoffbyanalysing

theoilpaintinganddistinguishingthesubjectmatterofthispainting.Icametotheconclusionthatthispaintingwasabouttheemotionemittingfromthemusician’ssongandinstrument.Iwouldthenalterthepaintinginmyanimationbyeditingtheinstrumentusedandanimatinghisemotionsatthelossandgainofhisinstruments.AfterresearchIde-cidedonusinganacoustic,electricguitaranda‘keytar’inmyanimation.EachtimeIchangedtheinstrumentIalsochangedthestyleofthe‘player’toshowthedifferentstylesofeachgenre.

pg12

Week 6: Digital Illustration

Draft

Final Illustrations

Thisweek’sbriefrequiredusmakingourownbrushesandpatternsfromphotographsoftextureswehadcollected.Fromthesepatternsandbrusheswehadtocreate

pg13

illustrationswhichweretobeusedaswallpapers.Myfirstmovewastofindoutwhatwerethedimensionsofmycom-puterandphone.Thisgavemethecanvassizetoworkon.TocreatetheflowingbackgroundIdecidedtouseatex-turewhichalreadyhadapre-existingflowingrhythm.FortheregularrhythmIusedtheimageofashoebutspiltitdownthemiddleandswitchedthecolour.Ididthistoadddepthtotheillustrationstonotmakeittoboring.FinallyfortheprogressiverhythmIknockeddowntheopacityonthebrushes,asitwouldbelayeredontopofeachothershow-ingtheprogression.ForthecomputerwallpaperIhadtobearinmindthelay-outoftheiconsonthescreen.Isolvedthisproblembycut-tingofftherighthandsectionofthewallpapertomakespacefortheicons.

Finals In Use

pg14

Week 7: Analouge & Digital Process

Processes

Mychosenpoemwas‘TheDeadWoman’byPabloNer-uda.Ichosetoexcerptthefirststanzaofthepoemandcreateanimagebasedonthisexcerpt.SotostartoffIanalysedthewordsandwrotedownwhatthesewordsmademethinkof.WordsthatIthoughtoffwhilereadingthispoemwere:sadness,death,anxiety,writing,lossandsound.ThestylesheetconsistedofimagesconnectedwiththesewordsandIendedupusingafewofthemformyfinalimage.Icreatedascribbled‘blue’collagetoemitthefeel-ingofanxietyandsadnessofthepoem.Ialsoaddedasilhouetteofawomanfortheobviousrea-soningofthepoembeingcalled‘TheDeadWoman’.FrommystylesheetIusedtheimagesofdeadleavesandspeak-ersinmyfinalimage.Iusedthedeadleavesintheback-groundtohintattheideaofdeathinthepoem.Ithenprintedthisdesignontolinedpaperinsteadofregular

pg15

Processes & Final Image

printingpaper.Ididthisbecauseofthequote‘Idonotdaretowriteit’.FinishingofIletrainfallonmydesign;thisgavetheeffectofteardropsontheimage,referringtothefeelingoflossfeltinthepoem.

pg16

Week 8: Protest Graphics

Initial Idea - Development

stand’,whichIsubvertedto‘unitedwedraw’.Iwasinspiredbycommunistpropagandapostersandtheriseagainstthemachinelogoandcreatedthefistholdingapencil.Ichosetouseapencilinmypostertorepresentalltheartstudentsthatwerebeingaffected.IthenrealisedthatIwasbeingtospecificinwhoIwasreachingwithmyposter,soIdecidedtochangebothmysloganandimagerytoreachabroaderrangeofstudents.Ichangedthe‘unitedwedraw’sloganto‘unitedwegradu-ate’.IalsohadtochangethepencilandthoughtofusingvariousobjectsbutintheendIusedadiploma.My

ThefirstthingIwantedtodoforthisweeksbriefwaschooseasloganthatpeo-plecouldrelatetoandrecognise.Thebestwayofgettingthiseffectwastosubvertawell-knownphrase.ThephraseIchosetosubvertwas‘unitedwe

pg17

Final Design & In Use

reasoningforusingthisimagerywasthatmysloganbeing‘unitedwegraduate’themostlogicalimagerywouldbeadiplomaasthatiswhatallstudentsaimfor.Thefontiusedwashandrenderedandmeanttoresemblethefontusedincommunistpropagandaposters.

pg18

Week 9: Structured Animation

Structure & SoundUsingthesloweddownsoundclipIlistenedtothebeatandmadethestructuretotheright.ThisStructurefollowedthemainbeatofthesong.Itconsistedof43second,52secondand81secondanimations.Iwantedtousesimpleshapesinmyanimationso

pg19

therewouldn’tbetoomuchgoingoninthescreen,sothattheviewerwouldconcentratemoreonthesound.My2secondanimationconsistedofastarquicklyspirallingoffthescreen.IdidthisbecausethesongstartsoffwitharumblingsoundandIthoughtthebestwaytorepresentthatthiswasthebestwaytorepresentthatsound.The3secondanimationconsistedofthreecirclesmovingintothecentreofthescreenandthemiddlecirclemovingtowardsthescreenandfadingout.IdidthistoadddepthtotheanimationandthereasonforthefadewassoIcouldtransitiontothenextanimation.Finallythe1secondanimationconsistedofasquareflippingonitsaxisandmovingoffshot,myreasoningbehindthiswastoonceagainadddepthand.Ichosetousevibrantcolourswithawhitestrokesothatmyanimationswouldstandoutagainsttheblackbackground.

Final Screenshots

pg20

Week 10: Layout/Book-Making

Book-Making

Ofthethreebooksmadeduringthebook-makingworkshop,IfeltthatthebesttomakewouldbetheJapaneseboundasitcouldbemadeusingana3layoutandwouldbetheeasiest,ingeneral,toputtogether.However,af-terthinkingoveritIdecidedongetting

myfinalworkbookring-binded.IcametothisconclusionbecauseIfeltthatusingthehand-madebookwouldmakethemeasytodamageandalsotakealotoftimetoputtogether.Whereasusingaring-bindedbookwouldgiveamoreprofessionallookandalsoprovidethecontentswithprotection.IdecidedtodesignthreedifferentlayoutdesignssothatI

pg21

Layout

styletothelayout.Alsousingtitlesmadeiteasierformetodivideupthedoublepagespreadintosections.Thismakesiteasierontheeyeandsimplertofollow.

wouldhavethechoiceofchoosingtheonethatwouldbethemostappropriate.Myfirstdesignwasrathersimplebuthadelementsofflare.Thesecondwasratheralotontheageandhadmoreim-agerythantext.Thefinalde-signwasessentially‘thebestofboth’previouslayouts.Iusedthesimplisticlayoutofthefirstandtheimageplace-mentofthesecondtogetmythirdlayout.Thislayoutshowedmythoughtproc-essesclearlyandalsogaveplentyofspacefortypeandimagery.Idecidedonusingasimpletypeface(centurygothic)becauseIwantedmytexttobeclearlylegible.Usinggra-dientsatthetopandbottomofthepageaddedabitof

pg22

Week 11: Digital Synthesis

Advert Analysis & Anti-Synopsis

pg23

Final Screenshots

AsIwroteinmybrainstorm,Ichangedthesubjectmatterofthecilitbangadvertfromcleaningobjectstocleaninglanguage.Idownloadedacensorshipsoundeffectandplacedthemovercertainpartsoftheconversationthatcouldmakeitseemasiftheywerehavinganinappropriateconversation.Ialsosubvertedthewell-knownphrase‘cleanyourmouthout’to‘cleanyourf******mouthout’.

pg24

Week 12: Digital Murals

Brainstorm & Animations

pg25

Final Screenshots

IshotmyfootageinandaroundEpsom.MyfirstmuralwasbasedonthepremisethatEpsomhasafamedhorsetrackandthemistreatmentofhorses.Thesecondandthirdmuralswerebasedonthewell-knownphrase‘costsanarmandaleg’.IchosetousethisphraseasitconnectedtotheareainwhichIfilmedmysecondandthirdfootage,ahospitalcarpark.OverallIamnottopleasedwithmymuralsasalthoughtheideabehindthemisstrong,theactuallyimageryleavessomethingtobedesired.Iplanonredoingtheseanima-tionsinthenearfuture,perhapsaddingcolourandusingadifferentstyle.

10x11mfinnie.gdnm.org