Hvordan man laver animation i Photoshop. Oprettelse af animationer i Adobe Photoshop Sådan laver du animationer i Photoshop

Opret en ny fil med dimensioner 700 x 300 px.

Åben vinduet Tidslinje((Vindue - Tidslinje)).

Klik på knappen " Opret rammeanimation»(Opret rammeanimation).

Brug værktøjet () create 3 lag med tekst ("Animation", "dette", "simpelt").

Brug værktøjet (Move Tool / V-tasten) til at placere teksten som på billedet nedenfor.

I vinduet Tidslinje(Tidslinje) vælg det første billede og tryk på knappen " Dublerer valgte rammer»(Opret en kopi af de valgte rammer).

Vi skaber 4 kopier af de valgte rammer.

Vælger i vinduet Tidslinje(Tidslinje) anden ramme og lad kun lagene være synlige" Animation"og" Baggrund».

Vi vælger fjerde ramme og lad det være synligt i det alle lag.

Lad os indstille gentagelsesparameteren for vores animation. I vinduesmenuen Tidslinje(Tidslinje), skift gentagelsesparameteren fra " Enkelt gang" på den " Konstant"(Billede nedenfor).

Vi kan nu bruge triggeren til at afspille animationen.

Du vil lære:

• Sådan åbnes og lukkes og tilpasses animationspanelet.
• Sådan tilføjer, fjerner og redigerer du animerede keyframes.
• Hvad er Tween-knappen til?
• Sådan laver du en simpel stjernetegningsanimation.
• Sådan opsætter du tidsintervaller for hver animationsramme.
• Sådan optimerer du animation for at reducere Gif-filstørrelsen.
• Sådan importeres Gif-filer til programmet.
• Sådan skifter du fra time-lapse-animation til tidslinje.

Lektionen er opdelt i følgende afsnit:

1. Instruktionsvideo.
2. Hvad er animation.
3. Del 1. Frame-by-frame-animation.
4. Indstilling af intervaller.
5. Indstilling af hyppigheden af ​​gentagelser.

7. Optimering af animation.
8. Gemmer animation.

10. Åbning af GIF-filer.
11. Knapper til forening af animationslag.
12. Lukning af animationspanelet.
13. Spørgsmål.
14. Hjemmearbejde.

Hvad er animation

Animation er en sekventiel ændring af billeder, som et resultat af hvilket det forekommer os, at et objekt bevæger sig, ændrer form, vises og forsvinder, ligesom andre dynamiske handlinger kan forekomme med det.

Ved hjælp af animation i Photoshop kan du lave diasshows fra fotos eller billeder, lave avatarer, bannere, pauseskærme til websider, dynamiske postkort og forskellige præsentationer. Man skal huske på, at Photoshop stadig er en grafikeditor og ikke er designet til komplekse animationsprocesser. Der er to måder at skabe animation på i programmet - frame-by-frame-animation og animation i tidslinjetilstand. Vi vil gennemgå begge typer animationer i rækkefølge. Vi vil afsætte hele den 36. lektion til studiet af time-lapse-animation. Og i lektion 37 vil vi beskæftige os med tidslinjen. Nogle simple opgaver er mere bekvemme at udføre i billed-for-billede-animationstilstand. Selvom du ved, hvordan du arbejder med tidslinjen fra andre programmer, råder jeg dig alligevel til at prøve at fuldføre opgaverne fra denne lektion. På baggrund af den opnåede viden vil du være i stand til at beslutte, hvilken metode du vil bruge i hvert enkelt tilfælde.

Del 1. Frame-by-frame-animation

Panel Rammer dukkede op for længe siden. Lad os overveje dets indstillinger ved at bruge eksemplet med animationen med at tegne en stjerne.

Opret et nyt dokument, 800 x 800 pixels, 72 opløsning, RGB-farvetilstand. Opret et nyt lag ved at klikke på ikonet i bunden af ​​Lag-paletten (Layers). Eller tryk på Shift + Ctrl + N.

