Notat Afdeling/enhed Oprettelsesdato Opdateret Udarbejdet af HR og Kommunikation i Odense 10-november-2014 03.06.2015 JEMG Revideret opskrift Portrætbilleder af ansatte ved UCL til brug på ucl.dk Af Jeanet Gregersen, jemg@ucl.dk Model 1 Billeder af kontaktpersoner fx studievejledere, konsulenter, kursussekretærer m.fl. - lægges i en personslider i WordPress og vises i højre side af skærmen frontend på ucl.dk. Visse steder bruges slideren også til præsentation af ledere ledere skal derfor både fotograferes efter model 1 her og model 2. Lokation Lys naturlig indendørs kontekst fra arbejdsstedet. Baggrunden skal IKKE fortælle om motivets/personens funktion men om, hvad UCL er for et sted levende, aktivt uddannelsessted med studerende/kursister osv. Billedet skal tages med personer i baggrunden man skal kunne skimte liv, en enkelt person eller to er fint (dynamisk, levende sted). Det er bedst, man ikke kan se, hvem baggrundsstatisterne er, så undgår vi at skulle have skriftligt samtykke. Vælg de fede steder steder, hvor arkitektur eller indretning er kendetegnende for stedet. Vinkel og placering Personen placeres til højre i billedet (gyldne snit). Så vender personen ind mod hjemmesidens brødtekst kigger IKKE ud af hjemmesiden. Personens højre skulder en anelse tilbage. Personen kigger ind i kameraet. Se eksempel 1 og eksempel 1.a. nedenfor Lav dybdeskarphed Personen er i fokus i forgrunden. Baggrunden er nedtonet lav dybdeskarphed men medfortællende. Baggrunden må selvfølgelig ikke forstyrre. Efterbearbejdning v/fotograf mål Til web i 72 ppi: Billedet beskæres til 2040 px x given højde (= optimeret til retinaskærm). Til tryk i 300 ppi: Ingen beskæring. Billedet lægges op i sin fulde størrelse. side 1/6
Eksempel 1. Sådan ser billedet ud på hjemmesiden: Fx 50mm objektiv blænde 2. Eksempel 1.a. Sådan ser råbilledet ud, når det beskæres i Photoshop til personmodulet i WordPress (730x410): side 2/6
Model 2: Chef-portrætter til Om os på ucl.dk Billeder af chefer vises i brødtekstfeltet på ucl.dk sammen med diverse kontaktoplysninger. Backend lægges portrætterne i en personslider. OBS! Chefer fotograferes både efter denne model samt efter model 1. 1 Lokation Lys indendørs kontekst fra arbejdsstedet. Neutral ikke-medfortællende baggrund. Vinkel og placering Personen placeres til venstre i billedet (gyldne snit). Personens venstre skulder en anelse tilbage. Personen kigger ind i kameraet. Se eksempel 2 og eksempel 2.a. nedenfor. Lav dybdeskarphed Personen er i fokus i forgrunden. Baggrunden er endnu mere nedtonet end ved kontaktpersonerne den er relativ diffus. Efterbearbejdning v/fotograf Til web i 72 ppi: Billedet beskæres til 2040 px x given højde (= optimeret til retinaskærm). Til tryk i 300 ppi: Ingen beskæring. Billedet lægges op i sin fulde størrelse. side 3/6
Eksempel 2. Sådan ser billedet ud på hjemmesiden: Fx 200mm objektiv - blænde 2.8. Eksempel 2. a. Sådan ser råbilledet ud, når det beskæres i Photoshop til personmodulet i WordPress (730x410): side 4/6
Billeder ikke portrætter til underforsider på ucl.dk Formatet, der skal bruges på hjemmesiden, skal tænkes grundigt ind i optagelsen. Formatet er bredt og smalt. Eksempel på underforsidebillede på ucl.dk (922x370): Sådan ser råbilledet ud, når det beskæres i Photoshop (922x370): side 5/6
Efterbearbejdning v/fotograf Til web i 72 ppi: Billedet beskæres til 2040 px x given højde = optimeret til retinaskærm. Til tryk i 300 ppi: Ingen beskæring. Billedet lægges op i sin fulde størrelse. Vejledning i at uploade billeder til foto.ucl.dk FTP-adgang Host: 217.195.176.245 Bruger: fotografupload Adgangskode: tecmok80 Mappestruktur Opret en mappe til billederne. Der oprettes en mappe for hvert sæt billeder (fx billeder til Ergoterapeut, portrætbilleder mv.) Hver mappe opdeles i to undermapper: en undermappe til webudgaver her lægges webbillederne. Og en undermappe til trykudgaver her lægges billederne til tryk. Billederne uploades så til de respektive undermapper. Navngivning af billeder Billederne til web navngives fx sådan: ucl-december-2014-dsc6763.jpg. Billederne til tryk navngives fx sådan: ucl-december-2014-dsc6763-tryk.jpg. OBS! Det er vigtigt, at navnet til trykudgaven er AKKURAT det samme som til webudgaven bortset fra -tryk ekstensionen. side 6/6