Opprett en fil i ny størrelse 700 x 300 px.
Åpner vinduet Tidslinje( (Vindu - Tidslinje)).
Klikk på knappen " Lag rammeanimasjon» (Opprett rammeanimasjon).
Bruk verktøyet () create 3 lag med tekst ("Animasjon", "dette", "bare").
Bruk verktøyet (Move Tool / V Key), plasser teksten som på bildet nedenfor.
I vinduet Tidslinje(Tidslinje) velg den første rammen og klikk på knappen « Dupliserer valgte rammer» (Lag en kopi av valgte rammer).
Vi skaper 4 kopier av utvalgte rammer.
Velg i vinduet Tidslinje(tidslinje) andre ramme og la bare lagene være synlige " Animasjon"og" Bakgrunn».
Velge fjerde ramme og la det være synlig alle lag.
La oss angi gjentakelsesparameteren for animasjonen vår. I vindusmenyen Tidslinje(Tidslinje), endre gjentakelsesparameteren fra " en gang" på " Stadig” (bilde under).
Nå kan vi bruke animasjonen til å begynne å spille.
Animasjonsinnstillinger i "File - Save for Web" (File - Save for Web) Photoshop CC. Endelig resultat 
Du vil lære:
- Hvordan åpne og lukke og tilpasse animasjonspanelet.
- Hvordan legge til, fjerne og redigere nøkkel- og animasjonsrammer.
- Hva er Tween-knappen for?
- Hvordan lage en enkel stjernetegningsanimasjon.
- Hvordan stille inn tidsintervaller for hver animasjonsramme.
- Hvordan optimalisere animasjon for å redusere Gif-filstørrelsen.
- Hvordan importere GIF-filer til programmet.
- Hvordan bytte fra rammeanimasjon til tidslinje.
Leksjonen består av følgende deler:
1. Instruksjonsvideo.
2. Hva er animasjon.
3. Del 1. Frame-by-frame-animasjon.
4. Stille inn intervaller.
5. Stille inn frekvensen av repetisjoner.7. Animasjonsoptimalisering.
8. Lagre animasjon.10. Åpne GIF-er.
11. Knapper for å forene animasjonslag.
12. Lukke animasjonspanelet.
13. Spørsmål.
14. Lekser.
Hva er animasjon
Animasjon er en sekvensiell endring av bilder, som et resultat av at det ser ut til at objektet beveger seg, endrer form, vises og forsvinner, og andre dynamiske handlinger kan også forekomme med det.
Ved å bruke animasjon i Photoshop kan du lage lysbildefremvisninger fra bilder eller bilder, lage avatarer, bannere, skjermsparere for nettsider, dynamiske postkort og ulike presentasjoner. Det bør huskes at Photoshop fortsatt er et grafikkredigeringsprogram, og er ikke designet for komplekse animasjonsprosesser. Det er to måter å lage animasjon i programmet - bilde-for-bilde-animasjon og animasjon i tidslinjemodus. Vi vil vurdere begge typer animasjon etter tur. Vi vil vie hele leksjonen 36 til studiet av bilde-for-bilde-animasjon. Og i leksjon 37 skal vi ta for oss tidslinjen. Noen enkle oppgaver er mer praktiske å utføre i bilde-for-bilde-animasjonsmodus. Selv om du vet hvordan du jobber med tidslinjen fra andre programmer, anbefaler jeg deg uansett å prøve oppgavene fra denne leksjonen. Basert på kunnskapen du får, vil du kunne bestemme hvilken metode du vil bruke i hvert enkelt tilfelle.
Del 1. Frame-by-frame-animasjon
Panel Rammer dukket opp for lenge siden. La oss vurdere innstillingene på eksemplet med animasjonen for å tegne en stjerne.
Lag et nytt dokument 800 x 800 piksler, 72 oppløsning, RGB-fargemodus. Opprett et nytt lag ved å klikke på ikonet nederst på lagpaletten. Eller trykk Shift+Ctrl+N.
Velg børsteverktøyet på verktøylinjen 
svart, 35 piksler i diameter med uskarpe kanter. Tegn den første skrå linjen (sett en prikk, trykk Shift og legg neste prikk - linjen vil være rett).
Lag et andre lag. Tegn neste linje. Deretter det tredje laget
og en annen linje osv. Du bør ha seks lag, inkludert bakgrunnslaget.
For å åpne animasjonspanelet, klikk på Animasjon-elementet på Vindu-menyen. Eller i menyen Vindu (Window) installer Workspace (Workspace) på Video og Film/Video (Video). Sørg for at panelet er i bilde-for-bilde-animasjonsmodus.
Ellers klikker du på ikonet
nederst til høyre i animasjonspanelet.
Slå av synligheten for alle lag unntatt bakgrunnslaget i paletten Lag (lag) ved å klikke på ikonet til venstre for lagminiatyrbildet. Dette vil være den første rammen av animasjonen vår.
Klikk på ikonet nederst i animasjonspanelet. Den andre rammen (en kopi av den første rammen) vises. For å endre det, slå på synligheten til det første laget i paletten Layers (Layers). Klikk på ikonet igjen og slå på synligheten til det andre laget.
Fortsett å lage nye rammer og slå på synligheten til de neste lagene til hele stjernen vises i den siste rammen.
Nederst i animasjonspanelet finner du verktøy for å legge til, fjerne og vise animasjoner.
- konvertering til animasjon på tidslinjen.
- Tween(Oppretting av mellomrammer).
- Dupliser gjeldende ramme (Opprette en kopi av de valgte rammene).
- Avspillingsknapper (som enhver båndopptaker).
Velger første bilde(Plukke utførstramme); Velger forhåndsvisningsramme (Plukke uttidligereramme);
spille(start animasjon);
VelgerNesteramme(Velg neste ramme).
- Slett valgte rammer. Vær oppmerksom på at nøkkelenDelpå tastaturet sletter ikke den valgte rammen, men sletter det valgte laget fra paletten Layers (Layers).
Stille inn intervaller.
La oss nå angi tidsintervallene for hvilke animasjonsrammer skal være synlige.
Under hver ramme er det skrevet 0 s nederst. og det er en pil. Klikk på pilen og velg bildefrekvens. Velg en verdi på 0,5 for alle bilder (som betyr at det vil være en rammeendring etter et halvt sekund).
Stille inn repetisjonsfrekvensen.
Det neste trinnet er å angi frekvensen for animasjonsrepetisjoner. Klikk på pilen nederst i animasjonspanelet. Menyen for valg av periodisitet vises.
Hvis du velger Forever (Forever / Permanently), vil animasjonen gjentas om og om igjen. Denne prosessen kalles looping.
Hvis du velger Én gang, spilles animasjonen av én gang og stopper ved siste bilde.
Hvis du velger Annet, kan du angi et annet antall repetisjoner innenfor området (fra 1 til 999).
La oss nå spille av den opprettede animasjonen. For å gjøre dette, klikk på Spill av-knappen (Start animasjon). Hvis du liker alt, gå til neste trinn, hvis ikke, juster deretter animasjonen som du ønsker.
Gå til animasjonspanelet. Klikk på ikonet Dupliser gjeldende ramme. Velg alle lag unntatt bakgrunnslaget. 
Slå av synligheten til bakgrunnslaget. Trykk Ctrl + Shift + Alt + E. Et nytt lag vil vises der alle valgte lag vil bli stemplet.
Lagets miniatyrbilde vil vise en stjerne på en gjennomsiktig bakgrunn. Gi dette laget navnet Star.
Dobbeltklikk på laget for å gå til stilinnstillingene. Angi skygge- og fargeoverlegg. Velg fargen du ønsker.
Gå tilbake til den første rammen av animasjonen
og fjern synligheten til laget med stjernen
i palett Lag (lag).
Velg den siste rammen. I lagpaletten lar du bare stjernelaget og bakgrunnslaget være synlige.
Dupliser dette laget og endre stilinnstillingene: Endre farge, angi preging eller strek. Gå til animasjonspanelet. Klikk på ikonet Dupliser gjeldende ramme. Gå tilbake til den første rammen i animasjonspanelet og fjern markeringen av dette laget i paletten.
Dupliser laget igjen og endre stilen. Velg verktøyet Flytt (Flytt) eller trykk Ctrl + T for å gå til verktøyet Free transform. Endre skalaen. Gå til animasjonspanelet. Klikk på ikonet. Gå tilbake til den første rammen og fjern markeringen av dette laget.
Dupliser laget igjen og zoom inn litt mer og endre stilen. Og legg til en animasjonsramme. Du bør ende opp med et storyboard som dette: 
Trykk på Play-knappen (Start animasjon) og se på resultatet av arbeidet som er utført.
Animasjonsoptimalisering.
Klikk på ikonet øverst til høyre i animasjonspanelet. En ekstra meny vises.
Etter at arbeidet er fullført, bør animasjonen optimaliseres for å redusere størrelsen på Gif-filen og laste bedre inn i nettleseren. Reduksjonen skjer på grunn av utelukkelse av områder som ikke endres under overgangen fra ramme til ramme.
Plukke ut Optimaliser animasjon...(Optimaliser animasjon). Kryss av i begge boksene. 
AvgrensendeEske(avgrensningsramme)- beskjærer rammer etter det endrede området sammenlignet med forrige ramme.
Redundant pikselfjerning (fjerning av ekstra piksler). Hvis en piksel ikke har endret seg fra forrige bilde, blir den gjennomsiktig.
For å få PhotoShop til å lagre rammer som inkluderer gjennomsiktighet, velg alternativet 
"Automatisk". For å gjøre dette, velg en eller flere rammer. Høyreklikk på miniatyrbildet for rammen. Velg mellom tre alternativer:
Automatisk(Automatisk)– gjeldende ramme forkastes hvis neste ramme inneholder laggjennomsiktighet.,
Gjøreikkekaste(Ikke kast)-Den gjeldende rammen er synlig gjennom de gjennomsiktige områdene i neste ramme.,
Kast(Posisjon)- gjeldende ramme er ikke synlig gjennom de gjennomsiktige områdene i neste ramme.
Lagre animasjon.
Nå er det på tide å lagre animasjonen. Selvfølgelig, i prosessen med arbeidet, var det nødvendig å lagre filen i PSD-format for ikke å komme i en situasjon med et plutselig strømbrudd eller en uventet omstart av datamaskinen. Men nå mener jeg nok en redning. Animasjonen kan lagres som en animert GIF ved å bruke kommandoen Lagre for web.
Velg Lagre for web fra Fil-menyen. Angi Gif-format i innstillingene. Vær oppmerksom på størrelsen på den fremtidige filen. Reduser størrelsen hvis mulig. Hvordan du gjør dette, diskuterte vi i detalj i leksjonen Bildestørrelse (bildestørrelse). Når du optimerer, bruk den adaptive, perseptuelle eller selektive fargereduksjonsmodellen for å sikre fargekonsistens på tvers av alle rammer. Klikk på Lagre, skriv inn et navn, en bane og klikk på Lagre igjen.
Tidligere, for å ta opp animasjonen, gikk vi til ImageReady-applikasjonen.
Photoshop CS2 introduserer animasjonspanelet. Men for å lagre den animerte filen, måtte du fortsatt bytte til ImageReady. For overgangen, knappen nederst på verktøylinjen eller menyen Fil (Fil) - Rediger i ImageReady (Gå til ImageReady) servert.
Fra og med Photoshop CS3 og nyere er det ikke nødvendig med flere programmer for å ta opp animasjon. For redigering brukes nå Animasjon-panelet, og for opptak er elementet tilpasset i Fil-menyen (Fil). Lagretilweb(Spare tilweb) .
La oss vurdere et annet lite eksempel på å lage en frame-by-frame-animasjon, der vi vil analysere hva knappen er for. Tween(Opprett tweening).
Opprett et nytt dokument 500 x 250 piksler. Velg verktøy Type (tekst), font Impact, størrelse 150 pt. og skriv et hvilket som helst ord. Sett opasiteten til 100 %. Legg til lagstiler: skygge, gradient og preging. Du kan velge en annen stil, du trenger ikke gjøre det som min. Tekstdeformasjon kan også animeres. I animasjonspanelet setter du intervallet til 0,2 sekunder. Trykk på knappen for å kopiere den første rammen. Gå til paletten Lag (lag) og reduser opasiteten til 0. Endre lagstilen (for eksempel, i stedet for et gradientoverlegg, legg til et fargeoverlegg). Ved å bytte mellom rammer kan du se hvordan bildet endres.
La oss legge til bevegelse. Velg verktøyet Flytt (Flytt) og flytt teksten nedover, utenfor arket. Gå til animasjonspanelet og klikk på knappen
I vinduet som vises kan du angi antall lagt til rammer. Jo flere av dem, jo jevnere blir overgangen. I grafen TweenMed(inter-rammer) du kan velge fra listen hvor rammene skal settes inn:
Siste (Siste ramme); Utvalg (Utvalg); Forrige ramme (Forrige ramme); Første ramme (første ramme); Neste ramme Listen endres avhengig av den valgte rammen.
La alle standardinnstillinger stå. Klikk OK.
Klikk på Spill av (Start animasjon). Hvis alt passer deg, fortsett å lagre animasjonen.
Åpning av GIF-er.
I Photoshop CS3 og CS44 åpnes ikke video- og GIF-animasjonsfiler via menyen Fil (Fil) – Åpne (Åpne). Når jeg prøver å åpne den, vises et vindu:
Sørg for å installere QuickTime Pro 7.1 eller høyere.
Photoshop CS5 har ikke dette problemet. Filer åpnes enkelt på vanlig måte.
Velg fra menyen Fil (Fil) -Importer (Importer) - Videorammer til lag (rammer av video
i lag...). Du vil ikke kunne velge GIF-filer i filtypefeltet. Denne mangelen kan imidlertid enkelt omgås ved først å kopiere navnet på .gif-filen og lime den inn i filnavnfeltet eller manuelt skrive inn navnet i dette feltet. Eller skriv inn * i Filnavn-feltet og klikk Last inn, deretter 
navnet på gif-filen vil bli synlig og den kan åpnes (andre filer vil bli synlige, også de som ikke kan åpnes i programmet).
La innstillingene stå i vinduet som vises som standard. Fra begynnelse til slutt og Lag rammeanimasjon bør sjekkes. Dessverre vil filer som åpnes på denne måten ikke ha en gjennomsiktig bakgrunn - i stedet vil den være hvit. Når du åpner en slik fil i CS5, vil den gjennomsiktige bakgrunnen bli bevart.
Knapper for å samle animasjonslag.
Ta en nærmere titt på hvordan paletten har endret seg Lag(lag) når du arbeider med bilde-for-bilde-animasjon. Det har dukket opp knapper som lar deg bruke endringer i gjeldende ramme på alle andre rammer. Merk av for Propagate Frame 1.
La oss se hvordan de fungerer... Åpne animasjonsfilen for stjernetegning. Velg hvilken som helst ramme og slå av synligheten til bakgrunnslaget. Klikk på Spill av (Start animasjon). Bare den valgte rammen ble gjennomsiktig. Klikk på Unify layer synibility-knappen. Et vindu vises: .
Klikk Kamp(Synkroniser) og kjør animasjonen på nytt. Tegningen av stjernen vil foregå på en gjennomsiktig bakgrunn gjennom hele animasjonen. Gjennomsiktigheten til den første rammen er nå tildelt alle animasjonsrammer. På samme måte kan du kontrollere plasseringen og stilen til laget.
I paletten Lag (lag) velg elementet Animasjonsalternativer (animasjonsalternativer). Som standard vises knappene for enhetslag Automatisk når du slår på animasjonslinjen bilde for bilde. Du kan endre denne regelen ved å velge Vis alltid eller Skjul alltid.
Lukk animasjonspanelet.
Det er flere måter å lukke animasjonspanelet på:
Du kan minimere eller lukke animasjonspanelet, og også gå til Innstillinger (Innstillinger) ved å klikke på Innstillinger for brukergrensesnitt (grensesnittalternativer).
Spørsmål:
- Hva skjer hvis du velger et bilde i en bilde-for-bilde-animasjon og trykker Del på tastaturet?
Den valgte rammen vil bli slettet.
Laget som er valgt i lagpaletten vil bli fjernet fra alle animasjonsrammer.
Laget som er valgt i paletten. Lag (lag) slettes bare for den valgte animasjonsrammen.
Laget som er valgt i lagpaletten vil bli fjernet fra alle animasjonsrammer bortsett fra bakgrunnslaget.
- Du har tre rammer. Animasjonen vil være kontinuerlig. Hva må gjøres for å legge til
5 mellombilder mellom siste og første bilder?
Velg første ramme. Trykknapp
I innstillingene i kolonnen Tween With (Intermediate frames) velg Next Frame (Next frame).
Velg siste ramme. Trykknapp
I innstillingene i kolonnen Tween With (Intermediate frames) velg Previous Frame (Previous frame).
Velg siste ramme. Klikk på Tween-knappen.
I innstillingene i kolonnen Tween With (Intermediate frames) velg First Frame (First frame).
- Hva er animasjonsoptimalisering for?
For å konvertere til tidslinjeanimasjon.
For å redusere størrelsen på en Gif-fil ved å ekskludere områder som ikke endres fra ramme til ramme.
For å angi frekvensen for animasjonsrepetisjoner.
Hjemmelekser:
1) Utfør en bilde-for-bilde-animasjon av å tegne en stjerne (i henhold til leksjonen).
2) Utfør bilde-for-bilde-animasjon av teksten.
God kveld, kjære abonnenter og bare lesere av bloggen min! Er du klar til å lære hvordan du får bildet ditt til live? Og ikke ved hjelp av magi, men ved hjelp av vår favoritt-photoshop! Hvor lenge har jeg utsatt denne leksjonen uten å vite hvorfor. Tross alt er dette det grunnleggende om Photoshop! Men nå har jeg bestemt meg for å bytte.
Og forbedre deg så mye at på slutten av videoen din også vil ha en videoleksjon om hvordan lage animasjon i photoshop.
Jeg har ikke skrevet Photoshop-opplæringer på lenge, og jeg hadde mine grunner. Tross alt avsluttet jeg historien min "". Du er velkommen til å lese den, og si din mening direkte i kommentarfeltet!
Og la oss nå gå direkte til leksjonen. I videoen som kommer under vil jeg vise deg hvordan du lager tekst som legges til gradvis, men i teksttimen blir oppgaven litt mer komplisert.
Vi har Cipollino, og vi må få ham til å vinke til oss.
Trinn 1. Først må du "aktivere" animasjonen i Photoshop. For dette går vi "Vindu"->"Animasjon". Kan fortsatt skrives "Tidsskala".
Steg 2 For at armen skal bevege seg, må vi kutte den ut og sette den i forskjellige posisjoner. For håndskjæring bruker jeg personlig "Magnetisk lasso". Lage en kopi av hovedteksten Ctrl+J) og arbeid med kopien. Vi berører ikke originalen.
Velg hånden nøye og klipp den ut!
Trinn 3 Og nå setter vi inn hånden vår, uansett hvor forferdelig den høres ut, og setter den i forskjellige posisjoner. Hånden vil bli satt inn i nye lag, det passer til og med oss.
Trinn 4 Dette trinnet er valgfritt, men det er bedre å bruke viskelærverktøyet til å røre opp hånden litt, noe som gjør det mer naturlig. Det er selvfølgelig vanskelig å forklare med ord. Hvis du forstår hvorfor vi bruker viskelæret, følg dette trinnet, hvis du fortsatt ikke forstår det, kan du hoppe over det. Dette er ikke viktig, siden det viktigste for oss er å lære å lage en enkel animasjon!
Trinn 5 Nå jobber vi med personell. I hver ramme inkluderer vi bare de lagene vi trenger. For eksempel, i ramme 1 trenger vi vår original, og i vårt tilfelle "Lag 0".
Nå lager vi en ny ramme:
Og allerede i den nye rammen slår vi på andre lag. Det vil si vår "Lag 0 kopi" og "Lag 1", det vil si en annen posisjon av hånden. Jeg håper algoritmen er klar for dere, kjære lesere.
Trinn 6 Still inn bildeforsinkelse. Det vil si etter hvilken tidsperiode neste bilde vil vises.
Trinn 7 Vi beholder vår. Det er ikke for ingenting at jeg inkluderte dette trinnet i opplæringen min, da lagring av en GIF-animasjon er litt annerledes enn bare et bilde.
Velg formatet (standard er GIF) og lagre.
I denne artikkelen vil jeg snakke om hva animasjon er i Photoshop. Vi vil se hvordan animasjon fungerer i Photoshop ved å bruke eksemplet med å lage et nyttårsbanner.
Jeg skal jobbe i Adobe Photoshop CS6. Jeg har et russisk grensesnitt, fordi jeg skriver fra jobb.
Jeg har den engelske versjonen hjemme, og jeg anbefaler deg å lære av den engelske versjonen, her er grunnen:
- Du kan enkelt navigere i programmet på hvilket som helst språk (etter engelsk på russisk kan du enkelt finne verktøy, fordi dette er ditt morsmål, og etter russisk kan det være problemer med tilpasning).
- De fleste av de gode leksjonene er skrevet på engelsk.
- Lokaliseringer av programmet skiller seg ofte fra hverandre, kvaliteten på grensesnittoversettelsen overlater noen ganger mye å være ønsket. Feil oversettelse av instrumenter kan forvirre en person som begynner å studere programmet.
Komme i gang med animasjon i Photoshop CS6
La oss starte Photoshop.
Opprett et nytt dokument Fil -Ny (Ctrl+N).
I vinduet som åpnes angir du størrelsen på banneret: 600 x 120, la oss kalle det "nyttårsbanner" -> "OK".
Lag en bakgrunn
Jeg velger på forhånd ut materialene jeg skal bruke i arbeidet mitt (bakgrunner, fonter osv.).
Åpne forberedt tekstur: Ctrl+O. Du kan laste ned teksturen jeg bruker.
Åpne lagpaletten "Layers" - F7.
Velg vinduet med teksturen, dra laget fra lagpaletten over på laget med banneret.
Hvis teksturen viste seg å være for liten eller for stor sammenlignet med banneret, juster størrelsen ved å bruke Ctrl+T-transformasjonen.
Små firkantede markører vises i hjørnene av bildet. Hold nede Shift for å beholde sideforholdet mens du endrer størrelse, dra hjørnehåndtaket diagonalt, reduser eller øker størrelsen på bildet, til hele overflaten av banneret er fylt med bakgrunnen.
Etter å ha justert teksturen til størrelsen på banneret, går vi videre til fargekorrigeringen.
Gå til menyen "Bilde" - "Justeringer" - "Farge / Metning" (Bilde - Korreksjon - Farge / Metning).
Jeg angir disse innstillingene for å oppnå en lys, mettet farge:
Vi skriver teksten
Lag et nytt lag (Ctrl + Shift + N) eller klikk på ikonet for nytt lag i lagpaletten.
Velg Horizontal Type Tool (T).
Velg en pensel med hvilken som helst stjerne, maling blir hvit #ffffff. For å velge en farge, klikk på den lille firkanten nederst på venstre panel.
På et nytt lag tegner du stjerner på vilkårlige steder. For å gjøre stjernene lysere, klikk flere ganger på ett sted. Her er hva som skjedde med meg:
Lag et duplikatlag (Ctrl + J). Klikk på øyeikonet i lagpaletten for å skjule synligheten til forrige lag.
Velg det øverste laget med kopien av stjernene. Velg Lasso-verktøyet (L) fra venstre panel.
Velg hver stjerne etter tur, trykk "V" (Flytteverktøy) og flytt den til et annet sted, slik at vi vil ha stjerner på forskjellige steder i forskjellige rammer, noe som vil skape en flimrende effekt.
Etter at du har flyttet alle stjernene til et annet sted, lag et duplikat av laget du jobbet på (Ctrl + J), skjul det forrige laget i lagpaletten ved å klikke på øyet, og gjenta operasjonen igjen for å flytte stjernene til ny steder, kan du også male ferdig flere nye stjerner.
Dermed vil vi få 3 lag med stjerner, i hver av dem vil stjernene være i forskjellige posisjoner.
Alt er klart.
Komme i gang med animasjon i Photoshop
Åpner tidslinjen. Gå til menyen "Vindu" - "Tidslinje" (Vindu - Tidslinje).
I tidslinjepanelet som dukker opp finner vi knappen i midten «Create Video Timeline» (Lag en tidslinje for video).
Etter det vil skalaen endre utseende. Nå pirker vi i nedre venstre hjørne av vinduet på ikonet med tre firkanter for å lage en ramme-for-ramme-animasjon.
Vi har åpnet bilde-for-bilde-animasjonspanelet. Nå er det bare én ramme i den, der alle synlige lag vises (innholdet i den valgte rammen vises i hovedvinduet på skjermen).
Gå til lagpaletten - F7. Vi må slå av de to øverste stjernelagene nå (klikk på øyet), slik at bare ett er synlig. Dette vil være den første rammen.
Gå til lagpaletten. Slå av det første laget med stjerner, slå på det andre. Dermed vil stjernene vises andre steder i den andre rammen.
Klikk på det nye rammeikonet igjen. Slå av det andre laget med stjernene, slå på det tredje.
Vær oppmerksom på tiden under hver ramme, dette er varigheten av rammen. 5 sekunder, som er som standard, er mye for oss – animasjonen vil bremse ned, klikk på pilen og angi varigheten av hver frame til 0,1 sekunder.
For at rammer skal endres jevnt, må vi lage mellomrammer mellom nøkkelrammer. For å gjøre dette, ved å være på den første rammen, klikk på ikonet med flere sirkler nederst på det midlertidige panelet.
I vinduet som kommer opp, spesifiser hvor mange mellomrammer vi ønsker å lage. Jeg setter den til 2. For alle frames unntatt den siste, sett "Next frame".
Mellom første og andre nøkkelbilde har du 2 mellomliggende.
Nå står vi på 2. nøkkelbilde (nå er det 4. i rekken), klikk på ikonet med sirkler igjen og lag 2 flere mellomrammer. Nå må vi lukke den siste og første rammen for å få en jevn animasjon.
Velg det siste bildet på tidslinjen. Klikk på kretsene. I vinduet som kommer opp, i linjen "Mellomrammer" velg "Første ramme", legg til 2 rammer på samme måte.
Nå, under rammene nederst til venstre, angir vi antall repetisjoner av "Konstant" animasjonsavspilling.
Velg den første rammen, trykk trekanten til høyre "Spill av" for å se hva som skjedde.
Vi velger filformatet for å lagre GIF, klikk "Lagre ...", velg katalogen der vi skal lagre, klikk "Lagre" igjen.
Så i denne opplæringen har vi sett hvordan du lager animasjon i Photoshop CS6.
Jeg håper du lærte noe nytt og nyttig fra denne opplæringen.
Har du noen gang lurt på hvordan animerte GIF-er lages? Forfatteren av leksjonen tilbyr deg å mestre noen av animasjonens hemmeligheter på én natt ved hjelp av denne leksjonen. Du vil også lære hvordan du bruker tidslinjen, som er tilgjengelig i Photoshop CS6. Og nå skal vi begynne!
Leksjonsresultat.
Trinn 1
Opprett et nytt dokument ( Ctrl + N) med en filstørrelse på 800 x 500 piksler. Fyll bakgrunnen med hvilken som helst farge du ønsker. La oss nå gå til menyen Lag- Stillag- Overlegggradient(Lag > Lagstiler > Gradientoverlegg). Bruk følgende innstillinger: Stil Radial(Radial), farger fra svart (#000000) til blå (#54799b) som skal brukes i midten.
Steg 2
Lag et nytt lag og navngi det støylag. Velg et verktøy fylle(Paint Bucket Tool) og fyll det opprettede laget med en mørk farge (# 231f20). La det aktive laget stå støylag og gå til menyen Filter - Støy - Legg til støy(Filter > Støy > Legg til støy). Angi følgende verdier i dialogboksen for filterinnstillinger: effekten(Beløp) 3 %, fordeling Uniform(Uniform) og klikk OK.
Trinn 3
Trykk tastekombinasjon (ctrl +U) og i dialogboksen for korreksjonsinnstillinger som vises, skriv inn verdiene Metning(Saturation) 100%: Endre dette lagets blandingsmodus til Mykt lys(Mykt lys).
Oversetterens notat: for å oppnå samme farge som forfatteren i skjermbildet, kan du sette fargetoneverdien til -140 når du korrigerer fargetone/metning (farge/metning).
Trinn 4
Legg til hvilken som helst tekst du vil. Her vil vi bruke 123RF-nettstedets logotekst. I lagstiler bruk Slag(slag). Velg slagstørrelsen i henhold til dine preferanser.
Oversetterens notat: På forfatterens skjerm er teksten allerede rasterisert sammen med Stroke-stilen. For å gjøre det likt for deg, etter å ha påført slaget, fjern fyllet (Fylle) av tekstlaget ved 0 %, konverter dette laget til et smart objekt, og raster det deretter.
Trinn 5
I dette trinnet vil vi lage en glødende teksteffekt ved å bruke lagstiler. Dobbeltklikk på laget for å få frem stilinnstillingsvinduet. Bruk skjermbildene nedenfor for å tilpasse lagstiler.
Preging(skråning og preg)
indre skygge(Indre skygge)
indre glød(Indre glød)
fargeoverlegg(fargeoverlegg)
Ekstern glød(ytre glød)
skygge(Drop Shadow)
Trinn 6
Når du er ferdig med å lage lyseffekter ved å bruke lagstiler, går du til lagpaletten og reduserer verdien av dette laget til fyller(Fyll) til 0 %.
Trinn 7
Dupliser laget du opprettet i trinn 5 og slå av alle lagstilene i denne kopien. Sett nå opp stilene slik:
indre skygge(Indre skygge)
indre glød(Indre glød)
Trinn 8
Nedenfor er resultatet etter at du har brukt lagstilene.
Trinn 9
Nå skal vi lage bevegelige lysflekker. Lag 5 lag på toppen av de eksisterende, og gi dem nytt navn til 1,2,3, R og F. Hvis du har din egen tekst, lag lag i henhold til bokstavene dine. Grupper disse lagene i en mappe og gi den et navn. Lyse flekker og endre blandingsmodus til Grunnlys(Color Dodge).
Aktiver verktøyet Børste(Brush Tool), velg en myk børste, sett Opasitet(Opasitet) ved 95 % og med hvit farge, tegn flekker over teksten. Hver bokstav har en egen lysflekk på sitt eget lag. Nedenfor i skjermbildet kan du se hvordan forfatterens lag ser ut i lagpaletten.
Trinn 10
La oss nå gå til menyen Vindu - Tidslinje(Vindu > Tidslinje). Du vil legge merke til at lagene dine allerede er bygget i denne paletten på venstre side av den. Velg hvert av de fem lyspunktlagene som er i gruppen Lyse flekker og sørg for at gjeldende tidsindikator (blå skyveknapp) er på null. Nå på hvert lag i gruppen, med det aktivt, klikk på alternativet Posisjon(Posisjon) for å lage en nøkkelramme.
Oversetterens notat: For å aktivere tidsskalaen, trykk på knappen Lag videotidslinje(Lag videotidslinje) og alle lagene dine lastes inn i tidslinjen. Det samme laget eller gruppen vil bli valgt i det som i lagpaletten.
Trinn 11
Sett gjeldende tidsindikator (blå skyveknapp) til 01:00 F og flytt lagene med lyse flekker langs bevegelsesbanen deres i forhold til omrisset av bokstaven.
Trinn 12
Slik vil startposisjonen til lysflekken på bokstavene se ut. Flytt gjeldende-tidsindikatoren på skalaen og flytt lagene med lyse flekker, og lag nøkkelbilder. Fortsett å dra dem rundt til du er ferdig med å flytte flekken over hele bokstaven i hvert tekstlag. Se noen skjermbilder nedenfor for instruksjoner.
