Przemyslaw Emil Bogdanski PORTFOLIO AUGUST 2014 GRAFISK DESIGN GRAFISK DESIGN Dokumentation Opgave Programmer Hele opgaven gik ud på at designe en plakat til en Robbie Williams Teaterkoncert. Kunden vil have noget der ikke ligner musik, men noget andet effektiv for eksempel angels eller kærlighed. Det hele skulle have en specialt og orginal stil. De skulle bruge formatet i 100x80 cm. • Adobe Photoshop • Adobe Illustrator Arbejdsproces Jeg starter med at gennemse alt modtaget materiale fra kunden, for at få så meget viden om opgaven som muligt. Herefter laver jeg en grundig research på andre plakater, for at finde nogle punkter, som kan forbedre plakaten og gør den stærkere end de andre. Målgruppen er de fleste moderne mennesker 1540, der går i skole. Alle dem der kan lide at feste og hygge lidt. Typografi • Research, moodboard • Skitsering • Design Jeg havde brug for to skrifttyper – en til overskriften og anden til brødtekst. Jeg valgte Impact, fordi den er nem at læse og har storre bogstaver som giver rigtig stor kontrast. Jeg besluttede at bruge Impact som overskrift og Korinna i selve teksten. Produktionstid Impact Korinna Ca. 17 dage. • Kantet • Enkelt • Nemt at læse • Specialt • Antikva/Slab serif • Sammenhæng med farver Teknik Farver ITC Korinna Std Regular 12pt Farverne kører i de varme farver. Alle farverne som er brugt, giver eksklusivt udtryk. Grundfarver er en rød, sort og hvid. Farvepalette ITC Korinna Std Bold 12pt ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ Skitser Derefter lavede jeg et moodboard der passer til koncertet. Kunden ønsker mørke farver (rød/sort). Så har jeg lagt forskellige mørke billeder på moodboardet. Moodboard har jeg brugt til at tegne forskellige skitser, nogle af dem har jeg valgt som mine favorite, så gik jeg igang med dem i Photoshop. Impact LT Std Roman 18pt Moodboard med tekst og billeder. Jeg skitserer de bedste plakatidéer fra moodboardet og designer dem i Photoshop. De fire bedste plakater sendes som forslag til kunden. Når kunden har valgt sin favorit plakat og har fortalt mig, hvad jeg skal udskifte, arbejder jeg videre med den. Jeg rentegner det og går igang med de dårligse elementer som skal ændres. Løbende samler jeg det hele og sender igen for at høre om det er iorden. GRAFISK DESIGN | 3 GRAFISK DESIGN Moodboard/Inspiration Skrift Logo Rød og Sort Vinge Stjerne Mørkt Himlen GRAFISK DESIGN | 4 GRAFISK DESIGN Forslag Wing Så har jeg lavet vinge effekt til sidst med Angel Det var mit første forslag. Jeg har lagt sort/grå Andet forslag har jeg lavet i Photoshop. Her har jeg lavet et tredje forslag som præsenter texture som baggrund og mikrofon i midten. Bag mikrofonen er der belysning, der koncert/scene Jeg har lavet sorte streger på begge sider og rød baggrund, som giver samme effekt som på scenen scenen. Jeg har valgt damen med angel kostume, fordi kunden ønsker en angel. Hun er også meget præsenter og viser musik som det vigtigste. Det hele har jeg lavet i rød-efekt, fordi der skal vises lidt kærlighed/varme. (lidt kærlighed og prostitution). Damen har jeg fritlagt, farvet helt sort og placeret i midten som en stjerne på scenen. alene på billede, fordi “Lone” betyder alene og “Star” – en stjerne. Røde gardiner symboleser også en scene. 3 4 >> >> 2 formatet 100x80. >> Dance >> 1 Musik varme farver. Det var kundens favorite forslag. Plakaten var færdig produkt og blev printet i GRAFISK DESIGN | 5 GRAFIK & BILLEDBEHANDLING GRAFIK & BEHANDLING Dokumentation Opgave Arbejdsproces Pizzahut skulle have lavet en ny menu til deres restaurant. På forsiden skulle der bruges billeder, der afspejler lækker og god mad. Det hele skal opmuntre til at købe mad derinde og skal få folk til at tænke over, om det er et dejlig sted. Jeg går i gang med researche, finder de bedste billeder på colourbox.dk. Derefter placer jeg billeder på menuen. Jeg fritlægger nogle billeder præsist med Lasso Tool og så sender jeg billeder til godkendelse hos kunden. er: Åbningstid :00 – 22:00 ag kl 10 Mandag – Fred ndag – Lukket Sø og Lørdag Programmer • Adobe Photoshop Da billederne er godkendt, går jeg igang med at konverterer alle billeder til cmyk, tjekker om billeder er i 300 dpi. Placer dem nedest i cirkler med clipping mask. Teknik • Brightness/Contrast • Curves • Clipping Mask På forside mangler pizzahut logo, men jeg har ikke fået orginale logo, derfor skal jeg lave noget der ligner orginale logo. Jeg åbner Adobe Illustrator og designer et logo til forslag. Målgruppe Primært mellem 18-45 år. Dem der vil have noget mere end bare en pizza. Til alle dem der ikke har tid til at lave mad derhjemme. PIZZAHUT • BREDGADE 59, 6830 KØBENHAVN • TLF: 75287535 • INFOPIZZAHUT.DK Baggrund (logo) >> Før Efter >> Curves & Brightness/Contrast Før Efter Når jeg er færdig med logo, går jeg igang med at placer tekst. Kunden vil have forskellige skrifttyper, så vælger jeg MV Boli, Myriad Pro og Helvetica Ultra. For at give billederne mere kontrast og bedre farver vælger jeg Ajustments >> Brightness/Contrast og Curves. På bagside placer jeg tekst med forskellige pizzaer. Boks med tekst placer jeg i cirklen. “Italiensk Pizza og Deep Pan Pizza” gør jeg lidt mere gennemsigtig, så giver det bedre balance i teksten. Til sidst gemmer jeg det som PDF og sender til kunden. Hvis kunden godkender det, finder jeg et sted, hvor man kan printe/trykke det. GRAFIK OG BILLEDEBEHANDLING | 7 TYPOGRAFI & OMBRYDNING TYPOGRAFI & OMBRYDNING Dokumentation Opgave Arbejdsproces Pjece for lokalværket handler om arrangementer i Geoparken. Jeg skal designe en flyer med tekst og billeder på begge sider. Jeg skal selv vælge hvordan jeg skal placer det hele på forside og bagside. Jeg kigger en masse skrifter igennem, for at finde nogle nyere med moderne snit. Jeg kommer frem til, at Arial og Helvetica, som er både legende i deres udtryk, vil fungere godt og passe ind i flyeren. Programmer Jeg finder frem til en farvepalette, og søger nogle farver der er rolige og ikke for mørke. Lyseblå og lyseorange farver ser godt ud og har sammenhæng med logo. • Adobe Indesign • Adobe Photoshop Teknik • • • • • • Billederedigering Paragraph Styles Curves Swatches Preferences Gradient Derefter kigger jeg på billeder, som jeg fik fra kunden og spørger om hun vil sende flere billeder. Imens jeg venter på svar fra hende, går jeg igang med at placere tekst og designe skygger, ramme til et billede. Når hun har sendt billeder, placer jeg dem på begge sider. Først rediger jeg dem til CMYK og 300 dpi, derefter skifter jeg farvebalance i Photoshop (Curves). Målgruppe De fleste mennsker der bor ved Geoparken. Aldergrænsen er fra 35-65 år. Dem der keder sig og har lyst til at hygge lidt. På mastersiderne laver jeg et grid på fire spalter og 5 mm gutter. En del af tekst placer jeg på forsiden (de vigtigste ting der fortæller hvad det handler om). Resten af teksten placer jeg på bagsiden i 2 kolonner. Til venstre kolonne bruger jeg paragraph styles for at have adgang til farver og for at redigere afstand mellem linjer. Brødtekst rediger jeg til font size 9,7 pt og leading til 14 pt. Til teksten i høje side bruger jeg Type Tabs for at holde teksten i samme linje og pilen lidt uden. I en linje prøver jeg med at holde maksimum 50 characters, så det bliver nemt at læse. TYPOGRAFI & OMBRYDNING | 9 TYPOGRAFI & OMBRYDNING Dokumentation Masterside A Bleed 3 mm Paragraph Styles • Paragraph Styles som blev brugt • Swatches/farver som blev brut • Nyt dokument 5mm gutter 1 2 3 4 Swatches 4 spalter er kk ri rub m lle er ss Ka e gm Formattering o Her ses nogle af de forskellige tekst formateringer il gp o go Top – 10mm Bottom – 10mm Left – 10mm Right – 10mm Lo far s nd ru gg ve Ba TYPOGRAFI & OMBRYDNING | 10 PRODUKTION & WORKFLOW PRODUKTION & WORKFLOW Dokumentation Opgave Opgaven går ud på at designe og opsætte en hjemmside. Jeg skal producere et website for CityMagazine som er en avis med nyheder om københavn. På hjemmesiden kan man finde mange forskellige informationer, for eksempel “interviews, artikler og nyheder”. Layout Formatet er 1024 px. Dette er en af de mest populære størrelse, den passer til flere skærmstørrelser. Auto-changer-images har jeg lavet for at vise flere bilelder på forsiden. Programmer Flowchart index.html nyheder.html • Artikler • Interviews index.html artikler.html • Noma i København interviews.html • Lasse Rimmers kontakt.html • Navn • E-mail • Spørgsmål om_os.html • • • • Redaktion Adresse Telefon E-mail interviews/lasse_rimmers.html • Adobe Dreamweaver Browserkompatibilitet Jeg tester hjemmesiden med Chrome, Opera og Internet Explorer, det virker fint på alle tre browser. Der er lavet lidt om på logoet, som har dårligere kvalitet. Arbejdsproces • • • • • • • • • • Research på andre online aviser Inspiration på google Skitsering med blyant Layout i Photoshop Arbejde med flowchart Billeder redigeret til RGB, 72 dpi og png filer Valg af skrifttyper Kodning i Dreamweaver Benyttet HTML og CSS Testet på tre browsere PRODUKTION & WORKFLOW | 12 PRODUKTION & WORKFLOW index.html Image changer Søg artikler eller andet 1 Tilfældig Nyheder 2 3 Alle billeder er 72 dpi RGB Nyeste Artikler og Interviews 4 1 lasse_1.png 100x100 px 2 3 4 noma_1.png 100x100 px noma.png 635x400 px noma_2.png 610x100 px PRODUKTION & WORKFLOW | 13
© Copyright 2024