Ritningar för animering i paint. Hur gör man animation i Paint? Teoretiska aspekter av att skapa animerade gifs

Avsnitt: Datavetenskap

Syftet med lektionen: Skapa en animerad bild på ämnet: "Hav"

Lektionens mål:

1. Utbildning – skapa en animerad bild med hjälp av den grafiska redigeraren Paint and Power Point på ämnet: "Hav"
2. Pedagogisk - för att främja bildandet av uppmärksamhet och oberoende under lektionen.
3. Utvecklandet - utveckling av kreativt tänkande hos elever.

Lektionstyp: lektion i att lära sig nytt material

Lektionens struktur.

1. Organisationsstadiet. (2 minuter.)
2. Inledande och motiverande skede. (10 minuter.)
3. Drift- och innehållsskede. (20 minuter.)
4. Reflekterande - utvärderande skede. (5 minuter).
5. Läxor (3 min.)

Utrustning: tavla, krita, PC, mjukvara, läromedel.

Under lektionerna.

1. Organisationsstadiet.

Hej killar, sitt ner. Idag i lektionen kommer vi att lära oss hur man skapar en animerad bild. Vad betyder det?

Använd din fantasi för att skapa animation
Du måste rita en ritning utan dröjsmål!
Du anger banan, teckningen kommer till liv,
Han kommer att kalla dig in i fantasins stora värld!!

Idag ska vi dyka in i den magiska undervattensvärlden.

Låt oss rita havet, vi vet mycket om detta,
En underbar bläckfisk kommer att simma i havet.
Han lockar med sin skönhet,
När fiskarna simmar förbi, bugar de!

2. Introduktions-motiverande skede (uppdatering av grundläggande kunskaper).

I den senaste lektionen studerade vi ämnet: "Informationskodning" och genomförde praktiskt arbete med detta ämne. Svara på frågorna: Hur kan information kodas och avkodas? Vad är kodning? Vad är avkodning? Vilka program och applikationer använde vi för att koda och avkoda information?

Att komma ihåg det här ämnet slutföra den praktiska uppgiften på datorn. Avkoda ämnet för vår lektion.

Världen av siffror och siffror är mycket stor,
Du, studenten, kunde förstå deras hemlighet!
När allt kommer omkring lagrar varje siffra här en bokstav,

Avkoda den och läs den direkt!

Avkodning av information utförs i programmet Anteckningar. Bokstaven avkodas genom att trycka på den numeriska koden samtidigt med Alt-tangenten.

Följande text är kodad i uppgiften:

IDAG I INFORMATIONSLEKTION SKAPA VI ANIMATION I PAINT GRAPHICS EDITOR. JAG ÖNSKAR ALLA FRUKKT ARBETE OCH GOTT HUMÖR!

1. 0209 0197 0195 0206 0196 0205 0223
2. 0205 0192
3. 0211 0208 0206 0202 0197
4. 0200 0205 0212 0206 0208 0204 0192 0210 0200 0202 0200
5. 0204 0219
6. 0193 0211 0196 0197 0204
7. 0209 0206 0199 0196 0192 0194 0192 0210 0220
8. 0192 0205 0200 0204 0192 0214 0200 0222
9. 0195 0208 0192 0212 0200 0215 0197 0209 0202 0206 0204
10. 0208 0197 0196 0192 0202 0210 0206 0208 0197
11. 080 065 073 078 084
12. 0198 0197 0203 0192 0222
13. 0194 0209 0197 0204
14. 0207 0203 0206 0196 0206 0210 0194 0206 0208 0205 0206 0201
15. 0208 0192 0193 0206 0210 0219
16. 0213 0206 0208 0206 0216 0197 0195 0206
17. 0205 0192 0209 0210 0208 0206 0197 0205 0200 0223 033

3. Drift- och innehållsskede. (20 minuter.)

Skapa en animerad bild.

Arbetsplan. Nu ska vi ut på en undervattensresa, vi ska skapa animationen "Hav".

4. Skapar animationen "Hav".

1. Öppna grafikredigerare Paint (Start – Program – Tillbehör – Paint)

2. Välj Bild – Attribut i menyraden. Ställ in parametrar: höjd 24 cm, bredd 32 cm.

3. Välj en fyllning i verktygsfältet och fyll dokumentet med blått.

4. Använd ellipsformen på verktygsfältet och rita havsstenar (valfri storlek och kvantitet). Använd fyllning, måla stenarna med olika färger.

5. Använd Curve-verktyget och rita alger.

Vilka gränslösa skönheter,
Vilken magnifik, underbar utsikt,
Men här saknar vi något,
Lugn och tystnad råder.
Här är småstenarna vackra, under vattnet,
Här är algerna långa och gröna,
Men guldfisken saknas,
Att njuta av skönheten med känsla!
Låt oss rita en fisk med dig,
Låt oss göra lite magi för detta!

