Hur man gör animationer i Photoshop. Skapa animationer i Adobe Photoshop Hur man gör animationer i Photoshop

Skapa en ny fil med dimensioner 700 x 300 px.

Öppna fönstret Tidslinje((Fönster - Tidslinje)).

Klicka på knappen " Skapa ramanimering»(Skapa ramanimering).

Använd verktyget () create 3 lager med text ("Animation", "detta", "enkel").

Använd verktyget (Move Tool / V-tangenten) för att placera texten som i bilden nedan.

I fönstret Tidslinje(Tidslinje) välj den första bilden och tryck på knappen " Duplicerar markerade ramar»(Skapa en kopia av de valda ramarna).

Vi skapar 4 kopior av de valda ramarna.

Väljer i fönstret Tidslinje(Tidslinje) andra ramen och lämna endast lagren synliga " Animering" och " Bakgrund».

Vi väljer fjärde ram och lämna synlig i den Allt skikten.

Låt oss ställa in upprepningsparametern för vår animation. I fönstermenyn Tidslinje(Tidslinje), ändra upprepningsparametern från " En gång"på" Ständigt"(Bild nedan).

Nu kan vi använda startanimationsuppspelningen.

Du kommer att lära dig:

• Hur man öppnar och stänger och anpassar animationspanelen.
• Hur man lägger till, tar bort och redigerar animerade nyckelrutor.
• Vad är Tween-knappen till för?
• Hur man gör en enkel stjärnteckningsanimation.
• Hur man ställer in tidsintervall för varje animationsbild.
• Hur man optimerar animering för att minska Gif-filstorleken.
• Hur man importerar gif-filer till programmet.
• Hur man byter från time-lapse-animation till tidslinje.

Lektionen är uppdelad i följande avsnitt:

1. Instruktionsvideo.
2. Vad är animation.
3. Del 1. Bildruta-för-bildruta-animering.
4. Ställa in intervaller.
5. Ställa in frekvensen för repetitioner.

7. Optimering av animation.
8. Spara animation.

10. Öppna GIF-filer.
11. Knappar för sammanslutning av animationslager.
12. Stänger animationspanelen.
13. Frågor.
14. Läxor.

Vad är animation

Animation är en sekventiell förändring av bilder, som ett resultat av vilket det verkar för oss att ett objekt rör sig, ändrar form, dyker upp och försvinner, liksom andra dynamiska handlingar kan inträffa med det.

Med animering i Photoshop kan du skapa bildspel från foton eller bilder, göra avatarer, banners, skärmsläckare för webbsidor, dynamiska vykort och olika presentationer. Man bör komma ihåg att Photoshop fortfarande är en grafikredigerare och inte är designad för komplexa animeringsprocesser. Det finns två sätt att skapa animering i programmet - bildruta-för-bildruta-animering och animering i tidslinjeläge. Vi kommer att gå över båda typerna av animationer i sekvens. Vi kommer att ägna hela den 36:e lektionen åt studiet av time-lapse-animation. Och i lektion 37 kommer vi att ta itu med tidslinjen. Vissa enkla uppgifter är mer bekväma att utföra i animeringsläget bildruta för bildruta. Även om du vet hur du arbetar med tidslinjen från andra program, råder jag dig ändå att försöka slutföra uppgifterna från den här lektionen. Utifrån de kunskaper du fått kommer du att kunna bestämma vilken metod du ska använda i varje enskilt fall.

Del 1. Bildruta-för-bildruta-animering

Panel Ramar dök upp för länge sedan. Låt oss överväga dess inställningar med hjälp av exemplet på animeringen av att rita en asterisk.

Skapa ett nytt dokument, 800 x 800 pixlar, 72 upplösning, RGB-färgläge. Skapa ett nytt lager genom att klicka på ikonen längst ned på lagerpaletten (lager). Eller tryck på Skift + Ctrl + N.

