Gif’s

Det bedste sted at lave sin Gif, hvis man selv vil bestemme, er i Photoshop.

Der findes masser af websteder, og apps hvor man kan lave sine Gif’s automatisk. Det er typisk i skabeloner, og er hurtigt at lære. Vil man selv styre, (og måske bruge dem arbejdsmæssigt) er Photoshop det bedste bud.

Her er en lille oversigt over de værktøjer vi kommer til at bruge i dag: https://www.dropbox.com/s/7n81o5n4f6ir3uk/PSDANIMATION.pdf?dl=0

Her kommer en lille guide med DIY filer for at prøve funktionerne

Kendetegn ved GIF

  • 256 farver i modsætning til 16,6 mio i et normalt billede (en begrænsning)
  • Animation (der kan styres)
  • Baggrund kan fjernes
  • Kan læses af almindelige browser (uden plugin – virkelig alle browsere)
  • Alle indstillinger er bygget ind i Gif-filen
  • Virker også inde i mail
  • Fylder ikke meget

Bruges til

  • Bannerannoncer (er næsten udfaset)
  • SoMe (Facebook): Signatur, memes og meget mere (stigende brug)

Fordi

  • Bevægelse skaber opmærksomhed
  • Og Gif’ere for det meste også får smilet frem

Den simple bevægelse

Med kun en figur (og et enkelt lag) kan vi teste timeline
https://www.dropbox.com/s/l8dfgqbpfp2blkn/22-1-gif.psd?dl=0

Flere objekter

Skal der flere objekter ind tilføjes (som selvstændigt lag) og kan flyttes i timeline
https://www.dropbox.com/s/0dznbm6bctoxisf/22-2-gif.psd?dl=0

Styr tiden – og tranparens

Tiden kan selvfølgelig også stilles – bemærk at også transparens (gennemsigtighed) kan stilles på de enkelte objekter.
https://www.dropbox.com/s/nhsuq3rfnfan482/22-3-gif.psd?dl=0

Alle objekter kan selvfølgelig sættes i bevægelse (prøv at sætte en begrænsning på i antallet af gentagelser)
https://www.dropbox.com/s/5ix4aimvs2a2yyf/22-4-gif.psd?dl=0

Skifte størrelse

Men vil vi have objekterne til at skifte størrelse, skal vi arbejde med kopier (læg mærke til lagpaletten)
https://www.dropbox.com/s/ktwv5asxfgqy11o/22-5-gif.psd?dl=0

Bonus: Blending mode

BONUS-INFO: Og når vi arbejder med lag, kan vi også arbejde med “blending modes” – altså måden de forskellige lag blander sig med hinanden.
https://www.dropbox.com/s/pvsmggkvaz6xilz/22-6-gif.psd?dl=0

Den rigtige historie

Her kommer så den Gif, der fortæller en historie. Der er brugt skrift (tekst) og får at få den glidende bevægelse er funktionen “tween” brugt. Rent grafisk. Læg mæørke til bevægelserne. De opfattes sådan set pænt glidende. De fleste er sat sammen af et startbillede og et slutbillede. Og så tre billederne ind imellem for at skabe den glidende bevægelse.
https://www.dropbox.com/s/0m9uwhkhd1sjwbr/22-7-gif.psd?dl=0

Foto – svært med 256 farver, når der er 16,6 mio farver i et normalt billeder

Billeder. Der kan selvfølgelig også komme fotos ind i en GIF. Men husk på at der kun er 256 farver. Derofr ser GIF’ere altid altid lidt usle ud. Men man man faktisk godt, ved at prøve sig frem finde nogle indstillinger der gør fotos flotte. Generelt vælg fotos i samme farvetone. Herunder er den første gif med et billede og en tekst animation. Bemærk at foto’et faktisk står flot, fordi det er holdt i samme farvetone.
https://www.dropbox.com/s/9is3at361efn5ed/22-8-gif.psd?dl=0

Og der kan skæres yderligere i farver

Herunder har jeg lagt tre billeder der skifter, så er der måske problemer med kvalitet, bedøm selv.
Billedet ligger i 256, 128, 56 og 32 farver
https://www.dropbox.com/s/59lo9yd2sbpu22s/22-9-gif.psd?dl=0

Video – kun korte sekvenser

Til sidst skal vi se på hvordan vi får video ind. Video er jo – også når vi ser en film, bare enkeltbilleder fortalt med omkring 30 billeder i sekundet. Når vi skal vise video i en GIF, skal vi foruden at reducere antallet af farver, og reducere antallet af billeder pr sekund, for at skabe en god afvikling. Photoshop kan lave den konvertering, men her er det langt lettere at bruge en ekstern ressource. Jeg bruger gifmaker.me

Jeg bruger 4 sekunders video af mig selv, der laver en bevægelse der kan gentages.

Her har jeg kombineret med grafik, og mere end halveret antallet af billeder, for at få størrelsen ned. Eksperimenter selv med jeres egen eller brug min (må ikke offentliggøres)

Her er originalfilen, som i kan konvertere på gifmaker.com: https://www.dropbox.com/s/x998o7w46otz9f1/2021-04-20%2008.19.mp4?dl=0

Og her den konverterede fil. Åbn filen i Photoshop, og arbejd med den https://www.dropbox.com/s/ywyhu567kf93evd/boshat.gif?dl=0

Herunder et eksempel en “typisk annonce” kombinationen af skiftende tekst og et stillbillede. Hurtig og effektiv. Kan vises på SoMe, web og i en mail

https://www.dropbox.com/s/m8vcmmwd0klpqzo/22-11-gif.psd?dl=0

Brug måske min skabelon til at lave jeres egen

Eksport

Eksporten har v i jo set på løbende, og eksperimenteret med. Den er så let fordi vi hele tiden får en live-visning af resultatet. Og til allersidst skal vi se hvordan vi får udgivet den. Skal den på en webside, placeret den som alle andre billeder (som her på siden)

Udgivelse

Den kan uploades dirkete på Facebook. Driller det (jeg oplaver at Facebook konverterer til video, eller at aniomationen stopper), så skal den lige forbi en gif-server – brug giphy.com – jeg viser hvordan

Tak

Det var det sidste – tak fordi jeg fik lov at fortælle om Gif’ere – det får næsten altid smilet frem.