Omgrydning / Læs om magasinet Ejendomme og hvordan det er designet

Størrelse: px

Starte visningen fra side:

Download "Omgrydning / 13-16 Læs om magasinet Ejendomme og hvordan det er designet"

Hilmar Johannsen
8 år siden
Visninger:

1 NR. / ÅRGANG 9 PRIS 8,00 KR. Workflow / - Få mere at vide om hvordan avisen bliver trykt Billede og Grafik / 6- Er dine billeder uklare? Se hvordan du kan gøre dem knivskarpe Omgrydning / -6 Læs om magasinet Ejendomme og hvordan det er designet Design / -5 Se TTadapters nye identitetsdesigen

2 DESIGN MANDAG 4.MAJ 05 MANDAG 4.MAJ 05 DESIGN Logo design til TT adapters Jeg har fået til opgave at lave en hjemmeside/logo til TTAdapters. Hjemmesiden skal vise det produkt, som kunden sælger, og hvordan man kan bestille produkten online. Farvevalg web og logo De farver, jeg har benyttet, er taget ud fra min moodboard. Jeg har valgt at bruge de samme farver på logoet og hjemmesiden, da det skaber genkendelse og en god rød tråd mellem det trykte og digitale. # #FF99 #C7C7C7 #FFFFCC Mood Board til web og logo Logo Step Jeg tager udgangspunkt i, at produktet har en rund form, hvilket jeg bringer med ind i logoet. Step Her vælger jeg at skære cirklen i 4 dele ved at bruge værktøjet Patfinder. Step Da produktet har den funktion, at den skal klikke sig fast på en warrhammerfigur, har jeg valgt at arbejde med to halve cirkler for at give produktets logo et mere grafisk udseende. Skrift Jeg har valgt at bruge Exo.0, da jeg synes, dens runde former passer rigtig godt til TTadapters produckt. exo.0 bold KLMNOPQSTUVXYZÆØÅ % & ( ) exo.0 Sans KLMNOPQSTUVXYZÆØÅ % & ( ) Færdig logo

Jeg har valgt at bruge de samme farver på logoet og hjemmesiden, da det skaber genkendelse og en god rød tråd mellem det trykte og digitale.

4 DESIGN MANDAG 4.MAJ 05 MANDAG 4.MAJ 05 DESIGN 5 Hjemmeside til TTadapters Til hjemmesidens design har jeg valgt at tegne en wireframe, som passer til kundes ønsker.

3 4 DESIGN MANDAG 4.MAJ 05 MANDAG 4.MAJ 05 DESIGN 5 Hjemmeside til TTadapters Til hjemmesidens design har jeg valgt at tegne en wireframe, som passer til kundes ønsker. Her har jeg fundet en template, som umiddelbart passer bedst til min wireframe og arbejdet videre med den. Skrift Jeg har valgt to skrifter, som skal bruges på gennemgående på hjemmesiden. Montserrat regular KLMNOPQSTUVXYZÆØÅ % & ( ) Pontano Sans KLMNOPQSTUVXYZÆØÅ % & ( ) Logo menu menu menu slideshow forklaring af protuktet TTadapters information

Her har jeg fundet en template, som umiddelbart passer bedst til min wireframe og arbejdet videre med den.