Välj penselverktyget från verktygslådan svart, 35 pixlar i diameter med suddiga kanter. Rita den första sneda linjen (placera en punkt, tryck på Shift och placera nästa punkt - linjen kommer att visa sig vara en rak linje).

Skapa ett andra lager. Rita nästa linje. Sedan det tredje lagret
och ytterligare en rad, etc. Du bör ha sex lager inklusive bakgrundslagret.

För att öppna panelen Animation, klicka på Animation på menyn Fönster. Eller, från menyn Fönster, ställ in Workspace till Video och Film/Video. Se till att panelen är i stop-motion animationsläge.
Annars klickar du på ikonen längst ner till höger i animationspanelen.

Stäng av synligheten för alla lager utom bakgrundslagret i lagerpaletten (lager) genom att klicka på ikonen till vänster om lagrets miniatyrbild. Detta kommer att vara den första bildrutan i vår animation.

Klicka på ikonen längst ned på animeringspanelen. Den andra ramen (en kopia av den första bilden) visas. För att ändra det, aktivera synligheten för det första lagret i lagerpaletten (lager). Klicka på ikonen igen och aktivera synligheten för det andra lagret.

Fortsätt att skapa nya ramar och aktivera synligheten för nästa lager tills hela asterisken visas i den sista bildrutan.

Längst ner på animeringspanelen finns verktyg för att lägga till, ta bort och visa animationer.

- konvertering till animation längs tidslinjen.

- Tween(Skapande av mellanramar).

- Duplicera aktuell ram (Skapa en kopia av de valda ramarna).

- Spela knappar (som vilken bandspelare som helst).

Väljer första bildruta (Väljförstram); Väljer förhandsgranskningsram (Väljtidigareram);

Spela(Starta animering);

VäljerNästaRam(Välj nästa ram).

- Radering av valda ramar. Observera att nyckelnDelpå tangentbordet raderar inte den markerade ramen, utan det markerade lagret från lagerpaletten (lager).

Ställa in intervaller.

Låt oss nu justera tidsintervallen under vilka animationsramarna kommer att vara synliga.

0 s skrivs under varje ram längst ner. och det finns en pil. Klicka på pilen och välj en bildhastighet. Välj ett värde på 0,5 för alla bildrutor (det betyder att efter en halv sekund kommer det att ske en bildändring).

Ställa in frekvensen för repetitioner.

Nästa steg är att ställa in animationsupprepningsfrekvensen. Klicka på pilen längst ned i animationspanelen. Menyn för val av frekvens visas.

Om du väljer Forever, kommer animationen att upprepas om och om igen. Denna process kallas looping.

Om du väljer En gång spelas animeringen upp en gång och stannar vid den sista bildrutan.

Om du väljer Annat kan du ställa in ett annat antal repetitioner inom intervallet (från 1 till 999).

Låt oss nu spela den skapade animationen. För att göra detta, klicka på knappen Spela. Om du gillar allt, gå till nästa steg, om inte, justera sedan animeringen som du vill.

Gå till animationspanelen. Klicka på ikonen Duplicera aktuell ram. Markera alla lager utom bakgrundslagret.
Stäng av synligheten för bakgrundslagret. Tryck på Ctrl + Shift + Alt + E. Ett nytt lager kommer att dyka upp där alla valda lager kommer att tryckas in.
Lagerminiatyren kommer att visa en stjärna på en transparent bakgrund. Döp det här lagret till Star.

Dubbelklicka på lagret för att gå till stilinställningarna. Ställ in skugga och färgöverlägg. Välj den färg du vill ha.

Gå tillbaka till den första bildrutan i animationen
och ta bort stjärnskiktets synlighet
i lagerpaletten.

Välj den sista bilden. I lagerpaletten lämnar du bara stjärnlagret och bakgrundslagret synliga.

Duplicera detta lager och ändra stilinställningarna: Ändra färg, ställ in relief eller linje. Gå till animationspanelen. Klicka på ikonen Duplicera aktuell ram. Gå tillbaka till den första bildrutan i animationspanelen och stäng av synligheten för detta lager i paletten.