Vælg børsteværktøjet fra værktøjskassen sort, 35 pixels i diameter med slørede kanter. Tegn den første skrå linje (placer et punkt, tryk på Shift og placer det næste punkt - linjen vil vise sig at være en lige linje).

Opret et andet lag. Tegn den næste linje. Derefter det tredje lag
og en linje mere osv. Du skal have seks lag inklusive baggrundslaget.

For at åbne panelet Animation skal du klikke på Animation i menuen Vindue. Eller fra vinduesmenuen, indstil Workspace til Video og Film/Video. Sørg for, at panelet er i stop-motion animationstilstand.
Ellers skal du klikke på ikonet nederst til højre i animationspanelet.

Slå synligheden fra for alle lag undtagen baggrundslaget i lagpaletten (lag) ved at klikke på ikonet til venstre for lagminiaturebilledet. Dette vil være den første frame af vores animation.

Klik på ikonet nederst i animationspanelet. Den anden ramme (en kopi af den første ramme) vises. For at ændre det skal du aktivere synligheden af ​​det første lag på lagpaletten. Klik på ikonet igen, og slå det andet lag til.

Fortsæt med at oprette nye rammer og slå de næste lags synlighed til, indtil hele stjernen vises i den sidste ramme.

I bunden af ​​animationspanelet er der værktøjer til at tilføje, fjerne og se animationer.

- konvertering til animation langs tidslinjen.

- Tween(Oprettelse af mellemrammer).

- Dupliker nuværende ramme (Opret en kopi af de valgte rammer).

- Afspilningsknapper (som på enhver båndoptager).

Vælger første billede (Vælgførstramme); Vælger forhåndsvisningsramme (VælgTidligereramme);

Spil(Start animation);

VælgerNæsteRamme(Vælg næste ramme).

- Sletning af valgte rammer. Bemærk, at nøglenDelpå tastaturet sletter ikke den valgte ramme, men sletter det valgte lag fra Layers paletten (Layers).

Indstilling af intervaller.

Lad os nu justere tidsintervallerne, hvorunder animationsframes vil være synlige.

0 s er skrevet under hver ramme nederst. og der er en pil. Klik på pilen, og vælg en billedhastighed. Vælg en værdi på 0,5 for alle frames (dette betyder, at frames vil ændre sig på et halvt sekund).

Indstilling af hyppigheden af ​​gentagelser.

Det næste trin er at opsætte animationsgentagelsesfrekvensen. Klik på pilen i bunden af ​​animationspanelet. Frekvensvalgsmenuen vises.

Hvis du vælger For evigt, gentages animationen igen og igen. Denne proces kaldes looping.

Hvis du vælger Én gang, afspilles animationen én gang og stopper ved det sidste billede.

Hvis du vælger Andet, kan du indstille et andet antal gentagelser inden for området (fra 1 til 999).

Lad os nu afspille den animation, vi lige har lavet. For at gøre dette skal du klikke på knappen Afspil. Hvis du kan lide alt, så gå til næste trin, hvis ikke, så juster animationen, som du finder passende.

Gå til animationspanelet. Klik på ikonet Dupliker aktuel ramme. Vælg alle lag undtagen baggrundslaget.
Deaktiver synligheden af ​​baggrundslaget. Tryk på Ctrl + Shift + Alt + E. Der vises et nyt lag, hvorpå alle de valgte lag vil blive indprentet.
Lagets miniature vil vise en stjerne på en gennemsigtig baggrund. Navngiv dette lag Star.

Dobbeltklik på laget for at gå til stilindstillingerne. Indstil skygge- og farveoverlejringen. Vælg den farve du ønsker.

Gå tilbage til den første frame af animationen
og fjern synligheden af ​​stjernelaget
i lagpaletten.

Vælg den sidste ramme. I lagpaletten skal du kun lade stjernelaget og baggrundslaget være synligt.

Dupliker dette lag og skift stilindstillingerne: Skift farve, indstil prægning eller streg. Gå til animationspanelet. Klik på ikonet Dupliker aktuel ramme. Gå tilbage til det første billede i animationspanelet, og sluk synligheden af ​​dette lag på paletten.