6. Spara den resulterande ritningen. (Arkiv – Spara som – bildnamn Hav).

7. Öppna den grafiska editorn Paint (Start – Program – Tillbehör – Paint)

8. I menyraden väljer du Bild – Attribut. Ställ in parametrar: höjd 3 cm, bredd 5 cm.

9. Välj en fyllning i verktygsfältet och fyll dokumentet med blått.

10. Rita en fisk.

11. Spara den resulterande ritningen. (Arkiv – Spara som – namn på bilden Fisk).

Här är hon, en skönhet, en gyllene fisk,
Han kommer att simma snabbt och begrunda havet!
Men för att fisken inte ska bli uttråkad,
Vi måste skapa en vän till henne!

12. Öppna den grafiska editorn Paint (Start – Program – Tillbehör – Paint)

13. Välj Bild – Attribut i menyraden. Ställ in parametrar: höjd 5 cm, bredd 3 cm.

14. Välj en fyllning i verktygsfältet och fyll dokumentet med blått.

15. Rita en bläckfisk.

16. Spara den resulterande ritningen. (Arkiv – Spara som – bildnamn Octopus).

Han har många ben
Vem är det? Bläckfisk!
Han kommer att simma med fisken,
Och vi kommer att föras bort i havet.

17. Öppna Power Point-presentationen (Start – Program – Power Point).

18. I menyraden väljer du Infoga – Bild – Från fil – Hav

19. I menyraden väljer du Infoga – Bild – Från fil – Fisk

20. I menyraden väljer du Infoga – Bild – Från fil – Bläckfisk

21. Välj objektet, fiska, högerklicka och välj animeringsinställningar i menyn som visas.

22. Välj: Lägg till effekt – Flytta banor – Rita anpassad kurs-Kurva. Rita en godtycklig kurva.

23. Välj objektet, bläckfisk, högerklicka och välj animeringsinställningar i menyn som visas.

24. Välj: Lägg till effekt – Flytta banor – Rita anpassad kurs-Kurva. Rita en godtycklig kurva.

25. Välj Slide Show – Start Show från menyraden.

Havets skönhet är obegränsad,
Havets skönhet är föränderlig,
Livet är i rörelse, och detta är bekant för oss
Låt oss alltid röra oss.
Strand, fisk, hav,
Det finns inget sätt att förmedla alla skönheter,
För att lyfta hemlighetens slöja,
Vi måste skapa en animation.

4. Reflekterande-utvärderande skede (5 min).

Lektionsbetyg ges

5. Läxor.

Skapa en gratis animerad bild.

Svetlana Shlyakhtina

Varje webbsida är otänkbar utan webbanimering, inklusive animerade gifs. Under ganska lång tid, för att skapa dem, tvingades webbdesigners använda en hel uppsättning specialiserade program från olika utvecklare. Men med tillkomsten av motsvarande funktioner i populära 2D grafikpaket inriktade främst för att arbeta med tvådimensionell rastergrafik och samtidigt som du kan skapa filer i Animation GIF-formatet på grund av att motsvarande verktyg kompletterar dem, har allt blivit mycket enklare. Dessa paket inkluderar Jasc Paint Shop Pro, som inkluderar programmet Animation Shop, designat för att skapa GIF-animationer: animerade knappar, banderoller och andra animerade element.

Paint Shop Pro och Animation Shop samarbetar nära, är helt kompatibla och kompletterar varandra perfekt, vilket gör det möjligt att i animationsskedet upprepade gånger byta från ett program till ett annat och redigera bildramar i Paint Shop Pro, vilket säkerställer att motsvarande ramar ändras i Animation Shop. Du kan också exportera lager till ramar och vice versa, samt animering till en bild med flera lager. Samtidigt förblir vart och ett av dessa program sin egen specialisering när det gäller webbgrafik: som regel är det bättre att förbereda och redigera ramar i Paint Shop Pro och tillämpa dynamiska effekter, optimering och, naturligtvis, själva animationen. - i Animation Shop.

Animation Shop har ett användarvänligt gränssnitt och ett enkelt och bekvämt läge för redigering av ramar med möjlighet att rotera, spegelvända och beskära dem, samt ett brett utbud av verktyg: penslar, former, raderings- och beskärningsverktyg, textverktyg etc. Allt detta i kombination med förmågan att arbeta med steg för steg mästare, tillåter även icke-professionella att snabbt skapa GIF-animationer. Dessutom tillhandahåller Animation Shop en stor uppsättning professionella effekter och filter som du kan använda när du skapar animationer. Programmet stöder effektiva och bekväma optimeringsmetoder som gör att du snabbt kan hitta den optimala lösningen baserat på data som visas i dess fönster angående bildkvalitet, dess storlek och laddningshastighet, och avsevärt minska storleken på den "live" bilden.