Duplicera lagret igen och ändra stilen. Välj Flytta-verktyget eller tryck på Ctrl + T för att växla till Free Transform-verktyget. Ändra skalan. Gå till animationspanelen. Klicka på ikonen. Gå tillbaka till den första ramen och stäng av synligheten för detta lager.

Duplicera lagret igen och zooma in lite mer och ändra stilen. Och lägg till en animationsram. Du borde ha en storyboard så här:

Klicka på Play-knappen och titta på resultatet av det utförda arbetet.

Animationsoptimering.

Klicka på ikonen längst upp till höger i animationspanelen. En extra meny kommer att visas.

När den är klar bör animeringen optimeras för att minska storleken på GIF-filen och bättre ladda den i webbläsaren. Reduktion sker på grund av att områden som inte förändras när de flyttas från bild till ram utesluts.

Vänligen välj Optimera animering...... Markera båda rutorna.
BoundingLåda(Bounding box)- trimmar ramar med det ändrade området i jämförelse med föregående ram.

Redundant pixelborttagning. Om en pixel är oförändrad från föregående bildruta blir den genomskinlig.

Om du vill att PhotoShop ska spara ramar som inkluderar genomskinlighet väljer du alternativet "Automatiskt". För att göra detta, välj en eller flera ramar. Högerklicka på miniatyren av ramen. Välj mellan tre alternativ:

Automatisk(Automatiskt)- den aktuella ramen kasseras om nästa ram innehåller lagertransparens.,

Dointekassera(Kassera inte)-Den aktuella ramen är synlig genom de genomskinliga områdena i nästa bildruta.,

Kassera(Kassera)- den aktuella ramen är inte synlig genom de genomskinliga områdena i nästa bildruta.

Sparar animation.

Nu är det dags att spara animationen. Naturligtvis, under arbetets gång, var det nödvändigt att spara filen i PSD-format för att inte hamna i en situation med ett plötsligt strömavbrott eller en oväntad omstart av datorn. Men nu menar jag ett annat bevarande. Animeringen kan sparas som en animerad GIF med kommandot Spara för webben.

Välj Spara för webben från Arkiv-menyn. Ställ in Gif-formatet i inställningarna. Var uppmärksam på storleken på den framtida filen. Minska dess storlek om möjligt. Hur man gör detta diskuterade vi i detalj i lektionen Bildstorlek (Bildstorlek). När du optimerar, använd en adaptiv, perceptuell eller selektiv färgreduktionsmodell för att säkerställa konsekventa färger över alla ramar. Klicka på Spara, ange namn, sökväg och klicka på Spara igen.

Tidigare gick vi till ImageReady-applikationen för att spela in animeringen.

Photoshop CS2 introducerar panelen Animationer. Men för att spara den animerade filen var du fortfarande tvungen att gå till ImageReady. För övergången serveras knappen längst ner i verktygsfältet eller menyn Arkiv (Arkiv) - Redigera i ImageReady (Gå till ImageReady).

Från Photoshop CS3 och uppåt krävs ingen extra programvara för att spela in animationer. Animeringspanelen fungerar nu för redigering och inspelning av objektet Sparaförwebb(Spara tillwebb) .

Låt oss överväga ett annat litet exempel på att skapa en bildruta-för-bildruta-animation, där vi kommer att analysera vad en knapp är till för. Tween(Skapa mellanliggande ramar).

Skapa ett nytt dokument, 500 x 250 px. Välj typverktyget, Impact font, storlek 150 pt. och skriv vilket ord som helst. Ställ in opaciteten på 100 %. Lägg till lagerstilar: skugga, gradient och relief. Du kan välja en annan stil, det är inte nödvändigt att göra som min. Deformationen av texten kan också animeras. I animationspanelen ställer du in intervallet till 0,2 sek. Klicka på knappen för att kopiera den första bildrutan. Gå till lagerpaletten (lager) och minska opaciteten till 0. Ändra lagerstilen (lägg till exempel en färgöverlagring i stället för att lägga över en övertoning). Genom att växla mellan bildrutor kan du se hur bilden förändras.