Dupliker laget igen og skift stilen. Vælg værktøjet Flyt, eller tryk på Ctrl + T for at skifte til værktøjet Fri transformation. Skift skalaen. Gå til animationspanelet. Klik på ikonet. Gå tilbage til den første ramme, og sluk synligheden af ​​dette lag.

Dupliker laget igen og øg skalaen lidt mere og skift stilen. Og tilføj en animationsramme. Du skal have et storyboard som dette:

Klik på knappen Afspil og se resultatet af det udførte arbejde.

Optimering af animation.

Klik på ikonet øverst til højre i animationspanelet. En ekstra menu vises.

Når du er færdig, skal animationen optimeres for at reducere størrelsen af ​​GIF'en og for bedre indlæsning af webbrowseren. Reduktion opstår på grund af udelukkelse af områder, der ikke ændres, når man flytter fra ramme til ramme.

Vælg venligst Optimer animation...... Marker begge felter.
AfgrænsningBoks(Afgrænsningsramme)- trimmer rammer med det ændrede område i forhold til den forrige ramme.

Fjernelse af redundant pixel Hvis en pixel er uændret i forhold til den forrige ramme, bliver den gennemsigtig.

For at få PhotoShop til at gemme rammer, der inkluderer gennemsigtighed, skal du vælge indstillingen "Automatisk". For at gøre dette skal du vælge en eller flere rammer. Højreklik på thumbnail af rammen. Vælg mellem tre muligheder:

Automatisk(Automatisk)- den aktuelle ramme kasseres, hvis den næste ramme indeholder laggennemsigtighed.,

Gørikkebortskaffe(Smid ikke bort)-Den aktuelle ramme er synlig gennem de gennemsigtige områder af den næste ramme.,

Bortskaf(Bortskaf)- den aktuelle ramme er ikke synlig gennem de gennemsigtige områder af den næste ramme.

Gemmer animation.

Nu er det tid til at gemme animationen. Under arbejdet var det selvfølgelig nødvendigt at gemme filen i PSD-format for ikke at komme i en situation med et pludseligt strømafbrydelse eller en uventet genstart af computeren. Men nu mener jeg en anden bevaring. Du kan gemme din animation som en animeret GIF ved at bruge kommandoen Gem til web.

Vælg Gem til web i menuen Filer. Indstil Gif-formatet i indstillingerne. Vær opmærksom på størrelsen af ​​den fremtidige fil. Reducer dens størrelse, hvis det er muligt. Hvordan man gør dette, diskuterede vi i detaljer i lektionen Billedstørrelse (Billedstørrelse). Når du optimerer, skal du bruge en adaptiv, perceptuel eller selektiv farvereduktionsmodel for at sikre ensartede farver på tværs af alle rammer. Klik på Gem, indtast navnet, stien og klik på Gem igen.

Tidligere gik vi til ImageReady-applikationen for at optage animationen.

Photoshop CS2 introducerer panelet Animationer. Men for at gemme den animerede fil, skulle du stadig gå til ImageReady. Til overgangen serveres knappen nederst på værktøjslinjen eller menuen Fil (Fil) - Rediger i ImageReady (Gå til ImageReady).

Fra Photoshop CS3 og opefter kræves der ingen ekstra software for at optage animationer. Animationspanelet bruges nu til redigering, og til optagelse blev elementet justeret i menuen Filer. GemmetilWeb(Gem tilWeb) .

Lad os overveje et andet lille eksempel på at skabe en ramme-for-ramme-animation, hvor vi analyserer, hvad knappen er til. Tween(Opret mellemrammer).

Opret et nyt dokument, 500 x 250 px. Vælg værktøjet Type, Impact-font, størrelse 150 pt. og skriv et hvilket som helst ord. Indstil opaciteten til 100 %. Tilføj lagstile: skygge, gradient og prægning. Du kan vælge en anden stil, det er ikke nødvendigt at gøre som min. Deformationen af ​​teksten kan også være animeret. Indstil intervallet til 0,2 sek. i animationspanelet. Klik på knappen for at kopiere den første ramme. Gå til paletten Layers (Layers) og reducer opaciteten til 0. Skift lagets stil (tilføj f.eks. en farveoverlay i stedet for en gradientoverlay). Ved at skifte mellem rammer kan du se, hvordan billedet ændrer sig.

