Sådan laver du GIF-animation i Photoshop

Anonim

Sådan oprettes en GIF-animation i Adobe Photoshop

Metode 1: Manuel animation af objekter

Den første metode er egnet til de brugere, der ønsker at anvende Adobe Photoshop til manuel animation tilføjet til lærredlag. Dette kan være en vilkårlig geometrisk figur, klar billede eller tekst. Selvom denne grafiske editor ikke er helt egnet til at udføre en sådan opgave, vil det med oprettelsen af ​​en simpel GIF at klare, og du kan adskille denne proces for flere trin.

Trin 1: Tænd for "skalaen af ​​tid"

Animation i Adobe Photoshop opstår ved hjælp af placeringen og redigering af objekter på "Time Scale". Som standard er dette vindue skjult i programmet, fordi det ikke bruges i et standard arbejdsmiljø. For at aktivere det skal du åbne menuen "Vindue" og klikke på "Time Scale".

Tænd på tidsskalaen for at oprette en animation i Adobe Photoshop

Nedenfor vises et nyt panel, som vi vil henvise til yderligere. Efter at have arbejdet med GIF'en, kan du skjule det igen ved hjælp af den samme knap i den nævnte menu.

Succesfuld tidsskala inklusion til oprettelse af animation i Adobe Photoshop

Trin 2: Fremstilling af elementer til GIF

Som tidligere nævnt giver Photoshop dig mulighed for at styre eventuelle lag, herunder tekst, billeder og oprettede geometriske former. Til at begynde med skal elementer tilføjes til lærredet, hvilket skaber et nyt projekt. Placer hver af dem i et separat lag for ikke at opleve problemer med yderligere redigering. Så snart det forberedende arbejde er afsluttet, skal du gå til næste trin.

Forberedelse af objekter, før du opretter animation i Adobe Photoshop

Trin 3: Indstilling af udseende effekt

Der er flere grundlæggende animationshandlinger, der kan implementeres i en grafisk editor, og effekten af ​​ethvert element vises her. Det foreslås at overveje det først at på samme tid at håndtere, hvordan man interagerer med "tidens tid", og hvordan nøglepunkter er forbundet med det.

  1. Gå til drift med et mesterligt panel og klik der på knappen "Opret tidsskala for video".
  2. Oprettelse af nye animerede spor i Adobe Photoshop Graphic Editor

  3. Hvert lag passer på et separat spor, hvilket betyder at du kan vælge nogen af ​​dem og fortsætte med at redigere.
  4. Placering af hvert lag på animationssporet i Adobe Photoshop

  5. I vores tilfælde skal du overveje et lille logo. Udvid sit lag for at se alle tilgængelige animationshandlinger.
  6. Valg af et lag til oprettelse af animation i Adobe Photoshop

  7. I eksemplet opretter vi effekten af ​​udseendet implementeret ved hjælp af funktionen "Opacitet". Klik på denne linje for at oprette det første tastpunkt, og det vil huske, hvilken tilstand der er i øjeblikket objektet.
  8. Oprettelse af et første nøglepunkt, når du arbejder med animation i Adobe Photoshop

  9. At være på dette checkpoint, ændre sin opacitet til 0% for at skjule helt fra arbejdsområdet.
  10. Skift objektets opacitet, når du arbejder med animation i Adobe Photoshop

  11. Skub skyderen i et par sekunder og lav et andet punkt, og skru derefter opaciteten tilbage med 100%.
  12. Oprettelse af et andet nøglepunkt og en ændring i opaciteten af ​​objektet i Adobe Photoshop

  13. Spil animation og tag et kig på forhåndsvisningsvinduet for at gøre dig bekendt med resultatet. To nøglepunkter vi opnåede effekten af ​​udseendet ved at ændre funktionen af ​​objektets opacitet i hver af dem.
  14. Afspilning af animation til visning under redigering i Adobe Photoshop

På samme måde kan du ændre nogen objektparameter, herunder farve, position, overlejringseffekter og alt andet, der er i Adobe Photoshop. Det er værd at overveje egenskaben af ​​nøglerne. Vælg et af sporene, om det er "position", "opacitet" eller "stil", og lav en vis forandring der. Det vil stadig blive anvendt uanset hvilken type handling, som vi vil sørge for i det næste trin.

Trin 4: Objekt Flyt animation