Teoretiska aspekter skapa animerade gifs

Som du vet är animation en sekvens av ramar, vars grafiska källmaterial kan förberedas i både Animation Shop och Paint Shop Pro, och valet av applikation bestäms av funktionerna i en viss animation.

Gif-animationer i Animation Shop kan skapas på tre sätt. Den första och mest bekväma av dem är att förbereda en flerskiktsbild i Paint Shop Pro, sparad i PspImage- eller PSD-format och öppnad i Animation Shop - i det här fallet skapas en separat ram för varje enskilt lager av bilden . Lager ger ett bekvämt sätt att kompositionsbygga en animerad bild från olika grafiska och textelement och låter dig applicera på olika element bilder, olika filter, ändra graden av genomskinlighet och lagerblandningsläge, justera ljusstyrkan och tillämpa andra transformationer som är tillgängliga i Paint Shop Pro, vilket ger en mängd olika effekter.

Den andra metoden är det traditionella alternativet för att skapa animationer i oberoende gif-animatorer och består av att sekventiellt koppla ihop förskapade enlagers bildramar med hjälp av en guide. Dessutom är det teoretiskt möjligt att skapa en enkel animerad gif från grunden direkt i Animation Shop-miljön.

Det finns också en fundamentalt annorlunda möjlighet att skapa ramar - automatisk generering av mellanliggande ramar, vilket avsevärt påskyndar produktionen av smidiga animationer, eftersom det inte finns något behov av att manuellt skapa varje bildruta. För att göra detta bestäms nyckelramar, och sedan bildar datorn automatiskt allt som ska finnas i mellanrummen mellan dem, i enlighet med den effekt som definieras i programmet (rotation, rörelse, ändrade färgegenskaper, etc.). dock den här möjligheten begränsas av antalet tillgängliga effekter i Animation Shop (det är värt att inse att det i allmänhet finns ganska många effekter, men inte för alla tillfällen), och om den avsedda principen att byta ramar inte ingår i antalet tillgängliga effekter, då måste alla mellanliggande ramar skapas manuellt i Paint Shop Pro .

Exportera och uppdatera animationer

Som redan nämnts kan du växla mellan Paint Shop Pro- och Animation Shop-programmen i animationsskedet, men endast om kryssrutan Exportera ramar till Paint Shop Pro som lagerbilder är aktiverad i Animation Shop-programmet. För att göra detta, använd kommandot Arkiv=>Inställningar=>Allmänna programinställningar=>Layered Files (File=>Settings=>Allmänna programinställningar=>Layered files) och aktivera den angivna kryssrutan (Fig. 1). I det här fallet, om du behöver redigera en eller alla animationsramar, räcker det att exportera de valda ramarna från Animation Shop till Paint Shop Pro med någon av följande metoder:
välj kommandot Arkiv=>Exportera ramar=>Till Paint Shop Pro från menyn;
klicka på knappen Exportera ramar till Paint Shop Pro i verktygsfältet;
Högerklicka på de valda ramarna och välj Exportera ramar till Paint Shop Pro från popup-menyn.

Ris. 1. Aktivera möjligheten att exportera ramar till Paint Shop Pro

Sedan bör du göra nödvändiga transformationer i Paint Shop Pro-miljön och stänga filen utan att spara - i det här fallet kommer programmet att ställa en fråga angående behovet av att uppdatera motsvarande ramar i Animation Shop. Om svaret är ja, kommer alla ändringar som görs i Paint Shop Pro att överföras till animationen som öppnas i Animation Shop, som kan ses.

Det finns ett annat alternativ för att uppdatera animation från Paint Shop Pro: utan att stänga Paint Shop Pro-filen, använd kommandot Edit=>Update Back to Animation Shop. Byt sedan till Animation Shop och bryt länken mellan animationen och den tillfälligt skapade flerskiktsbilden med kommandot File=>Export Frames=>Break Link With Exported Frames (Fil=>Export Frames=>Break Link with Exported Frames). Det sista steget är nödvändigt eftersom utan att bryta anslutningen ytterligare åtgärder i Animation Shop kommer inte att vara möjligt.