4 6 BILLEDE MANDAG 4.MAJ 05 MANDAG 4.MAJ 05 Fritlægning med Channels til avis Justering af lys til avis Vores avis er ideel til fritlægning, da avisen har en større punktbredning. Her har jeg valgt at fritlægge i Channels, da jeg synes, at det var det hurtigste og mest praktiske måde at gøre det på. Da avistryk generelt er mørkere end for eksempel et magasin, så er det nødvendigt, at vi lysner billederne. Det gør, at det ser pænere ud på tryk. Her er det vigtigt at være opmærksom på, at man skal gøre det en kende lysere på skærmen, så det billedet ikke bliver mørkt på avistrykken. Her viser jeg hvordan. Jeg starter i Channels og vælger den channel, der har mest kontrast. Jeg tager en kopi af denne channel til at arbejde videre i. For at gøre kontransten større bruger jeg Apply Image. Her har jeg mulighed for at merge layers, som jeg giver en blending mode. Som det sidste, jeg bruger Channels til, er Levels for at øge kontrasten yderligere. Før BILLEDE 7 Først har jeg lavet maske til top og bund, så jeg kan lysne ved hjæp af curves uden at brande for meget ud ved lamperne eller ødelægge farverne på tønderne. Nu begynder jeg at arbejde med curves-. Som man kan se har jeg curves: En til top og en til bund. Top curves 5 4 Efter Levels skal jeg ind at arbejde med brush til at rette masken 00 % til. Laksen har jeg fritlagt ved brug af pen-værktøjet. Defter har jeg skiftet den ud med pinden, som hunden løber med, ved hjælp af brush og mask. Før Bund curves Jeg har brugt Puppet Wrap til at bøje fiskens bagparti, så det ligner, at fisken bevæger sig, mens hunden løber. Efter Efter Nu bruger jeg selectiv color til min top layer for at fjerne lidt af den gule farve. Jeg fjerner også lidt af det mørke, så det bliver mere naturligt lyst. Til allersidst lægger jeg sharpness på hele billedet for at øge skarpheden, da avispapiret suger skarphed ud af billedet.

Da avistryk generelt er mørkere end for eksempel et magasin, så er det nødvendigt, at vi lysner billederne. Det gør, at det ser pænere ud på tryk.

5 8 BILLEDE MANDAG 4.MAJ 05 Justering af farve Ofte er der billeder i en avis, som ikke er særlig pæne. De kan eksempelvis være for gule. Derfor skal man ofte gå ind at arbejde med farvejusteringen og lyset. Her er et af mine eksempler på, hvordan jeg har arbejdet med et billede, som er for gult til vores avistryk. Til at starte med har jeg brugt hue/saturation til at gøre billedet lysere og fjerne den gule farve. Jeg har også brugt maske til at få hendes naturlige farve tilbage i ansigtet. Før BILLEDE MANDAG 4.MAJ 05 Her jeg har brugt Color Balance til at få den varme farve tilbage i hele billedet, uden at det rører den gule farve. Jeg har brugt curves til at gøre billedet lysere, men som man kan se, så bliver hendes ansigt helt blegt. Det ser ikke naturligt ud. Derfor har jeg brugt color balance med en maske til at give hende farven tilbage i ansigtet. 4 Efter Herefter har jeg også brugt Brightness/contrast til at give billedet en smulle kontrast og hue/saturation med maske til at fjerne den røde farvestik på glasset. Afsluttende har jeg brugt High pass til at give billedet mere skarphed og unsharpen mask til at gøre billedet skarpere. 9

Til at starte med har jeg brugt hue/saturation til at gøre billedet lysere og fjerne den gule farve. Jeg har også brugt maske til at få hendes naturlige farve tilbage i ansigtet. Før BILLEDE MANDAG 4.

6 0 GRAFIK MANDAG 4.MAJ 05 MANDAG 4.MAJ 05 GRAFIK Forside Illustration Når man skal lave en forside, er det ikke altid, at man har et billede, som kan illustrere historien. Derfor bliver man nødt til at tænke kreativt og lave en illustration, som er med til at fortælle histroien og klæde læseren på. Grafisk forløb til Investor Her fik jeg til opgave at vise et forløb i en kapitalfond. Jeg fik en grafik fra journalisten, hvor opgaven lød på at gøre grafikken mere illustrativ og letforståelig. Efter Jeg starter i samarbejde med journalisten at vælge de vigtigste punkter og aktører ud i historien. Efter vores forsidemøde finder vi ud af, at vi ikke har billeder til historien. Derfor går jeg i gang med at finde ud af, hvordan vi kan lave en illustration eller grafik til forsiden. Efter at jeg har læst historiens rubrik og underrubrik, kommer jeg med en ide, hvor vi kan bruge tallet 470 som illustration. Derefter finder jeg en illustration, som viser kapitalfonden bedst. Her bruger jeg Joachim von And s pengeboks. Jeg finder et billede af pengeboksen. Med billedet som udgangspunkt tegner jeg pengeboksen med min eget grafiske præg. Jeg går i gang med fysisk at tegne 470 med sand, hvorefter jeg tager billeder af det. Jeg uploader billedet i Photoshop, hvor jeg brænder baggrunden ud ved hjælp af color range. Derefter bruger jeg igen ussharp mask til at give billedet skarphed og værktøjet brightness and contrast til at give kontrasten. Før