Grundlaget for animation er bevægelse, så vi foreslår at adskille indstillingen af ​​denne handling på eksemplet på flere nøgler og den grundlæggende type bevægelse.

  1. Som et bevægeligt objekt bruger vi teksten, samtidig med at de beskriver de tidligere beskrevne oplysninger. Udvid blokken med laget for udseendet af hjælpestænger.
  2. Vælg det andet lag for at oprette animation i Adobe Photoshop

  3. Det kan ses, at programmet ikke har defineret funktionen "Position", så du skal vælge en anden mulighed.
  4. Valg af et nyt spor til animationsbevægelse i Adobe Photoshop

  5. Hvis du er helt sikker på, at "perspektivet" i denne animation ikke vil blive brugt, betyder det, at du kan bruge denne streng til at ændre tekstens position. Opret den første tast og læg indskriften i den indledende position gennem værktøjet "Bevægelse".
  6. Oprettelse af et første nøglepunkt for bevægelse animation i Adobe Photoshop

  7. Opret på hinanden følgende nøglepunkter, lidt ved at flytte tekst til den endelige position for at sikre bevægelsen af ​​bevægelsen.
  8. Oprettelse af andre nøglepunkter, når du animerer trafik i Adobe Photoshop

  9. Reproducerer jævnligt animationen og juster nøglerne for at forbedre glatheden.
  10. Reproduktion af animation, når du arbejder med bevægelser i Adobe Photoshop

  11. Hvis nøglerne er ubelejligt at arbejde i den aktuelle tidslinjevisning, skal du ændre dens skala eller øge cyklen for at tilføje nye punkter.
  12. Redigering af animationsområde i Adobe Photoshop

  13. Hvis du skal udskifte eller tilføje et objekt, skal du trykke på knappen i form af et plus.
  14. Tilføjelse af elementer til animation på tidsskala i Adobe Photoshop

Trin 5: Gem gif-on computer

Så snart animationen er afsluttet, skal du fortsætte med at gemme projektet i form af en GIF-fil for at sende netværket eller spille på den lokale computer. For at gøre dette har Adobe Photoshop to forskellige funktioner.

  1. Åbn menuen Filer, flyt markøren til "EXPORT" og vælg "Gem for web" -indstillingen. Hvis du ikke har brug for yderligere animationsindstillinger, skal du bruge "Gem som" og angive det korrekte format i rullemenuen.
  2. Overgang til bevarelse af færdig animation i Adobe Photoshop

  3. Når du eksporterer, skal du finde GIF-formatet.
  4. Vælge et animationsformat, før du opretholder det i Adobe Photoshop

  5. Skift farven på substratet, hvis dette ikke blev gjort tidligere.
  6. Vælg farven på animationssubstratet, før det spares i Adobe Photoshop

  7. Rediger billedstørrelsen og antallet af gentagelser.
  8. Vælg størrelsen på animationen, før du bevarer den i Adobe Photoshop

  9. Før du klikker på knappen "Gem" igen, skal du kontrollere rigtigheden af ​​de valgte parametre.
  10. Bekræftelse af bevarelse af animation i Adobe Photoshop

  11. Indstil filnavnet, angiv Gem stien for det og bekræft denne handling.
  12. Valg af et sted for at gemme animation i Adobe Photoshop

Åbn GIF'en via en browser eller et andet bekvemt værktøj til at kontrollere korrektionskorienteret, hvorefter oprettelsesprocessen kan betragtes som afsluttet.

Metode 2: Oprettelse af et gif fra et billede

Adobe Photoshop giver dig mulighed for at oprette en GIF fra eksisterende fotos. Det kan være som at klippe rammer fra video og specielt oprettede sekventielle billeder. Processen med at danne en animation i dette tilfælde er meget lettere end den forrige, da den ikke kræver manuel oprettelse af nøglepunkter.

  1. På "Time Scale" ændrer denne gang tilstanden til at "oprette en ramme animation" ved at vælge denne indstilling i rullemenuen.
  2. Vælg den anden animation oprettelsestilstand i Adobe Photoshop

  3. Åbn "Filen", flyt markøren over "Scripts" og klik på "Download filer for at stable" -genstanden.
  4. Overgang til at tilføje billeder til at oprette animation i Adobe Photoshop

  5. Klik på "Oversigt" i vinduet, der vises.
  6. Brug af Quick Tilføj billedværktøj til at oprette en animation i Adobe Photoshop

  7. Download straks alle de billeder, der skal medtages i animationen.
  8. Tilføjelse af flere billeder for at oprette animation i Adobe Photoshop

  9. Hvis du vil justere dem, skal du aktivere denne funktion, før du tilføjer.
  10. Brug af billedjusteringsindstillingen, når du opretter animation i Adobe Photoshop

  11. Brug knappen "Opret ramme animation" for at danne en animation.
  12. Start med at oprette animation fra billeder i Adobe Photoshop

  13. Udvid handlingsmenuen og find "Opret rammer fra lag" -unktet der for at tilføje andre billeder.
  14. Tilføjelse af alle billeder som rammer til animation i Adobe Photoshop

  15. Rediger deres sekvens ved at ændre optagelserne på steder, hvis behovet opstod.
  16. Succesfulde tilføjer billeder som rammer til animation i Adobe Photoshop

  17. For at udvide hver rammeafspilning skal du bruge forsinkelsen eller konfigurere den, hvis afspilningshastigheden er tilfreds med dig.
  18. Redigering af reproduktionshastigheden for animation i Adobe Photoshop

  19. Før du gemmer, skal du kontrollere afspilningen og oprette en GIF, da den blev vist i det sidste fase af den forrige metode.
  20. Vellykket Oprettelse af animation i Adobe Photoshop fra individuelle rammer

Hvis du efter at have læst instruktionerne beslutter, at Adobe Photoshop ikke er egnet til at implementere den tilsigtede animation, anbefaler vi dig at gøre dig bekendt med andre programmer, der er designet til at arbejde med GIF. En detaljeret gennemgang om populære repræsentanter for en sådan software er i en separat artikel på vores hjemmeside.

Læs mere: Den bedste software til oprettelse af animation

Læs mere