Låt oss lägga till en förskjutning. Välj verktyget Flytta och flytta texten nedåt från arket. Gå till animationspanelen och klicka på knappen

I fönstret som visas kan du konfigurera antalet tillagda ramar. Ju fler det finns, desto smidigare blir övergången. I grafen TweenMed(mellanramar) du kan välja från listan där ramar ska infogas:

Last (Sista bildruta); Urval Föregående ram Första ram; Nästa ram. Listan ändras beroende på vald bildruta.

Lämna alla standardinställningar. Klicka på OK.

Klicka på Spela. Om allt passar dig, fortsätt sedan med att spara animeringen.

Öppna GIF-filer.

I Photoshop CS3 och CS44 kan video- och GIF-animationsfiler inte öppnas från menyn Arkiv - Öppna. När du försöker öppna ett fönster visas:

Se till att installera QuickTime Pro 7.1 eller senare.

Photoshop CS5 har inte detta problem. Filer kan enkelt öppnas på vanligt sätt.

Välj Arkiv - Importera - Videoramar till lager från menyn.
i lager ...). Du kommer inte att kunna välja GIF-filer i filtypsfältet. Denna defekt kan dock enkelt kringgås genom att först kopiera namnet på .gif-filen och klistra in den i filnamnsfältet eller manuellt skriva in namnet i det här fältet. Eller skriv in * i fältet Filnamn och klicka på Ladda, sedan
namnet på gif-filen blir synligt och du kan öppna den (Andra filer blir också synliga, även de som inte kan öppnas i programmet).

Lämna standardinställningarna i fönstret som visas. Objekten Från början till slut och Gör ramanimering bör vara markerad. Tyvärr kommer filer som öppnas på detta sätt inte att ha en genomskinlig bakgrund - de blir vita istället. När du öppnar en sådan fil i CS5 kommer den transparenta bakgrunden att bevaras.

Knappar för att förena animationslager.

Titta noga på hur paletten har förändrats Skikten(Skikten) när man arbetar med time-lapse-animation. Det finns nu knappar som låter dig tillämpa ändringar i den aktuella ramen på alla andra ramar. Markera rutan bredvid Propagate Frame 1.

Låt oss se hur de fungerar ... Öppna animationsfilen för att rita en stjärna. Välj valfri ram och stäng av synligheten för bakgrundslagret. Klicka på Spela. Endast den valda ramen har blivit genomskinlig. Klicka på knappen Unify lager synlighet. Ett fönster visas:.

Klicka på Match(Synkronisera) och kör animeringen igen. Stjärnan kommer att ritas på en genomskinlig bakgrund under hela animeringen. Transparens för första bildruta är nu tilldelad till alla animeringsramar. På samma sätt kan du styra positionen och stilen för ett lager.

I paletten Lager (lager) välj objekt Animationsalternativ (Animationsalternativ). Som standard visas knapparna för sammanslagning av lager automatiskt när animeringsramfältet är aktiverat. Du kan ändra denna regel genom att välja Visa alltid eller Dölj alltid.

Stänger animationspanelen.

Det finns flera sätt att stänga animationspanelen:

Du kan komprimera eller stänga animationspanelen och gå till Inställningar genom att klicka på Användargränssnittsinställningar.

Frågor:

1. Vad händer om du väljer en bildruta i en stop-motion-animation och trycker på Del på tangentbordet?

Den valda ramen kommer att raderas.

Lagret som valts i lagerpaletten kommer att tas bort från alla animationsramar.

Lagret som valts i lagerpaletten (lager) kommer endast att tas bort för den valda animeringsramen.