Lad os tilføje en forskydning. Vælg værktøjet Flyt, og flyt teksten nedad, ud af arket. Gå til animationspanelet og klik på knappen

I det vindue, der vises, kan du konfigurere antallet af tilføjede rammer. Jo flere der er, jo glattere bliver overgangen. I grafen TweenMed(Mellemrammer) du kan vælge fra listen, hvor rammer vil blive indsat:

Sidste (Sidste ramme); Udvælgelse Forrige ramme Første ramme; Næste ramme. Listen ændres afhængigt af den valgte ramme.

Forlad alle standardindstillingerne. Klik på OK.

Klik på Spil. Hvis alt passer dig, så fortsæt med at gemme animationen.

Åbning af GIF-filer.

I Photoshop CS3 og CS44 åbnes video- og GIF-animationsfiler ikke fra menuen Filer - Åbn. Når du prøver at åbne et vindue vises:

Sørg for at installere QuickTime Pro 7.1 eller nyere.

Photoshop CS5 har ikke dette problem. Filer kan nemt åbnes på sædvanlig måde.

Vælg Filer - Importer - Videorammer til lag i menuen.
i lag ...). Du vil ikke være i stand til at vælge GIF-filer i filtypefeltet. Denne defekt kan dog let omgås ved først at kopiere navnet på .gif-filen og indsætte den i filnavnsfeltet eller manuelt indtaste navnet i dette felt. Eller indtast * i feltet Filnavn, og klik derefter på Indlæs
navnet på gif-filen bliver synligt, og du kan åbne den (andre filer vil også blive synlige, også dem der ikke kan åbnes i programmet).

Lad standardindstillingerne blive i det vindue, der vises. Punkterne Fra begyndelse til slut og Lav rammeanimation skal afkrydses. Desværre vil filer, der åbnes på denne måde, ikke have en gennemsigtig baggrund - de vil i stedet være hvide. Når du åbner en sådan fil i CS5, vil den gennemsigtige baggrund blive bevaret.

Knapper til at forene animationslag.

Se nøje på, hvordan paletten har ændret sig Lag(lag) når man arbejder med time-lapse animation. Der er nu knapper, der giver dig mulighed for at anvende ændringer i den aktuelle ramme til alle andre rammer. Marker afkrydsningsfeltet ud for Propagate Frame 1.

Lad os se, hvordan de virker ... Åbn animationsfilen for at tegne en stjerne. Vælg en hvilken som helst ramme, og deaktiver synligheden af ​​baggrundslaget. Klik på Afspil. Kun den valgte ramme er blevet gennemsigtig. Klik på knappen Saml lagsynlighed. Et vindue vises:.

Klik på Match(Synkroniser) og kør animationen igen. Stjernen vil blive tegnet på en gennemsigtig baggrund under hele animationen. Første frame-gennemsigtighed er nu tildelt alle animationsrammer. Ligeledes kan du kontrollere placeringen og stilen af ​​et lag.

I paletten Lag (Layers) vælg element Animation Options (Animation Options). Som standard vises lagsammenføringsknapperne Automatisk, når animationsrammelinjen er aktiveret. Du kan ændre denne regel ved at vælge Vis altid eller Skjul altid.

Lukning af animationspanelet.

Der er flere måder at lukke animationspanelet på:

Du kan skjule eller lukke animationspanelet og gå til Præferencer ved at klikke på Brugergrænsefladepræferencer.

Spørgsmål:

1. Hvad sker der, hvis du vælger en ramme i stop-motion-animation og trykker på Del på dit tastatur?

Den valgte ramme vil blive slettet.

Laget, der er valgt på lagpaletten (lag), fjernes fra alle animationens rammer.

