PORTFOLIO

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 • INFOPIZZAHUT.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