Lagret som valts i lagerpaletten kommer att tas bort från alla animeringsramar utom bakgrundslagret.

1. Du har tre ramar. Animeringen kommer att vara kontinuerlig. Vad behöver du göra för att lägga till
   5 mellanbilder mellan sista och första bildrutan?

Välj den första ramen. tryck på knappen
I inställningarna i kolumnen Interpolera med väljer du Nästa bildruta.

Välj den sista bilden. tryck på knappen
I inställningarna i kolumnen Interpolera med väljer du Föregående ram.

Välj den sista bilden. Klicka på knappen Tween.
I inställningarna i kolumnen Interpolera med väljer du Första bildruta.

1. Vad är animationsoptimering till för?

För att konvertera till tidslinjeanimation.

För att minska storleken på Gif-filen genom att utesluta områden som inte ändras när du flyttar från bildruta till bildruta.

För att ställa in frekvensen för animeringsupprepningar.

Läxa:

1) Utför bildruta-för-bildruta-animering av att rita en stjärna (enligt lektionen).

2) Utför bildruta-för-bildruta-animering av texten.

God kväll kära prenumeranter och läsare av min blogg! Är du redo att lära dig hur du gör din bild levande? Och inte med hjälp av magi, utan med hjälp av allt i vår favorit Photoshop! Hur länge har jag skjutit upp den här lektionen utan att veta varför. Det här är trots allt grunderna i Photoshop! Men nu bestämde jag mig för att förbättra mig.

Och förbättra så mycket att i slutet av videon kommer din också att ha en videolektion om hur göra animationer i photoshop.

Jag skrev inte Photoshop-tutorials på länge, och jag hade anledningar till det. Jag höll trots allt på att avsluta min berättelse "". Du är välkommen att läsa den och uttrycka din åsikt direkt i kommentarerna!

Och nu går vi direkt till lektionen. I videon nedan kommer jag att berätta hur man gör gradvis tillagd text, men i textlektionen blir uppgiften lite svårare.

Vi har Cipollino, och vi måste få honom att vifta med pennan till oss.

Steg 1. Först måste du "aktivera" animeringen i Photoshop. För detta går vi "Fönster" -> "Animation"... Kan fortfarande skrivas "Tidslinje".

Steg 2. För att handen ska kunna röra sig måste vi skära ut den och sätta den i olika positioner. För handskärning använder jag personligen "Magnetiskt lasso"... Vi gör en kopia av huvudet ( Ctrl + J) och arbeta med en kopia. Vi rör inte originalet.

Välj handen noggrant och klipp ut den!

Steg 3. Och nu sticker vi in ​​handen, hur hemskt det än låter, och sätter den i olika positioner. Handen kommer att föras in i nya lager, det passar oss till och med.

Steg 4. Detta steg är valfritt, men det är bättre att använda Eraser-verktyget för att korrigera handen något, vilket gör den mer naturlig. Det är naturligtvis svårt att förklara detta med ord. Om du förstår vad vi använder radergummit till, följ då detta steg, om du fortfarande inte förstår kan du hoppa över. Detta är inte viktigt, eftersom det viktigaste för oss är att lära oss hur man skapar enkel animation!

Steg 5. Nu jobbar vi med personal. Inkludera endast de lager som vi behöver i varje ram. Till exempel, i 1 ram behöver vi vårt original, och i vårt fall "Layer 0".

Nu skapar vi en ny ram:

Och i den nya ramen, aktivera andra lager. Det vill säga vår "Lager 0 kopia" och "Layer 1", det vill säga en annan handposition. Jag hoppas att ni förstår algoritmen, kära läsare.

Steg 6. Vi ställer in ramfördröjningen. Det vill säga efter vilket tidsintervall nästa bildruta kommer att visas.

Steg 7. Vi räddar vårt. Det är inte för inte som jag inkluderade det här steget i min handledning, eftersom att spara GIF-animationer sker lite annorlunda än bara en bild.

Välj ett format (standard är GIF) och spara.