Tyvärr måste vi erkänna att båda alternativen inte är särskilt bekväma, eftersom det är omöjligt att skapa effektiv animering bara genom att tillgripa ramredigeringsproceduren i Paint Shop Pro. Oftast måste man redigera ramar, uppdatera animationen, se resultatet och redigera igen många gånger. Och varje gång för detta måste du exportera ramarna till Paint Shop Pro. Uppenbarligen är det andra alternativet exakt utformat för möjligheten att upprepade gånger redigera en flerskiktsbild med vanliga animeringsuppdateringar, men det är inte fullt implementerat och ger därför praktiskt taget ingenting, vilket gör att du kan uppdatera animationen och förbjuda alla åtgärder i animeringen Handla, och viktigast av allt, titta på animationer. Jag skulle vilja tro att denna obehagliga nyans kommer att elimineras i nästa versioner av Paint Shop Pro och Animation Shop.
Arbeta med personal

Huvudfönstret när man utvecklar animering är Frames-fönstret, där själva ramarna finns (Fig. 2). För att arbeta med en specifik ram, välj bara den i det här fönstret och utsätt den för nödvändiga transformationer - redigera, tillämpa en effekt, ändra egenskaper, etc. Att välja flera ramar görs på vanligt sätt genom att hålla nere Ctrl- eller Shift-tangenterna , och alla ramar kan väljas samtidigt med kommandot Redigera => Välj alla (Redigera=>Välj alla).

Ris. 2. Ramfönster: förkortningen F anger ramnumret och förkortningen D anger dess varaktighet i hundradelar av en sekund

I förhållande till ramar kan du utföra enkla transformationer: rotationer och speglande reflektioner(menyn Animation - Animation), och utför även en reversering genom att ändra riktningen på ramarna till motsatt med kommandot Animation=>Reverse Frames (Animation=>Reverse Frames).

Det mest intressanta när du arbetar med ramar är att applicera effekter på dem, vilket gör att du kan ansluta ramar med varandra med hjälp av en mängd olika transformationer (fig. 3). Alla effekter finns i menyn Effekter och är indelade i tre grupper: bildrörelseeffekter (kommandot Infoga bildövergång), bildeffekter (kommandon Infoga bildeffekt och Använd bildeffekt) och texteffekter (kommandon Infoga texteffekt och Använd texteffekt) . Det är värt att notera att användningen av några av dessa kommandon (de börjar med ordet Infoga...) leder automatiskt till genereringen av en hel serie mellanbildrutor, vilket säkerställer en smidig övergång mellan manuellt skapade källramar. I sin tur tillämpar kommandona Använd bildeffekt och Använd texteffekt effekten på valda ramar utan att skapa mellanliggande ramar.

Ris. 3. Tillämpa Dissolve-effekten

Visa och ändra animeringsegenskaper

I fönstret Animation Shop kan du omedelbart se resultatet genom att klicka på knappen Visa animering och vid behov göra de nödvändiga ändringarna, till exempel justera fördröjningstiden för en eller flera bildrutor, etc. Som standard är visningsfördröjningen för alla bildrutor är en hundradels sekund, och i detta fall ersätter ramarna varandra nästan omedelbart. Uppspelningstiden för varje bildruta kan dock enkelt ändras med kommandot Animation=>Frame Properties=>Display Time.

Dessutom är det inte svårt att justera animationens bakgrundsfärg med kommandot Animation=>Animationsegenskaper=>Canvasfärg, och även ändra ramstorleken med kommandot Animation=>Ändra storlek på animering. Ändra animationsstorlek) (Fig. 4) .

Ris. 4. Ändra storlek på animationsramar

Spara och optimera animationer

I slutet av arbetet låter programmet dig spara animationsfilen med optimering, det vill säga med en minskning av volymen, minska antalet färger, exkludera information om statiska områden i bilden, etc. (Fig. 5) med kommandot Arkiv => Spara (endast när du sparar för första gången) eller genom att anropa optimeringsguiden med kommandot File=>Optimization Wizard (File=>Optimization Wizard). Det är värt att notera att programmet för det första visar optimeringsresultatet även på optimeringsstadiet i förhandsgranskningsfönstret, och för det andra rapporterar det i slutet storleken på den komprimerade filen i jämförelse med originalet och dess laddningstid för olika anslutningar alternativ (fig. 6) . Allt detta tillsammans hjälper till att välja den slutliga versionen av den optimerade filen och hitta en rimlig kompromiss mellan bildkvalitet och dess storlek.

Ris. 5. Bestämning av optimeringsparametrar

Ris. 6. Resultatet av komprimering av animationsfilen under optimering

Som ett resultat kommer det att skapas komprimerad fil i Animation GIF-format, som vid behov kan laddas när som helst med kommandot File=>Open (File=>Open) och konverteras vid behov.

Gif-animation i praktiken

