lab

En skulle tro at det var den enkleste sak, men jommen er det ikke noen fallgruver her også. En vignett skal gjerne ha den samme størrelsen og plasseringen på alle bilder den skal figurere i, og bildet må beskjæres likt på front og på Facebook for å ikke kutte vignetten.

Eksempelet ovenfor er altså ikke et ideelt resultat. Derfor kan det hjelpe både på prosessen og det ferdige produktet å lage seg et lite system.

Proporsjoner

Vignetten kommer i et bildeformat med absolutt høyde og bredde, la oss si 300 bildepunkter/piksler i høyden og 200 i bredden. Samtidig skal det ha en relativ plassering i et bilde, la oss at det skal dekke omtrent 50% av høyden, og ligge 7-8% inn i bildet fra kanten.

Om vi får et bilde som er ferdig skalert til å fungere som en Facebook-puff, er bildet 1200 bp i bredden og 629 bp i høyden. Dette er det forholdet mellom bredde og høyde som Facebook bruker i sine lenkebilder.

Bilder kommer sjelden ferdig kuttet og skalert. Dette gjøres automatisk i Writer. Typisk får du et temmelig høyoppløselig bilde med forholdet 3:2 eller 4:3 (for eksempel 3000x2000 bp). Limer du nå inn vignetten, vil den bli sørgelig liten.

Vignetten kan selvfølgelig skaleres. Men mye skal du skalere den? Og hvor skal du plassere den for å få den presise glipen mot kanten?

Løsning

Den enkleste løsningen er å gjøre kuttingen først, til en forhåndsdefinert ramme. Rammen kan du lage når du oppretter et nytt dokument i Photoshop eller et annet bilderedigeringsprogram. Vi lager en ramme som er 1200 x 675 bp. Denne er stor nok til å lage både en front-puff og en Facebook-puff.

I Photoshop kan vi opprette et nytt dokument med disse dimensjonene.

I det åpne dokumentet limer vi inn (Fil->Plasser koblet) vignetten først, og plasserer den der den skal være.

Deretter limer vi inn bildet, skalerer og plasserer slik at vignetten ikke kommer i veien for hovedmotivet. Det er i de aller fleste tilfeller bildet som skal tilpasse seg plasseringen til vignetten, og ikke motsatt.

Lagre dette dokumentet i programmet du bruker. Når vi lager nye bilder er det dette dokumentet vi åpner i stedet for å åpne bildet direkte, og bildet limes inn på samme måte som første gang. Vignetten ligger på samme sted som før.

PS! Om vignetten har ulikt innhold (for eksempel Motkultur-vignetter), kan vi sørge for at vignettens plassering blir lik ved å bruke hjelpelinjer. Det kan være at bredden skal være lik, men at høyden varierer. Da setter vi opp to hjelpelinjer. Disse kan du dra inn fra linjalene (og du viser linjalene i Photoshop ved å trykke ctrl+R).

Beskjæring i Writer

Nå har vi en bilderamme som passer proporsjonene til bildene som ligger på fronten på nationen.no (1200 x 675). Vi trenger derfor ikke gjøre så mye med hovedpuffen. Facebook bruker som nevnt et litt annet format enn på vår front, og bilder vil automatisk bli kuttet i topp og bunn.

Her må vi derfor inn å gjøre en manuell beskjæring av Facebook-puffen, slik at den kutter fra bunnen.

Voilà!

Har du innspill til denne artikkelen, ta kontakt med Jarand.