I den här artikeln kommer jag att prata om vad animation är i Photoshop. Vi ska se hur animering fungerar i Photoshop med exemplet att skapa en nyårsbanner.

Jag kommer att arbeta i Adobe Photoshop CS6. Mitt gränssnitt är ryskt, eftersom jag skriver från jobbet.

Jag har en engelsk version hemma, och jag råder dig att studera i en engelsk version, här är anledningen:

• Du kan enkelt navigera i programmet på vilket språk som helst (efter engelska på ryska kan du enkelt hitta verktyg, eftersom detta är ditt modersmål, och efter ryska kan det finnas problem med anpassning).
• De flesta bra lektionerna är skrivna på engelska.
• Lokaliseringar av programmet skiljer sig ofta från varandra, kvaliteten på översättningen av gränssnittet lämnar ibland mycket att önska. Felaktig översättning av verktygen kan förvirra en nybörjare att lära sig ett program.

Komma igång med animering i Photoshop CS6

Starta Photoshop.

Skapa ett nytt dokument Arkiv -Nytt (Ctrl + N).

I fönstret som öppnas ställer du in bannerstorleken: 600 x 120, döp den till "New Year's banner" -> "Ok".

Hur man skapar bakgrunden

Jag väljer i förväg det material som jag ska använda i mitt arbete (bakgrunder, typsnitt, etc.).

Öppna den förberedda texturen: Ctrl + O. Du kan ladda ner texturen jag använder.

Öppna paletten "Lager" - F7.

Välj texturfönstret, dra lagret från lagerpaletten till bannerlagret.

Om texturen är för liten eller för stor jämfört med bannern, justera dess storlek med hjälp av transformationen "Ctrl + T".

Små fyrkantiga markörer visas i bildens hörn. Håll ned Skift för att bibehålla bildförhållandet när du ändrar storlek, dra hörnhandtaget diagonalt, minska eller öka storleken på bilden tills bakgrunden fyller hela bannerns yta.

Efter att vi har justerat texturen till storleken på bannern, fortsätt till dess färgkorrigering.

Gå till menyn "Bild" - "Justeringar" - "Hue / Saturation" (Bild - Correction - Hue / Saturation).

Jag använde dessa inställningar för att uppnå en ljus, mättad färg:

Att skriva texten

Skapa ett nytt lager (Ctrl + Shift + N) eller klicka på ikonen för nytt lager i lagerpaletten.

Välj verktyget Horisontell typ (T).

Välj en pensel med valfri stjärna, färgen blir vit #ffffff. För att välja en färg, klicka på den lilla fyrkanten längst ner på den vänstra panelen.

På ett nytt lager ritar du stjärnor på godtyckliga platser. Klicka flera gånger på ett ställe för att göra stjärnorna ljusare. Här är vad jag fick:

Duplicera lagret (Ctrl + J). Klicka på ögonikonen i lagerpaletten för att dölja synligheten för föregående lager.

Välj det översta lagret med kopian av stjärnorna. På den vänstra panelen väljer du Lassoverktyget (L).

Välj varje stjärna i tur och ordning, tryck på "V" (flyttverktyget) och dra den till valfri plats, så att stjärnorna i olika ramar kommer att vara på olika platser, vilket kommer att skapa en flimmereffekt.

Efter att ha flyttat alla stjärnorna till en annan plats, skapa en dubblett av lagret som du arbetade på (Ctrl + J), dölj det föregående lagret i lagerpaletten genom att klicka på ögat och upprepa operationen igen för att flytta stjärnorna till ny platser kan du också måla klart flera nya stjärnor.

Således kommer vi att ha 3 lager med stjärnor, i vilka stjärnorna kommer att vara i olika positioner.

Allt är klart.

Går vidare till att skapa animationer i Photoshop

Vi öppnar tidslinjen. Gå till menyn "Fönster" - "Tidslinje" (Fönster - Tidslinje).