Det finns otroligt många olika animationsalternativ som traditionellt används inom webbdesign och som redan har blivit klassiska. Dessa är en mängd olika alternativ för att flytta både text som helhet eller dess enskilda tecken, såväl som andra objekt; olika alternativ för att transformera objekt och olika rotationer. Dessutom kan föremål blinka och skimra på bokstavligen alla sätt, ändra färg, lösas upp, suddas ut och sakta dyka upp, krympa och växa, etc. På grund av ämnets omfång strävar vi inte efter att täcka allt och alla och kommer bara att fokusera på några få exempel som kan visa möjligheterna att effektivt kombinera funktionaliteten hos Paint Shop Pro-paketet med verktyget Animation Shop.
Zoomanimering

Denna effekt appliceras ofta på nästan samma sätt på både text och andra objekt och implementeras med hjälp av de aktuella programmen extremt enkelt.

För att få en skalningsanimation bör du öppna Paint Shop Pro och skapa en ny ritning (fig. 7 och 8) - i det här fallet är det någon vektorbild på en vit bakgrund. Konvertera vektorlagret till ett rasterlager genom att högerklicka på det och välja Konvertera till rasterlager. Slå sedan samman båda lagren genom att högerklicka på ett av dem och välja Sammanfoga=>Sammanfoga alla.

Ris. 7. Originalbild

Ris. 8. Lagerpalett

Spara den skapade enskiktsbilden i Paint Shop Pros ursprungliga format och öppna den i Animation Shop, vilket kommer att resultera i en enda bildruta (Figur 9). Använd zoomeffekten med kommandot Effekter=>Infoga bildövergång (Effekter=>Infoga bildövergångseffekt) med parametrarna som visas i fig. 10. Som ett resultat kommer en hel serie ramar att bildas - ungefär som i fig. 11. Se den skapade animationen genom att klicka på knappen Visa animering och spara den med kommandot Arkiv=>Spara i GIF-animationsformat med önskade optimeringsparametrar. Som ett resultat kommer ungefär samma animation att erhållas som visas i fig. 12.

Ris. 9. Initialtillstånd fönsterramar

Ris. 10. Välja och justera zoomeffekten

Ris. 11. Ramfönster efter att ha tillämpat zoomeffekten

Ris. 12. Färdig animation

Animation med blinkande effekt

Låt oss försöka skapa blinkande text som traditionellt används i webbdesign. Öppna Paint Shop Pro, skapa en ny ritning och skriv ut valfri text på en vit bakgrund, till exempel, som i Fig. 13. Öppna samtidigt den extra fil med vilken du ska implementera blinkeffekten (fig. 14).

Ris. 13. Källtext

Ris. 14. Stödbild

Använd markeringsverktyget, välj ett godtyckligt rektangulärt område på hjälpbilden, kopiera det till urklippet och klistra in det som ett nytt lager på källtexten med kommandot Redigera=>Klistra in=>Klistra in som nytt lager ovanpå vektorn. lager med text. Gör sedan tillfälligt det nya rasterlagret osynligt, gå till textlagret och välj området utanför texten med verktyget Magic Wand. Gå tillbaka till det inbäddade rasterlagret och tryck på Del för att rensa markeringen utanför bokstäverna. Som ett resultat kommer texten att se ut ungefär som den i fig. 15, och lagerfönstret kommer att se ut som Fig. 16.

Ris. 15. Text efter att du tagit bort onödiga delar av bilden

Ris. 16. Status för lagerpaletten som ett resultat av justering av rasterlagret

Ta bort bakgrundslagret och vektorlagret med text som är onödig för framtida animering. Duplicera det återstående rasterlagret och på den resulterande kopian, minska opaciteten för lagret efter behov, till exempel till 80 % (fig. 17 och 18).

Ris. 17. Textens slutliga utseende

Ris. 18. Slutlig utseende på lagerpaletten

Spara den skapade tvåskiktsbilden i Paint Shop Pros ursprungliga PspImage-format eller i PSD-format (i båda fallen kommer lagren att sparas) och öppna den i Animation Shop. När du öppnar en bild med flera lager konverteras lagren automatiskt till ramar (bild 19). Se den skapade animationen genom att klicka på knappen Visa animering - resultatet blir inte särskilt bra: bokstäverna ser inte särskilt imponerande ut mot den svarta standardbakgrunden och blinkningen sker för snabbt. För att ändra bakgrunden för animationen, använd kommandot Animation=>Animationsegenskaper=>Canvasfärg (Animation=>Animationsegenskaper=>Canvasfärg) och ställ in färgen på vit (fig. 20 och 21). För att sakta ner bildhastigheten, välj båda bildrutorna i ramfönstret, öppna kommandot Frame Properties=>Display Time från Animation-menyn och ändra längden på bildrutefördröjningen, till exempel som i Fig. 22. Granska animeringen igen, och om resultatet är tillfredsställande, spara den med kommandot File=>Save i Animation GIF-format med nödvändiga optimeringsparametrar. Som ett resultat kommer ungefär samma animation att erhållas som visas i fig. 23.

