Archive for the ‘Tip’ Category

Endnu en forside bliver til

Thursday, May 22nd, 2008

Ok, her er den så: En gennemgang af hvordan jeg lavede en forside til Frederiks engelske udgave af Montsegur 1244.

Frederik havde indsamlet nogle forskellige billeder til den danske udgave, og vi var begge enige om at Albrecht Dürers maleri af den bedende dame ville være et godt motiv til forsiden, så det tog jeg udgangspunkt i.

Desværre var beskæringen lige lovlig tæt, så for at få lidt mere at arbejde med, var jeg nødt til at skabe lidt mere baggrund omkring hende. Jeg skar de to store baggrundsflader til højre og venstre for hendes hoved ud via lasso tool og min Wacom tablet (se her). Wacom tablets findes i et hav af udgaver, men det essentielle er at få en pen i stedet for en mus, da mus er tæt på at være ubrugelige til at tegne/udvælge med i Photoshop.

Som sagt: Jeg klippede og lavede en ramme . Den er slet ikke perfekt, men god nok til at arbejde videre med. Oven på den placerede jeg så det oprindelige billede .

Rammen og billedet er alt for adskilte her, så vi har brug for at lave en lidt blødere overgang mellem de to.

Endnu et job for lasso + Wacom. Jeg lavede en hurtig og dermed ikke særlig nøjagtig fritlægning af damen. Normalt skal masker være meget nøjagtige, hvis man vil fjerne et motiv fra baggrunden, men i collager kan man ofte slippe lettere om det, da de mange lag skjuler eventuelle fejl, så en hurtig maske. For at lave en blødere overgang, gav jeg masken en gaussian blur på 20 eller deromkring.

Det fik damen og min baggrund til at smelte nogenlunde sammen. Frederik havde også et fotografi af bjerglandskabet omkring Montsegur (spørg mig ikke om geografien). For at kæde damen sammen med stedet, droppede jeg derfor landskabet på endnu et lag, satte blending mode til multiply og justerede gennemsigtigheden til 37%.

For at få motivet fri af bjerget, kopierede jeg min layer mask og anvendte den på fotografiet. Derved kom bjerget til at ligge i baggrunden og på grund af layer mask og gennemsigtighed smeltede bjerget og den oprindelige baggrund sammen som det ses på . Effekten springer ikke i øjnene, men når man kigger på billedet opdager man detaljerne.

Næste skridt var også ret subtilt. Jeg rodede mine billeder igennem og fandt et billede af et oldgammelt fransk brev, som jeg hev ind på et lag for sig selv.

Jeg justerede lidt frem og tilbage og endte med en linear burn som blending mode og en gennemsigtighed omkring 20%. For at undgå for meget støj i farverne konverterede jeg brevet til sort/hvid. Derved får collagen teksturen fra brevet uden at farverne “vælter”.

Også her kopierede jeg min layer mask, så den stakkels dame ikke fik bogstaver i ansigtet. Det er svært at se i den lille udgave, men på er der faktisk tekst i baggrunden.

For at få det hele rammet lidt ind fandt jeg et billede af en gammel bog, som jeg brugte som ramme. Jeg lavede to lag af bogen. Et med color burn, der ofte giver de gul/røde-farver jeg er ret glad for og et med soft light, der er en god måde at få lidt detaljer og ro tilbage i collagen. For at skrue lidt ned for farverne justerede jeg desuden saturation på det lag med color burn. Resultatet ses på .

Hvis vi beslutter os for at bruge denne collage som forside, vil jeg nok justere lidt mere på farverne, så vi kan få lidt af hendes oprindelige kulør tilbage. Lige nu er der en anelse for meget patina over det, synes jeg.

Næste skridt: teksten. Motivet er centreret, så for at spille med på det, arrangerede jeg overskriften, så den balancerer omkring hendes hoved. Læg mærke til hvordan det store M og årstallet får teksten til at balancere, da de har nogenlunde samme “vægt” .

En clean computerskrift er alt for pæn til dette motiv, og specielt er det store M for firkantet, så for at løsne lidt op for det, tilføjede jeg en masse støj. Til formålet brugte jeg en bunke forskellige “grunge” brushes. Søg på “photoshop grunge brushes”, hvis du ikke allerede har nogen. De er ikke svære at finde.