I tidslinjepanelen som dyker upp hittar vi knappen i mitten "Create Video Timeline" (Skapa en tidslinje för video).

Efter det kommer vågen att ändra utseende. Peka nu på ikonen med tre rutor i det nedre vänstra hörnet av fönstret för att skapa en bildruta-för-bildruta-animering.

Vi har öppnat ramanimeringspanelen. Nu finns det bara en ram i den, där alla synliga lager visas (innehållet i den valda ramen visas i huvudfönstret på monitorn).

Gå till lagerpaletten - F7. Vi måste stänga av de två översta stjärnorna nu (klicka på ögat) och lämna bara en synlig. Detta blir det första skottet.

Gå till lagerpaletten. Stäng av det första lagret med stjärnor, slå på det andra. Således, i den andra ramen, kommer stjärnorna att visas på andra ställen.

Klicka på den nya ramikonen igen. Stäng av det andra lagret med stjärnor, slå på det tredje.

Var uppmärksam på tiden under varje bildruta, detta är längden på ramen. Standard 5 sekunder är mycket för oss - animeringen kommer att sakta ner, klicka på pilen och ställ in varaktigheten för varje bildruta till 0,1 sekunder.

För att ramarna ska ändras smidigt måste vi skapa mellanliggande ramar mellan nyckelramarna. För att göra detta, när du befinner dig på den första ramen, klicka på ikonen med flera cirklar längst ner på den tillfälliga panelen.

I fönstret som visas, ange hur många mellanramar vi vill skapa. Jag kommer att sätta 2. För alla ramar, förutom den sista, ställ in "Nästa ram".

Mellan den första och andra nyckelbildrutan har du 2 mellanliggande.

Nu står vi på den 2:a nyckelbildrutan (nu är den 4:e i raden), klicka återigen på ikonen med cirklar och skapa ytterligare 2 mellanliggande ramar. Nu behöver vi bara stänga de sista och första bildrutorna för smidig animering.

Välj den sista bilden på tidslinjen. Klicka på cirklarna. I fönstret som visas, på raden "Mellanramar", välj "Första bildruta", lägg till ramar samtidigt 2.

Nu, under ramarna längst ner till vänster, anger vi antalet repetitioner av animationen "Permanent".

Välj den första bildrutan, tryck triangeln till höger "Spela" för att se vad som hände.

Välj filformat för att spara GIF, klicka på "Spara ...", välj katalogen där vi ska spara, klicka på "Spara" igen.

Så i den här handledningen tittade vi på hur man gör animering i Photoshop CS6.

Hoppas du lärde dig något nytt och användbart från denna handledning.

Har du någonsin undrat hur animerade GIF-filer skapas? Författaren till lektionen inbjuder dig att bemästra några av animationens hemligheter på en natt med den här lektionen. Du kommer också att lära dig hur du använder tidslinjen, som finns i Photoshop CS6. Nu sätter vi igång!

Lektionsresultat.

Steg 1