Ris. 19. Initialt tillstånd för ramfönstret

Ris. 20. Ändra bakgrundsfärgen i fönstret Animation Properties

Ris. 21. Ramar efter att du har bytt färg på duken

Ris. 22. Ändra ramrullningshastigheten i fönstret Ramegenskaper

Ris. 23. Färdig animation

Ändra färger i animation

Färgen i animationen kan ändras olika sätt, i extrema fall, genom att helt enkelt skapa ramar där objekt kommer att målas om manuellt. Men det finns ett bekvämare sätt: genom att justera parametrarna Hue (Hue) och Saturation (Saturation) - vi överväger det.

Öppna originalbilden i Paint Shop Pro för vilken du vill implementera en animerad färgändring (Fig. 24). Använd verktyget Magic Wand, välj bakgrunden, gör sedan en inversion (fig. 25), kopiera det valda området till urklippet och klistra in det på en ny bild med kommandot Redigera=>Klistra in=>Klistra in som ny bild (Edit= >Klistra in=>Klistra in som en ny bild) (Fig. 26).

Ris. 24. Originalbild

Ris. 25. Välja ett fragment av en bild

Ris. 26. Resultat av att infoga ett valt fragment i en ny bild

Duplicera det ursprungliga Raster 1-lagret flera gånger genom att klicka på knappen Duplicera lager i lagerpaletten. För att konsekvent ändra färgnyanser måste du skapa ganska många sådana lager; för enkelhetens skull, byt namn på dem enligt bild. 27. Efter detta, gör tillfälligt alla lager utom Raster 1 och Raster 2 osynliga, aktivera Raster 2-lagret och använd kommandot Adjust=>Hue and Saturation=>Hue/Saturation/Lightness (Adjustment=>Hue and Saturation=> Hue/ Mättnad/Ljusstyrka) ändra färgen, till exempel som i fig. 28. Gör Raster 3-lagret synligt och ändra bildfärgen på det på samma sätt. Gör exakt samma operationer för alla återstående lager.

Ris. 27. Status för lagerpaletten efter duplicering av lager

Ris. 28. Bildfärgjustering

Spara den skapade flerskiktsbilden i Paint Shop Pros ursprungliga PspImage-format eller i PSD-format och öppna den i Animation Shop - i det här fallet konverteras lagren automatiskt till ramar (Fig. 29). Se den skapade animationen genom att klicka på knappen Visa animering och spara den med kommandot Arkiv=>Spara i GIF-animationsformat med önskade optimeringsparametrar. Som ett resultat kommer ungefär samma animation att erhållas som visas i fig. trettio.

Ris. 29. Initial status för Frames-fönstret

Ris. 30. Färdig animation

Låt oss försöka redigera den skapade animationen lite - så att färgerna smidigt ersätter varandra inte bara i en riktning, utan också i motsatt riktning. För att göra detta, gör en kopia av varje bildruta, utom den första, genom att sekventiellt klicka på varje bildruta med höger musknapp och välja kommandot Duplicera vald. Dra sedan kopiorna av ramarna med musen så att nyanserna smidigt ersätter varandra, först i den ena och sedan i den andra riktningen, som ett resultat kommer Ramfönstret att se ut ungefär som i fig. 31. Dissonans kommer nu endast att orsakas av den första, ljusaste bildrutan, som kan flyttas till mitten av animationen - där kommer dess nyans att vara närmare nyanserna av intilliggande ramar. För att göra detta, välj den tionde ramen, högerklicka på den, välj kommandot Infoga ramar => Töm och klicka på Ok - en tom ram kommer att dyka upp i mitten. Dra sedan den ljusaste första ramen till den. Se den resulterande animationen. Det kan ses att nyansen på den nyss flyttade ramen fortfarande skiljer sig ganska mycket från alla andra inblandade nyanser - när du tittar på animationen på den här ramen ändrar bilden färg kraftigt, så det är bättre att ta bort den här ramen helt genom att välja den och genom att trycka på Del-tangenten.

Ris. 31. Ramfönster efter duplicering och flyttning av ramar

Visa din skapade animation och spara den som en animerad GIF med önskade optimeringsalternativ. Den resulterande animationen visas i fig. 32.

Ris. 32. Färdig animation