Grafisk forløb til Investor Her fik jeg til opgave at vise et forløb i en kapitalfond. Jeg fik en grafik fra journalisten, hvor opgaven lød på at gøre grafikken mere illustrativ og letforståelig.

7 WORKFLOW MANDAG 4.MAJ 05 MANDAG 4.MAJ 05 WORKFLOW Fra redaktion til trykkeri Når vi er færdige med avisen, går der en digital proces igang, hvor vi selv har bestemt de forskellige kontrolpunkter, som programmet Pitstop går igennem. Jeg har taget udgangspunkt i otte pitstops, som jeg har vurderet, er de vigtigste. Her vil jeg også gerne fortælle om pdf-export og vores program Alwan, som er et israelsk program, der komprimerer farver på pdf-formatet. Programmet gør, at hvis det eksempelvis er en sort farve, der er i C00 M00 Y00 K00, så komprimerer det farven ned til K00.

forskellige kontrolpunkter, som programmet Pitstop går igennem.

8 4 TYPOGRAFI OG OMBRYDNING MANDAG 4.MAJ 05 MANDAG 4.MAJ 05 TYPOGRAFI OG OMBRYDNING 5 Magasinet Ejendomme Her har jeg valgt magasinet Ejendomme som min typografi og ombrydning. Magasinet udkommer to gang om året og man har en uge til at ombryde og til layouttet. Børsen s Typografi PT Serif PT Serif og er tegnet af ParaType og udgivet i 00. PT Serif er et overgangs serif typografi med humanisti- ske afslutninger/seriffer, designet til brug sammen med PT Sans og harmoniseret med PT Sans på proportioner, vægt og design. PT Serif består af fire stilarter: Regular og Bold vægte med tilsvarende kursive. Fonten blev frigivet med åbne bruger licens og kan frit distribueres. PT Sans PT Sans og er tegnet af ParaType og udgivet i 00. PT Sans kombinerer det traditionelle konservative udseende med moderne tendenser i humanistisk sans serif og har en forbedret læsbarhed. PT Sans består af fire stilarter: Regular og Bold vægte med tilsvarende kursive. Fonten blev frigivet med åbne bruger licens og kan frit distribueres. PT Serif Regular KLMNOPQSTUVXYZÆØÅ % & ( ) PT Serif Italic KLMNOPQRSTUVXYZÆØÅ % & ( ) PT Serif Bold KLMNOPQRSTUVXYZÆØÅ % & ( ) PT Serif Bold Italic KLMNOPQRSTUVXYZÆØÅ % & ( ) Typografering På Børsen har vi en masse paragraph styles, som vi kan bruge, men ofte går vi ind og laver om i dem, for at give dem vores grafiske udtryk. Her viser jeg 4 eksempler på paragraph styles, som jeg har arbejdet med. 4 Unicial: PT Serif Bold 5 Linjer Brødtekst: PT Serif Regular 0/ pkt. Fast for- og bagkant Mellemrubrik: PT Sans Bold / pkt. Spacieret: -0 Hævet over linje: pkt. Indrykning: En geviert, dvs. 0 pkt. indrykning 4

PT Serif er et overgangs serif typografi med humanisti- ske afslutninger/seriffer, designet til brug sammen med PT Sans og harmoniseret med PT Sans på proportioner, vægt og design.

9 6 TYPOGRAFI OG OMBRYDNING MANDAG 4.MAJ 05 Grid-margin Topmargin - Som eksempel på grid, margin og text wrap Bottommargin,5 har jeg valgt en af mine sider fra magasinet. Left margin - 0 Right margin - 0 Columns Gutter 7

Relaterede dokumenter

TYPOGRAFI OG OMBRYDNING

TYPOGRAFI OG OMBRYDNING Opgaven var her at udarbejde en brochure for virksomheden Fynbo Glas A/S. Det er en engros virksomhed, der sælger glas til byggebranchen. Brochuren skulle bruges som en informationsbrochure,