Laget, der er valgt på lagpaletten (lag), slettes kun for den valgte animationsramme.

Det valgte lag på lagpaletten fjernes fra alle animationsrammer undtagen baggrundslaget.

1. Du har tre rammer. Animationen vil være kontinuerlig. Hvad skal du gøre for at tilføje
   5 mellembilleder mellem sidste og første billeder?

Vælg den første ramme. tryk på knappen
Vælg Næste ramme i indstillingerne i kolonnen Tween med.

Vælg den sidste ramme. tryk på knappen
I indstillingerne i kolonnen Tween med skal du vælge Forrige ramme.

Vælg den sidste ramme. Klik på knappen Tween.
Vælg First Frame i indstillingerne i kolonnen Tween With.

1. Hvad er animationsoptimering til?

For at konvertere til tidslinjeanimation.

For at reducere størrelsen på Gif-filen ved at ekskludere områder, der ikke ændres, når du flytter fra ramme til ramme.

For at indstille frekvensen af ​​animationsgentagelser.

Lektier:

1) Udfør ramme-for-ramme-animation af at tegne en stjerne (ifølge lektionen).

2) Udfør ramme-for-ramme-animation af teksten.

Godaften, kære abonnenter og læsere af min blog! Er du klar til at lære at bringe dit billede til live? Og ikke ved hjælp af magi, men ved hjælp af alt i vores yndlings Photoshop! Hvor længe har jeg udskudt denne lektion uden at vide hvorfor. Det er trods alt det grundlæggende i Photoshop! Men nu besluttede jeg at forbedre mig.

Og forbedre dig så meget, at din i slutningen af ​​videoen også vil have en videolektion om hvordan lav animation i photoshop.

Jeg skrev ikke Photoshop-tutorials i lang tid, og det havde jeg grunde til. Jeg var jo ved at afslutte min historie "". Du er velkommen til at læse den, og udtrykke din mening direkte i kommentarerne!

Og lad os nu gå direkte til lektionen. I videoen herunder vil jeg fortælle dig, hvordan du laver gradvist tilføjet tekst, men i tekstlektionen bliver opgaven lidt sværere.

Vi har Cipollino, og vi er nødt til at få ham til at vifte med sin kuglepen til os.

Trin 1. Først skal du "aktivere" animationen i Photoshop. For dette går vi "Vindue" -> "Animation"... Kan stadig skrives "Tidslinje".

Trin 2. For at hånden kan bevæge sig, skal vi skære den ud og sætte den i forskellige positioner. Til håndskæring bruger jeg personligt "Magnetisk lasso"... Vi laver en kopi af de vigtigste ( Ctrl + J) og arbejd med en kopi. Vi rører ikke originalen.

Vælg hånden omhyggeligt og klip den ud!

Trin 3. Og nu stikker vi vores hånd ind, uanset hvor forfærdeligt det lyder, og sætter den i forskellige positioner. Hånden vil blive indsat i nye lag, det passer endda os.

Trin 4. Dette trin er valgfrit, men det er bedre at bruge viskelæderværktøjet til at røre lidt op i hånden, hvilket gør det mere naturligt. Det er selvfølgelig svært at forklare dette med ord. Hvis du forstår, hvad vi bruger viskelæderet til, så følg dette trin, hvis du stadig ikke forstår det, kan du springe det over. Dette er ikke vigtigt, da det vigtigste for os er at lære at skabe enkel animation!

Trin 5. Nu arbejder vi med personale. Medtag kun de lag, vi har brug for, i hver ramme. For eksempel, i 1 ramme har vi brug for vores originale, og i vores tilfælde "Lag 0".

Nu laver vi en ny ramme:

Og slå andre lag til i den nye ramme. Det vil sige vores "Lag 0 kopi" og "Lag 1", altså en anden håndstilling. Jeg håber, I forstår algoritmen, kære læsere.

Trin 6. Vi indstiller rammeforsinkelsen. Det vil sige, efter hvilket tidsinterval det næste billede vil blive vist.

