Hjemmeside » hvordan » Sådan animerer du din egen brugerdefinerede GIF med Photoshop

    Sådan animerer du din egen brugerdefinerede GIF med Photoshop

    Oprettelse af animationer fra bunden i Photoshop kan virke skræmmende, men faktisk er de meget enkle. Slå op Photoshop og tag nogle af dine filer. Det er på tide at irritere bukserne fra dine venner med masser af animerede GIF'er!

    Vi har talt om nogle enkle måder at gøre video og Youtube rippe til animerede GIF'er, men i dag vil vi vise dig, hvordan du laver en simpel animation uden at bruge nogen videofiler. Fortsæt læsning - dette er meget sjovt.

    Oprettelse af animationer med Photoshops animationsværktøjer

    For en simpel animation skaber vi en del af billedet på et separat lag, vi kan flytte rundt. Vi vil kun animere bevægelsen af ​​øjnene, men du kan skabe enhver form for animation på denne måde, herunder faktiske håndtegnede animationsceller eller bevægelige fotografier.

    Uanset hvad du vil animere, start med mindst to lag. I vores eksempel bruger vi HTG-logoet, og vi flytter øjnene til et andet lag, vi kan bruge til at animere bevægelsen.

    For at komme i gang skal du trække animationspanelet op. Find det ved at gå til Vindue> Animation.

    Panelet dukker op i bunden af ​​vinduet og er ret nemt at bruge. Hver ny "ramme" af animationen er som en snapshot af filen. Klik på knappen i animationspanelet, når du vil oprette et nyt øjebliksbillede ud af den aktuelle tilstand af filen. Men endnu ikke!

    Dette panel giver dig også mulighed for at angive en "forsinkelse" for hver enkelt ramme, hvilket betyder, hvor længe (i hele eller brøkdele af et sekund) det vises på skærmen, inden du går videre til næste ramme. 25 billeder pr. Sekund (0,04) er en standard sats for animation, men måske lidt hurtig til animerede GIF'er. For vores eksempel kompromitterede vi med en forsinkelse på 0,05, som du også kan bruge. Hvis du vil bruge et andet antal billeder pr. Sekund, skal du blot dividere 1 med antallet af rammer for at få den korrekte forsinkelsestid. (For eksempel er 1 sekund divideret med 25 rammer lig med 0,04 forsinkelsestid.)

    Tanken er at flytte øjenlaget i små trin og tag snapshots undervejs. Vi bruger den flytte værktøj (genvejstast "V") og nudging vores lag ved at bruge piletasterne. I vores eksempel har vi taget et øjebliksbillede efter at du har nudget hvert to pixels eller deromkring.

    Ved at klikke på I panelet kan du se nye rammer, der er oprettet i animationen. De tager tidsforsinkelsen af ​​rammen foran dem, så du vil måske vælge den rigtige forsinkelse i første omgang, så du behøver ikke ændre mange billeder, når du er færdig med at fange billederne..

    (Forfatterens bemærkning: Hvis du er noget som mig, vil du tilpasse forsinkelsen en zillion gange, alligevel. Ting fungerer ikke altid den præcise måde, du vil have dem!)

    Læg dine rammer ud, mens du går sammen, ved hjælp af dit lagpanel for at flytte dit objekt (i vores eksempel, øjnene), men du bryr dig om og tage masser af øjebliksbilleder. Husk, at 25 eller derover vil svare til et sekund, så tag dine snapshots i overensstemmelse hermed.

    Du kan også redigere forsinkelsen af ​​flere billeder på én gang ved at bruge skift-tasten og vælge mange eller alle dine rammer og ændre forsinkelsen. Bemærk, at du kan indstille din forsinkelse til "Andet ..." nær bunden for at bruge vores tilpassede forsinkelse på 0,05.

    Naviger til Filer> Gem til web og enheder for at åbne værktøjet med samme navn.

    Dette værktøj giver dig mulighed for at oprette en browser venlig animeret GIF, samt at teste den inde i værktøjet (som vist ovenfor, hvor pilmarkøren er). Sørg for at indstille din filtype til GIF, og brug en af ​​indstillingerne Perceptual, Selective eller Adaptive. Disse kan ændre dit billede på forskellige måder, men for mange af jer vil give næsten ensartede resultater. For at reducere filstørrelse kan du ændre din Billedestørrelse (mod bunden) og dit antal farver (øverst til højre). Du kan også reducere din filstørrelse ved ikke at indeholde en gennemsigtighed, selv om vi ikke gjorde i vores eksempel (hovsa!).

    Og vores animerede GIF er klar til at sætte på nettet til glæde, chok og skabe ærefrygt.


    Og det drejer sig om animation. Tanker eller spørgsmål om vores metode? Har du en bedre metode, eller nogle enklere teknikker? Vil du se noget mere avanceret? Fortæl os om dem i kommentarerne, eller send os dine tanker på [email protected], og vi kan medtage dem i en kommende grafikartikel.