Teoretiskt kan animering med färgförändringar skapas direkt i Animation Shop - det kommer att gå mycket snabbare tack vare närvaron av motsvarande Rotate Colors-effekt. Användningen av denna effekt är dock begränsad till det automatiska valet av färger och nyanser, som inte kan ändras när du ställer in effekten. Låt oss försöka använda effekten Rotera färger på en bild med ett lager (fig. 33). Öppna bilden i Animation Shop - först visas bara en ram i ramfönstret, eftersom bilden bara hade ett lager. Tillämpa en färgförändringseffekt med kommandot Effekter => Infoga bildeffekt (Effekter => Infoga en bildeffekt) med parametrarna som visas i fig. 34. Resultatet blir den automatiska genereringen av den 21:a bildrutan i Rampaletten (Fig. 35), och sparar vilken i Animation GIF-formatet, du kommer att få animationen som visas i Fig. 36.

Hur man gör en animation i Paint och fick det bästa svaret

Svar från Alexey Khoroshev[guru]
Det kostnadsfria Paint.Net-programmet är, trots den uppenbara enkelheten i dess gränssnitt, multifunktionellt och med dess hjälp kan du skapa fantastiska, underbara saker.
Vad är animation? Dessa är sekventiellt växlande bilder (ramar), mycket lik ett bildspel, bara ramarna ändras snabbare än vanligt och bilderna (ramarna) för att skapa animationer sparas i tillägget "gif" och inte i "jpeg" eller "jpg ”, som vanligt Vi är vana vid att spara bilder.
Poängen är att du behöver skapa animation ytterligare program en tolk som arbetar med bilder i tillägget "gif".
Det finns många sådana program, men vi tar dig till UnFREEz-programmet, vars verktyg endast utför en funktion - det gör animerade rörliga filer.
UnFREEz-programmet är gratis, laddas ner snabbt, tar väldigt lite plats, fungerar tydligt, snabbt och kräver ingen installation, arkivet som du laddat ner är själva programmet.
Laddade ner, packade upp och du kan använda den.
Programgränssnittet innehåller ett fönster där du laddar upp bilder, endast tre manöverknappar och inställning av bildväxlingstiden i centisekunder (1/100 av en sekund).
Kryssrutan är ansvarig för att "spela upp" videor från uppladdade ramar i en cirkel.
För att ladda upp bilder (genom att dra dem med musen) måste ni alla ha samma storlek och i tillägget "gif".
Det är allt. Det har redan blivit tydligt hur animering görs; allt vi behöver göra är att göra dessa bilder (ramar) i Paint.Net.
Öppna Paint.Net, gå till menyn "Effekter" och kontrollera om vi har "Point Warp"-plugin i redigeraren.
Här kan du ladda ner "Point Warp"-plugin:. ru/soft/base/point_warp/point_warp_11/ Ta bort utrymmet.
Placera den i mappen Effekter - (C:Program FilesPaint.NETEffects), plugin installerar sig själv, om inte omedelbart, så när du öppnar editorn igen.
Öppna bilden i Paint.NET.

Paint.net är en bekväm gratis grafisk editor som delvis kan ersätta dyra Adobe Photoshop. Dess verktygsuppsättning räcker för att bearbeta fotografier och skapa collage. Det finns inget sätt att skapa animering i själva redigeraren, och därför måste du dessutom använda det kostnadsfria UnFREEz-verktyget.

Du kommer behöva

• - grafisk redaktör Paint.net;
• - UnFREEz-program.

Instruktioner

Ladda ner UnFREEz-programarkivet från utvecklarens webbplats, packa upp det och installera det på din dator. Starta Paint.net. Dess gränssnitt är väldigt likt det hos sin äldre bror, Photoshop, så det kommer inte att vara svårt att navigera om du har använt denna berömda redigerare tidigare.

För att förstå principerna för att skapa animationer är det bättre att börja med något enkelt, som bildtexter. Klicka på "T"-ikonen i verktygsfältet för att aktivera textverktyget.

Ange lämplig nyans i färgpaletten och teckensnittstyp och storlek i egenskapspanelen. Klicka på ikonen "Lägg till nytt lager" i panelen Lager och skriv in text. Använd kommandot "Spara som..." från "Arkiv"-menyn och spara bilden i önskad mapp med filtillägget .jpg, till exempel 1.jpg. Detta kommer att vara den första bildrutan i animationen.

Klicka på ikonen Duplicera lager i panelen Lager. Ett nytt lager kommer att skapas med samma namn som det som kopieras. Om du vill byta namn på ett lager dubbelklickar du på det i panelen Lager och anger ett annat namn.

I menyn "Effekter", gå till gruppen "Distortion" och välj kommandot "Dents". Ställ in distorsionsparametrarna till låga värden till att börja med. Om du är nöjd med resultatet klickar du på OK för att spara. För att ångra misslyckade ändringar, använd kommandot "Ångra" i menyn "Redigera" eller tangenterna Ctrl+Z.