Trin 7. Vi redder vores. Det er ikke for ingenting, at jeg inkluderede dette trin i min tutorial, da lagring af GIF-animationer sker lidt anderledes end blot et billede.

Vælg et format (standard er GIF) og gem.

I denne artikel vil jeg tale om, hvad animation er i Photoshop. Vi vil se, hvordan animation fungerer i Photoshop ved at bruge eksemplet med at skabe et nytårsbanner.

Jeg vil arbejde i Adobe Photoshop CS6. Min grænseflade er russisk, da jeg skriver fra arbejde.

Jeg har en engelsk version derhjemme, og jeg råder dig til at studere i en engelsk version, her er grunden:

• Du kan nemt navigere i programmet på ethvert sprog (efter engelsk på russisk kan du nemt finde værktøjer, fordi dette er dit modersmål, og efter russisk kan der være problemer med tilpasning).
• De fleste af de gode lektioner er skrevet på engelsk.
• Lokaliseringer af programmet adskiller sig ofte fra hinanden, kvaliteten af ​​oversættelsen af ​​grænsefladen lader nogle gange meget tilbage at ønske. Forkert oversættelse af værktøjerne kan forvirre en nybegynder til at lære et program.

Kom godt i gang med animation i Photoshop CS6

Start Photoshop.

Opret et nyt dokument Fil -Ny (Ctrl + N).

Indstil bannerstørrelsen i vinduet, der åbnes: 600 x 120, giv det navnet "Nytårsbanner" -> "Ok".

Sådan opretter du baggrunden

Jeg udvælger på forhånd de materialer, som jeg vil bruge i mit arbejde (baggrunde, skrifttyper osv.).

Åbn den forberedte tekstur: Ctrl + O. Du kan downloade den tekstur, jeg bruger.

Åbn "Layers" paletten - F7.

Vælg teksturvinduet, træk laget fra lagpaletten til bannerlaget.

Hvis teksturen er for lille eller for stor i forhold til banneret, skal du justere dens størrelse ved hjælp af transformationen "Ctrl + T".

Små firkantede markører vises i hjørnerne af billedet. Hold Shift nede for at bevare billedformatet, mens du ændrer størrelsen, træk et hjørnehåndtag diagonalt, formindsk eller forøge størrelsen af ​​billedet, indtil baggrunden fylder hele bannerets overflade.

Når vi har justeret teksturen til bannerets størrelse, skal du fortsætte til farvekorrektionen.

Gå til menuen "Billede" - "Justeringer" - "Hue / Saturation" (Billede - Korrektion - Hue / Saturation).

Jeg brugte disse indstillinger til at opnå en lys, mættet farve:

At skrive teksten

Opret et nyt lag (Ctrl + Shift + N), eller klik på ikonet for nyt lag i lagpaletten.

Vælg værktøjet Vandret type (T).

Vælg en pensel med en hvilken som helst stjerne, malingen bliver hvid #ffffff. For at vælge en farve skal du klikke på den lille firkant nederst i venstre panel.

Tegn stjerner på vilkårlige steder på et nyt lag. Klik flere gange på ét sted for at gøre stjernerne lysere. Her er hvad jeg fik:

Dupliker laget (Ctrl + J). Klik på øjeikonet i lagpaletten for at skjule synligheden af ​​det forrige lag.

Vælg det øverste lag med kopien af ​​stjernerne. I venstre panel skal du vælge Lasso-værktøjet (L).

Vælg hver stjerne på skift, tryk på "V" (Move Tool) og træk den til et hvilket som helst andet sted, så stjernerne i forskellige rammer vil være forskellige steder, hvilket vil skabe en flimrende effekt.

Når du har flyttet alle stjernerne til et andet sted, skal du oprette en duplikat af det lag, du arbejdede på (Ctrl + J), skjule det forrige lag i lagpaletten ved at klikke på øjet og igen gentage operationen for at flytte stjernerne til ny steder, kan du også male flere nye stjerner færdig.

Vi vil således have 3 lag med stjerner, hvor stjernerne vil stå i hver sin position.

Alting er klar.