Skapa ett nytt dokument ( Ctrl + N) med en filstorlek på 800 x 500 pixlar. Fyll bakgrunden med vilken färg du vill. Gå nu till menyn Skikten- Stillager- Överlägglutning(Lager> Lagerstilar> Gradient Overlay). Använd följande inställningar: Stil Radiell(Radial), färger från svart (# 000000) till blått (# 54799b), som kommer att användas i mitten.

Steg 2

Skapa ett nytt lager och namnge det Bullerlager... Välj ett verktyg Fylla(Paint Bucket Tool) och fyll det skapade lagret med en mörk färg (# 231f20). Lämna lagret aktivt Bullerlager och gå till menyn Filter - Brus - Lägg till brus(Filter> Brus> Lägg till brus). Ange följande värden i dialogrutan för filterinställningar: effekten(Belopp) 3 %, fördelning Enhetlig(Uniform) och klicka på OK.

Steg 3

Tryck på tangentkombinationen (Ctrl +U) och ange värdena i dialogrutan för korrigeringsinställningar som visas Mättnad(Mättnad) 100%: Ändra detta lagers blandningsläge till Mjukt ljus(Mjukt ljus).

Översättarens anmärkning: för att uppnå samma färg som författarens i skärmdumpen kan du ställa in Hue-värdet till -140 när du korrigerar Hue / Saturation.

Steg 4

Lägg till vilken text du vill. Här kommer vi att använda texten till 123RF-webbplatsens logotyp. I lagerstilar använd Översikt(Stroke). Välj slagstorleksvärden enligt dina önskemål.

Översättarens anmärkning: På författarens skärm finns redan rastrerad text tillsammans med Stroke-stilen. För att få samma resultat, efter att ha applicerat slaget, ta bort Fill (Fylla) av textlagret till 0 %, konvertera det här lagret till ett smart objekt och rastrera det sedan.

Steg 5

I det här steget kommer vi att skapa en glödande effekt för texten med hjälp av lagerstilar. Dubbelklicka på lagret för att visa stilinställningarsfönstret. Använd skärmbilderna nedan för att anpassa lagerstilarna.

Prägling(fasning och relief)

Inre skugga(Inre skugga)

Inre glöd(Inre glöd)

Färgöverlägg(Färgöverlägg)

Extern glöd(Yttre glöd)

Skugga(Skugga)

Steg 6

När du är klar med att skapa ljuseffekter med lagerstilar, gå till lagerpaletten och minska värdet på detta lager. Fyllningar(Fyll) med 0 %.

Steg 7

Duplicera lagret som du skapade i steg 5 och stäng av alla lagerstilar på denna kopia. Ställ nu in stilarna så här:

Inre skugga(Inre skugga)

Inre glöd(Inre glöd)

Steg 8

Nedan är resultatet efter att du applicerat lagerstilarna.

Steg 9

Nu ska vi skapa rörliga ljuspunkter. Skapa 5 lager ovanpå de befintliga och döp om dem till 1,2,3, R och F. Om du har din egen text skapa lager enligt dina bokstäver. Gruppera dessa lager i en mapp och ge den ett namn. Ljusa fläckar och ändra blandningsläget till Lättare basen(Color Dodge).

Aktivera verktyget Borsta(Brush Tool), välj en mjuk borste, ställ in Opacitet(Opacitet) vid 95% och måla med vit färg över texten. För varje bokstav en separat ljuspunkt på sitt eget lager. Nedan i skärmdumpen kan du se hur lagren ser ut hos författaren i lagerpaletten.

Steg 10

Gå nu till menyn Fönster - Tidslinje(Fönster> Tidslinje). Du kommer att märka att dina lager redan är byggda i den här paletten på den vänstra sidan av den. Välj vart och ett av de fem spotlight-lagren i gruppen. Ljusa fläckar och se till att den aktuella tidsindikatorn (blått reglage) är på bildruta noll. Nu på varje lager i gruppen, när det är aktivt, klicka på alternativet Placera(Position) för att skapa en nyckelbildruta.

Översättarens anmärkning: För att aktivera tidslinjen, tryck på knappen Skapa tidslinje för video(Skapa videotidslinje) så laddas alla dina lager in i tidslinjen. Det valda lagret kommer att vara samma lager eller grupp som i lagerpaletten.

Steg 11

Ställ in indikatorn för aktuell tid (blått reglage) på 01:00 F och flytta lagren med ljusa fläckar längs deras rörelsebana i förhållande till bokstavens kontur.

Steg 12

Så här kommer den ursprungliga positionen för ljuspunkten att se ut på bokstäverna. Flytta indikatorn för aktuell tid längs tidslinjen och flytta lagren med ljuspunkter, vilket skapar nyckelbildrutor. Fortsätt att flytta dem tills du har flyttat fläcken över hela bokstaven i varje textlager. För instruktioner, se några skärmdumpar nedan.