Spara den nya bilden i samma mapp under namnet 2.jpg för att inte blanda ihop sekvensen av ramar. När du sparar kommer programmet i det första steget att erbjuda att välja oskärpa och kvalitet på den sparade bilden, i det andra - att slå samman alla lager eller vägra att slå samman. Välj "Slå samman alla lager". När du har sparat bilden kommer alla lager att slås samman till ett som heter "Bakgrund". Klicka på Ångra på Redigera-menyn för att separera dem igen.

Skapa ytterligare en kopia av lagret och öka distorsionsinställningarna. Spara bilden som 3.jpg. Upprepa operationen flera gånger. Ju fler ramar du skapar, desto mjukare blir animeringen.

Öppna mappen med dina sparade gif-filer. Starta UnFREEz-programmet och dra bilderna en efter en till Frames-fönstret. I fönstret Frame delay väljer du tidsintervallet för att ändra bildrutor och klickar på Gör animerad GIF. När du uppmanas av programmet, ange namnet på din animation och mappen för att spara den (som standard kommer mappen med de sparade gif-filerna att föreslås).

För att ta bort ett lager, klicka på krysset i lagerpanelen. Du kan ta bort lager när det finns minst 2 av dem.

Den här lektionen har förberetts baserat på många frågor från våra besökare. Det är faktiskt inget svårt att skapa animerade teckningar. Rörliga bilder stöds till exempel av det mest kända formatet grafiska filer GIF. Observera att göra den animerad JPG-fil eller BMP är osannolikt att fungera, eftersom dessa format inte stöder frame interleaving.

Hur man skapar rörliga filmramar i Paint.NET

Så för att skapa en animerad video måste vi göra en serie ramar. Tack vare det faktum att det låter dig arbeta med lager är det inte alls svårt att göra ramar. Låt oss till exempel använda bilden av en smiley gjord i Paint.NET-lektionen "Hur man ritar en 3D-smiley" publicerad på vår webbplats.

För att skapa flera bildrutor, låt oss ta 3D-smileybilden från denna handledning och skapa en kopia av lagret med smileybilden i det antal bildrutor i videon vi behöver. För att göra detta kan du använda till exempel menyn "Layer" - "Make a copy of layer" eller kopiera lagret direkt i "Layers"-fönstret Paint.NET.

Du kan inte kopiera lager direkt, men för att till exempel göra en andra bildruta, kopiera det första lagret och ändra sedan mönstret på det kopierade lagret i enlighet med idén med videon. Vi klämde till exempel på smileynet och flyttade det upp och ner lite ruta för ruta. Du kan se ett exempel på Paint.NET "Layers"-fönstret i bilden till vänster; naturligtvis passade inte alla ramar på det, men du kan se den allmänna idén.

Hur man sparar bildrutor av en rörlig film i separata filer

För att koppla ihop individuella bildrutor i önskad ordning till en animerad video med UnFREEz-programmet måste du först spara bildrutorna som separata filer. Det är inget komplicerat med detta heller. Du kan till exempel kopiera hela innehållet i det önskade lagret, skapa en ny bild och klistra in bilden som kopierats från lagret i den. Spara den sedan som en separat GIF-fil. Du kan markera hela bilden på ett lager, till exempel genom att trycka på tangentkombinationen Ctrl+A. Beskrivningar av andra Paint.NET-snabbtangenter finns i instruktionerna på den här webbplatsen.

Ett annat sätt är till exempel att helt enkelt stänga av synligheten för lager som inte behövs på den aktuella ramen och sedan spara de synliga lagren som en separat GIF-bild. Detta kan göras i Paint.NET-menyn "Arkiv" - "Spara som". När du sparar som en GIF kommer Paint.NET att erbjuda att slå samman alla lager i bilden, d.v.s. Det visar sig att tillfälligt inaktiverade lager kommer att försvinna. Men efter att ha sparat filen med ramen kan du klicka på knappen "Avbryt" i den horisontella panelen i Paint.NET och sista åtgärden sammanslagning av lagren avbryts och alla lager kommer tillbaka.

Observera igen att för att sedan kombinera ramar med UnFREEz-programmet till en animerad GIF-fil, är det nödvändigt att alla ramar har samma bildstorlek. Det vill säga, till exempel, om storleken på bilden av en ram är 20 gånger 30 pixlar, så ska de återstående ramarna ha samma storlek. Metoden som beskrivs ovan för att skapa ramar i Paint.NET säkerställer att detta villkor är uppfyllt, eftersom alla ramar är gjorda av en huvudbild.