Går videre til at skabe animation i Photoshop

Vi åbner tidslinjen. Gå til menuen "Vindue" - "Tidslinje" (Vindue - Tidslinje).

I det viste tidslinjepanel finder vi knappen i midten "Create Video Timeline" (Create a timeline for video).

Derefter vil skalaen ændre udseende. Stik nu i ikonet med tre firkanter i nederste venstre hjørne af vinduet for at skabe en ramme-for-ramme-animation.

Vi har åbnet rammeanimationspanelet. Nu er der kun én ramme i den, hvori alle synlige lag vises (indholdet af den valgte ramme vises i hovedvinduet på skærmen).

Gå til lagpaletten - F7. Vi skal slå de to øverste stjerner fra nu (klik på øjet), så kun én er synlig. Dette vil være det første skud.

Gå til lagpaletten. Sluk for det første lag med stjerner, tænd for det andet. Således vil vi i den anden ramme vise stjernerne andre steder.

Klik på det nye rammeikon igen. Sluk det andet lag med stjerner, tænd det tredje.

Vær opmærksom på tiden under hvert billede, dette er varigheden af ​​billedet. Standard 5 sekunder er meget for os - animationen bliver langsommere, klik på pilen og indstil varigheden af ​​hvert billede til 0,1 sekunder.

For at rammerne kan ændre sig jævnt, er vi nødt til at skabe mellemrammer mellem nøgleframes. For at gøre dette, når du er på den første ramme, skal du klikke på ikonet med flere cirkler i bunden af ​​det midlertidige panel.

I det vindue, der kommer frem, angiver du, hvor mange mellemrammer vi vil oprette. Jeg vil sætte 2. For alle rammer, undtagen den sidste, skal du indstille "Næste ramme".

Mellem den første og anden keyframes har du 2 mellemliggende.

Nu står vi på den 2. keyframe (nu er den den 4. i rækken), klik igen på ikonet med cirkler og opret 2 flere mellemrammer. Nu mangler vi bare at lukke de sidste og første frames for jævn animation.

Vælg det sidste billede på tidslinjen. Klik på cirklerne. I vinduet, der vises, i linjen "Mellemrammer" skal du vælge "Første ramme", tilføj rammer alligevel 2.

Nu, under rammerne nederst til venstre, angiver vi antallet af gentagelser af animationen "Permanent".

Vælg det første billede, tryk på trekanten til højre "Play" for at se, hvad der skete.

Vælg filformatet til at gemme GIF, klik på "Gem ...", vælg den mappe, hvor vi vil gemme, klik på "Gem" igen.

Så i denne tutorial så vi på, hvordan man laver animation i Photoshop CS6.

Håber du har lært noget nyt og nyttigt fra denne tutorial.

Har du nogensinde spekuleret på, hvordan animerede GIF'er oprettes? Forfatteren af ​​vejledningen inviterer dig til at mestre nogle af animationens hemmeligheder på en nat ved hjælp af denne tutorial. Du vil også lære, hvordan du bruger Tidslinjen, som er tilgængelig i Photoshop CS6. Lad os nu komme i gang!

Lektionens resultat.

Trin 1