Som afsluttende detaljer tilføjede jeg en svag skygge til bogstaverne ved simpelthen at kopiere de to lag, placere dem under den lyse tekst og farve dem en anelse mørkere ved hjælp af en layer style.

Som sagt mangler jeg et par småjusteringer endnu, men sådan blev den til i sin nuværende form. Håber I kunne bruge det.

Layout af scenarier: Bondemænd og Biavlere af Frederik Berg Olsen

Saturday, September 8th, 2007

Her er to sider fra Frederik Berg Olsens Bondemænd og Biavlere. Et simpelt, men funktionelt layout. Kommentarer nedenfor.

Bondemænd og Biavlere

Bondemænd og Biavlere

DO: Jeg har sagt det før, men jeg siger det gerne igen: Masser af luft tak. Frederiks layout er meget åbent og indbydende på trods af, at der er tale om et layout uden en eneste illustration.

DO: Jeg plejer at sige, at centrerede overskrifter hører til i salmebøger, men Frederik slipper faktisk af sted med det i denne del af teksten. Alle overskrifterne optræder øverst på siden og i tydelig kontrast til resten af siden. Derved bliver de mere et visuelt element end en egentlig overskrift i traditionel forstand. Det hjælper også at overskrifterne i de fleste tilfælde er et enkel ord.

DO: Stoffet er prioriteret og fremlagt overskueligt. De store sideoverskrifter giver overblik, brødteksten indeholder de væsentligste informationer og nedenfor finder vi yderligere detaljer. Meget eksemplarisk.

DO: Tænk over hvordan teksten skal anvendes under selve spillet. Den overskuelige præsentation af de enkelte scener akkompagneret af relevante noter i siderne er virkelig god og spillederen kan hurtigt danne sig et overblik. Det kunne have været endnu bedre hvis vigtige nøgleord var fremhævet i teksten, men da teksterne er så korte, er det ikke kritisk.

DON’T: Sideoverskrifterne er gode. De står i tydelig kontrast til brødteksten, men tekstoverskrifter er så skrøbelige 1, at de nærmest forsvinder i teksten. De tjener således ikke deres primære funktion; at øge overskueligheden. Man skal passe på med at sætte sine overskrifter i kursiv, da en kursiv skrift ofte er noget lettere og derfor har sværere ved at skabe kontrast til brødteksten. Mange skriftsnit har fremhævede kursivsnit, som kan afhjælpe lidt, men generelt er kursiv ikke det perfekte valg til overskrifter.

DON’T: Spalteoverskrifterne forsvinder 2. De er ikke større end den efterfølgende tekstoverskrift, så her lykkes det ikke Frederik at slippe godt fra salmebogstricket. Ved en hurtig skanning af siden, vil man overse spalteoverskrifterne. Her ville en mindre udgave af sideoverskrifterne nok have været langt mere velvalgt. Der er brugt både centrerede og venstrestillede spalteoverskrifter, hvilket heller ikke er så elegant. Jeg havde foretrukket konsekvent brug af venstrestillede overskrifter og gerne med meget mere kontrast til teksten.

DON’T: Generelt er der masser af luft i layoutet, men jeg savner dog luft under sideoverskrifterne 3. Det er ikke så slemt, når de følges af en tekstoverskrift, men ellers er overskrift og tekst lidt for tæt på hinanden til, at det ser helt harmonisk ud. Ligeledes er sidenoterne en anelse for tæt på scenebeskrivelserne i højre side, og de kommer let for langt væk i venstre side 4. En streg på tværs af spalte og sidenoterne kunne binde elementerne tættere sammen.

DON’T: Linjerne er meget lange i denne del af teksten. Ca. 100 tegn per linje er ikke optimalt for læsevenligheden. Kortere linjer eller større linjeafstand ville have været en god ide.

Layout af scenarier: A Day in the Life af Mikkel Bækgaard

Tuesday, September 4th, 2007

Denne gang har vi to sider fra Mikkel Bækgaards A Day in the Life.

DO: Brug billeder, der illustrerer indholdet. London-taxaer er spot on her og det store billede fanger øjeblikkelig læserens interesse.

DO: En kort linjeafstand sikrer god læsbarhed. Det optimale er omkring 65 tegn per linje, Mikkel bruger ca. 50 her og ca. 75 på de brede spalter, så det er fint. Skriftvalget passer fint til spaltens bredde. Læg mærke til at højremargin ikke svinger for meget, skønt der ikke er brugt mange orddelinger.

DO: Undgå fast højremargin ved brug af spalter. Fast højremargin leder ofte til floder – det vil sige, en meget ujævn mængde luft mellem ordene (eller ligefrem mellem de enkelte bogstaver).

DO: 1 Brug gerne fremhævelser til at lede læseren til vigtige punkter i teksten. I scenarier har spillederen brug for at kunne orientere sig under selve spillet og her kan den slags være en stor hjælp. Jeg synes dog ikke de konkrete fremhævelser er så velvalgte her, men ideen er god.

DO: Masser af luft! Det koster lidt mere i kopiering, men det gør underværker for hvor indbydende et scenarie fremstår.

DON’T: 2 Mikkel kunne være sluppet af sted med en højrestillet overskrift til ”Første akt”, hvis han havde placeret teksten sammen med billedet. Nu står den derimod sammen med spalteoverskriften og dermed ser det ud som om at der er to justeringer i den samme overskrift (stregen har slet ikke vægt nok til at skille de to tekstelementer). Det er ret uskønt.

DON’T: 3 Det er fint at tekst og billede flugter, men hvad med stregen? Den er lige lovlig fritgående. Den flugter næsten med den yderste taxa, men ikke nok til at det ser overbevisende ud. Resultatet er derfor, at den ikke rigtig har noget holdepunkt i venstre side.

DON’T: 4 Billeder i negativ er grafisk spændende, men de er sjældent velegnede til at formidle stemning. Billedet er dystert og grunge-agtig, hvilket næppe harmonerer med den ganske almindelige Starbucks, der blot danner rammen om en af scenerne.

DON’T: 5 Elementer på en side skal helst enten flugte eller skabe kontrast. Brødteksten og overskrifterne til højre er ikke nok forskudte til at der kan være tale om kontrast og derfor kommer den lille forskydning til at bidrage til et rodet indtryk.

DON’T: 6 Der skal helst være kontrast mellem overskrifter og brødtekst. Skriftvalget til overskriften er godt nok i formmæssig kontrast til brødteksten, men de er begge lette. En tungere skrift til overskrifterne havde nok været bedre.

DON’T: Pas på med streger og andre visuelle gimmicks. Stregerne under spalteoverskrifterne er gode, da det fremhæver overskriften, men stregerne under sideoverskrifterne bidrager ikke med noget væsentlig og sammenholdt med at streger også bruges som sidedekoration kommer der lidt for meget Mikado over det samlede udtryk.

Layout af scenarier: Landlov af Adam Bindslev

Monday, September 3rd, 2007

Her er to sider fra Adam Bindslevs scenarie Landlov og nedenfor følger en håndfuld DOs and DON’Ts.

Landlov af Adam Bindslev, side 9

Landlov af Adam Bindslev, side 12

DO: Brug illustrationer der understøtter scenariet. Landlovs illustrationer svinger måske lige lovlig meget rent stilmæssigt, men fælles for størstedelen af dem er at de rammer den groteske stemning i scenariet.

DO: Brug fritlagte billeder eller som her illustrationer for at undgå for mange kassebilleder. Lad gerne teksten løbe om illustrationerne, men pas på at der ikke opstår store mellemrum mellem ordene som følge af tekstombrydningen i nærheden af billedet (et fænomen man kalder floder). Undgå smalle spalter, fast højremargin og brede skrifter for at reducere risikoen for floder.

DO: Korte linjer med tekst øger læsbarheden. Som tommelfingerregel er alt over 65 tegn per linje for meget, men det afhænger dog af såvel skriftsnit som størrelse. Typisk er en A4-side dog alt for bred til at tekst kan holdes i en spalte (med mindre, der er meget luft omkring den).