Opret et nyt dokument ( Ctrl + N) med en filstørrelse på 800 x 500 pixels. Fyld baggrunden med enhver farve, du ønsker. Gå nu til menuen Lag- Stillag- Overlejringgradient(Layer> Layer Styles> Gradient Overlay). Anvend følgende indstillinger: Stil Radial(Radial), farver fra sort (# 000000) til blå (# 54799b), som vil blive brugt i midten.

Trin 2

Opret et nyt lag og navngiv det Støjlag... Vælg et værktøj Fylde(Paint Bucket Tool) og fyld det oprettede lag med en mørk farve (# 231f20). Lad laget være aktivt Støjlag og gå til menuen Filter - Støj - Tilføj støj(Filter> Støj> Tilføj støj). Indstil følgende værdier i dialogboksen for filterindstillinger: effekten(Beløb) 3 %, fordeling Uniform(Uniform), og klik på OK.

Trin 3

Tryk på tastekombinationen (Ctrl +U) og indtast værdierne i dialogboksen med korrektionsindstillinger, der vises Mætning(Mætning) 100 %: Skift dette lags blandingstilstand til Blødt lys(Blødt lys).

Oversætterens bemærkning: for at opnå samme farve som forfatterens i skærmbilledet, kan du indstille farvetoneværdien til -140, når du korrigerer farvetonen/mætningen.

Trin 4

Tilføj enhver tekst, du ønsker. Her vil vi bruge teksten til 123RF hjemmesidens logo. I lag stilarter brug Omrids(Slag). Vælg slagstørrelsesværdierne i henhold til dine præferencer.

Oversætterens bemærkning: På forfatterens skærm er der allerede rasteriseret tekst sammen med Stroke-stilen. For at opnå det samme resultat, efter at have påført strøg, fjernes Fill (Fylde) af tekstlaget til 0 %, konverter dette lag til et smart objekt, og raster det derefter.

Trin 5

I dette trin skal vi skabe en glødende effekt for teksten ved hjælp af lagstile. Dobbeltklik på laget for at åbne vinduet med stilindstillinger. Brug skærmbillederne nedenfor til at tilpasse lagstilene.

Prægning(skråning og prægning)

Indre skygge(Indre skygge)

Indre glød(Indre glød)

Farve overlay(Farveoverlejring)

Ekstern glød(Ydre glød)

Skygge(Drop Shadow)

Trin 6

Når du er færdig med at skabe lyseffekter ved hjælp af lagstile, skal du gå til lagpaletten og reducere værdien af ​​dette lag. Fyldninger(Fyld) med 0 %.

Trin 7

Dupliker det lag, du oprettede i trin 5, og deaktiver alle lagstile på denne kopi. Indstil nu stilene sådan her:

Indre skygge(Indre skygge)

Indre glød(Indre glød)

Trin 8

Nedenfor er resultatet, efter du har påført lagstilene.

Trin 9

Nu vil vi skabe bevægelige lyspletter. Opret 5 lag oven på de eksisterende, og omdøb dem til 1,2,3, R og F. Hvis du har din egen tekst, lav lag i henhold til dine bogstaver. Gruppér disse lag i en mappe og giv den et navn. Lyse pletter og skift blandingstilstanden til Lette basen(Farve Dodge).

Aktiver værktøjet Børste(Brush Tool), vælg en blød børste, sæt Gennemsigtighed(Opacitet) ved 95% og med hvid maling nogle pletter over teksten. For hvert bogstav en separat lysplet på sit eget lag. Nedenfor på skærmbilledet kan du se, hvordan lagene ser ud på forfatteren i lagpaletten.

Trin 10

Gå nu til menuen Vindue - Tidslinje(Vindue> Tidslinje). Du vil bemærke, at dine lag allerede er bygget i denne palet på venstre side af den. Vælg hvert af de fem spotlight-lag i gruppen. Lyse pletter og sørg for, at den aktuelle tidsindikator (blå skyder) er på nul. Nu på hvert lag i gruppen, når det er aktivt, skal du klikke på indstillingen Position(Position) for at oprette en keyframe.

Oversætterens bemærkning: Tryk på knappen for at aktivere tidslinjen Opret tidslinje til video(Opret videotidslinje), og alle dine lag indlæses på tidslinjen. Det valgte lag vil være det samme lag eller den samme gruppe som i lagpaletten.

Trin 11

Indstil indikatoren for nuværende tid (blå skyder) til 01:00 F og flyt lagene med lyse pletter langs deres bevægelsesbane i forhold til omridset af bogstavet.

Trin 12

Sådan vil lysplettens begyndelsesposition se ud på bogstaverne. Flyt indikatoren for aktuel tid langs tidslinjen, og flyt lagene med lyse pletter, hvilket skaber keyframes. Fortsæt med at flytte dem, indtil du er færdig med at flytte pletten hen over hele bogstavet i hvert tekstlag. For instruktioner, se et par skærmbilleder nedenfor.