DO: Prioriter stoffet, så de vigtigste elementer optræder i brødteksten. Noter og deslige kan f.eks. som her placeres i en sidebar.

DO: Husk mellemrum mellem tekstspalter. Hvis spalterne placeres for tæt på hinanden skabes et meget mørkt layout og spalterne flyder sammen, hvilket hæmmer læsevenligheden.

DO: Brug mere luft over en overskrift end under, da det understreger overskriftens tilhørsforhold til teksten. Vi opfatter elementer i nærheden af hinanden som værende sammenhængende, så derfor bør overskrifter ikke svæve i det fri.

DON’T: 1 Lige højremargin kan være en stor udfordring, og man skal være meget varsom med valg af skrift og brug af illustrationer i teksten for at undgå problemer med floder og tekstombrydning. Et godt alternativ er kombinationen af løs margin og orddeling, men også her skal man passe på. For smalle spalter kan nemlig let lede til alt for mange orddelinger. Brug smalle skrifter til smalle spalter.

DON’T: Undgå at sidens elementer konkurrerer om læserens opmærksomhed. Der er flere måder at skabe opmærksomhed på, men i et s/h-layout vil størrelsen og vægten (mængden af sort) af elementerne have størst indflydelse på hvor læseren retter sin opmærksomhed. De mange drop caps skaber uro på siden og de to illustrationer er med til at trække læserens blik nedad. Den uheldige højrestillede overskrift i første spalte forsvinder helt.

DON’T: 2 Lad aldrig illustrationer knække tekstlinjer. Illustrationen i eksemplet er en forhindring for øjet, så vi er mere tilbøjelige til at lede efter fortsættelsen på linjen under end til højre for billedet.

DON’T: 3 Kvæl ikke teksten! Den meget tætte ramme og den manglende luft omklamrende teksten, så resultatet er nærmest klaustrofobisk.

DON’T: 4 Undgå højrestillede overskrifter. I den vestlige verden læser vi fra venstre mod højre, så det skaber et unaturligt flow i en lang tekst med mange afsnit, når overskrifterne pludselig “hopper” over i den forkerte side. Det bliver kun værre, når man som her også har overskrifter på mere end en linje. Man kan afhjælpe problemet ved at have visuelle elementer, der trækker øjet i retning af overskrifterne, men som udgangspunkt er det en dårlig ide at have højrestillede overskrifter i brødteksten.

DON’T: 5 Lad være med at udfylde hver eneste kvadratmillimeter på papiret. Så dyrt er papir heller ikke. Luft gør layoutet lettere og mere indbydende. Problemet kunne være løst ved ikke at give sidebaren baggrundsfarve og ramme.

Layout af scenarier: DOs and DON’Ts

Monday, September 3rd, 2007

Dette er første indlæg i en serie om layout af scenarier. I stedet for at gennemgå en masse teori fra ende til anden vil jeg i stedet se på en række danske con-scenarier og fremhæve layoutmæssige DOs and DON’Ts, for på den måde at give råd om, hvordan man laver et godt layout.

Jeg vil se på følgende scenarier, men flere kan komme til:

Jeg er åben for forslag til yderligere titler, så bare skriv!

En collage bliver til

Sunday, May 13th, 2007

Collager spiller en stor rolle i mine grafiske værker, og skønt de ofte bliver til via en masse forskellige eksperimenter, er der en del teknikker, jeg bliver ved at vende tilbage til. I dette indlæg vil jeg gennemgå de forskellige skridt i tilblivelsen af en collage, som jeg har lavet til formålet, men den kunne ligeså godt have været en del af mit Ripper-scenarie.

Først og fremmest skal man have en ide. For mit vedkommende er det sjældent en nøjagtig ide til det udseende, jeg forsøger at ramme men nærmere en ide til den stemning, jeg gerne vil indfange.
Udgangspunktet for den collage jeg vil gennemgå er et billede af maleren Walter Sickert, og ideen er, at jeg vil inkorporerer nogle notater, som i Patricia Cornwells teori forbinder ham med Jack the Ripper. Stemningen i collagen skal derfor indikere dystre, skjulte motiver. Her er et bud:

Den færdige collage

(more…)