Risbe za animacijo v barvi. Kako narediti animacijo v programu Paint? Teoretični vidiki ustvarjanja animiranih gifov

Oddelki: Računalništvo

Namen lekcije: Ustvarjanje animirane slike na temo: "Morje"

Cilji lekcije:

1. Izobraževalni - ustvarite animirano sliko z grafičnim urejevalnikom Paint in Power Point na temo: "Morje"
2. Izobraževalni - spodbujati oblikovanje pozornosti in neodvisnosti med lekcijo.
3. Razvojni - razvoj ustvarjalnega mišljenja učencev.

Vrsta lekcije: pouk učenja nove snovi

Struktura lekcije.

1. Organizacijska faza. (2 minuti.)
2. Uvodna in motivacijska faza. (10 min.)
3. Operativna in vsebinska stopnja. (20 minut.)
4. Reflektivno-ocenjevalna stopnja. (5 minut).
5. Domača naloga (3 min.)

Oprema: tabla, kreda, osebni računalnik, programska oprema, učna gradiva.

Med poukom.

1. Organizacijska stopnja.

Pozdravljeni fantje, usedite se. Danes se bomo v lekciji naučili ustvariti animirano sliko. Kaj to pomeni?

Če želite ustvariti animacijo, uporabite svojo domišljijo
Brez odlašanja morate narisati risbo!
Navedete pot, risba bo oživela,
Poklical vas bo v prostrani svet domišljije!!

Danes se bomo potopili v čarobni podvodni svet.

Narišimo morje, o tem vemo veliko,
V morju bo plavala čudovita hobotnica.
Privlači s svojo lepoto,
Ko ribe priplavajo mimo, se priklonijo!

2. Uvodno-motivacijska stopnja (posodabljanje temeljnega znanja).

V zadnji lekciji smo preučevali temo: "Kodiranje informacij" in izvajali praktično delo na to temo. Odgovorite na vprašanja: Kako lahko informacije kodiramo in dekodiramo? Kaj je kodiranje? Kaj je dekodiranje? Katere programe in aplikacije smo uporabljali za kodiranje in dekodiranje informacij?

Spomniti se Ta naslov opravi praktično nalogo na računalniku. Dešifrirajte temo naše lekcije.

Svet številk in številk je zelo velik,
Vi, študent, ste lahko razumeli njihovo skrivnost!
Navsezadnje vsaka številka tukaj hrani črko,

Dekodirajte in takoj preberite!

Dekodiranje informacij poteka v programu Notepad. Črka se dekodira s pritiskom na številčno kodo hkrati s tipko Alt.

V nalogi je zakodirano naslednje besedilo:

DANES BOMO NA INFORMATIVNI URI USTVARJALI ANIMACIJO V UREJALNIKU GRAFIKE PAINT. VSEM ŽELIM PLODNO DELO IN DOBRO RAZPOLOŽENJE!

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. Operativno-vsebinska stopnja. (20 minut.)

Ustvarjanje animirane slike.

Delovni plan. Zdaj gremo na podvodno potovanje, ustvarili bomo animacijo "Morje".

4. Ustvarjanje animacije "Morje".

1. Odprite grafični urejevalnik Paint (Start – Programi – Pripomočki – Paint)

2. V menijski vrstici izberite Slika – Atributi. Nastavljeni parametri: višina 24 cm, širina 32 cm.

3. V orodni vrstici izberite polnilo in napolnite dokument z modro barvo.

4. S pomočjo oblike elipse na orodni vrstici narišite morske kamenčke (poljubne velikosti in količine). S polnilom pobarvajte kamenčke z različnimi barvami.

5. Z orodjem Curve narišite alge.

Kakšne brezmejne lepote,
Kako veličasten, čudovit razgled,
Tukaj pa nam nekaj manjka,
Vladata mir in tišina.
Tukaj so kamenčki lepi, pod vodo,
Tukaj so alge dolge in zelene,
Toda zlata ribica manjka,
Uživati ​​v lepoti z občutkom!
Narišimo ribo s tabo,
Naredimo malo čarovnije za to!

6. Shranite nastalo risbo. (Datoteka – Shrani kot – ime slike Morje).

7. Odprite grafični urejevalnik Paint (Start – Programi – Pripomočki – Paint)

8. V menijski vrstici izberite Slika – Atributi. Nastavite parametre: višina 3 cm, širina 5 cm.

9. V orodni vrstici izberite polnilo in napolnite dokument z modro barvo.

10. Nariši ribo.

11. Shranite nastalo risbo. (Datoteka – Shrani kot – ime slike Riba).

Tukaj je, lepotica, zlata ribica,
Hitro bo plaval in razmišljal o morju!
Da pa ribam ne bo dolgčas,
Prijatelja ji moramo ustvariti!

12. Odprite grafični urejevalnik Paint (Start – Programi – Pripomočki – Paint)

13. V menijski vrstici izberite Slika – Atributi. Nastavite parametre: višina 5 cm, širina 3 cm.

14. V orodni vrstici izberite polnilo in napolnite dokument z modro barvo.

15. Nariši hobotnico.

16. Shranite nastalo risbo. (Datoteka – Shrani kot – ime slike Octopus).

Ima veliko nog
Kdo je to? hobotnica!
Z ribo bo plaval,
In odnesli nas bodo v morje.

17. Odprite Power Point predstavitev (Start – Programi – Power Point).

18. V menijski vrstici izberite Vstavi – Slika – Iz datoteke – Morje

19. V menijski vrstici izberite Vstavi – Slika – Iz datoteke – Riba

20. V menijski vrstici izberite Vstavi – Slika – Iz datoteke – Hobotnica

21. Izberite predmet, ribo, kliknite z desno miškino tipko in v meniju, ki se prikaže, izberite nastavitve animacije.

22. Izberite: Add effect – Move paths – Draw custom course-Curve. Nariši poljubno krivuljo.

23. Izberite predmet, hobotnico, kliknite z desno miškino tipko in v meniju, ki se prikaže, izberite nastavitve animacije.

24. Izberite: Add effect – Move paths – Draw custom course-Curve. Nariši poljubno krivuljo.

25. V menijski vrstici izberite Diaprojekcija – Začni prikaz.

Lepota morja je brezmejna,
Lepota morja je spremenljiva,
Življenje je v gibanju in to nam je znano
Vedno se gibajmo.
Morska obala, ribe, oceani,
Nemogoče je prenesti vse lepote,
Da odprem tančico skrivnosti,
Ustvariti moramo animacijo.

4. Reflektivno-ocenjevalna stopnja (5 min).

Podane so ocene lekcije

5. Domača naloga.

Ustvarite brezplačno animirano sliko.

Svetlana Šljahtina

Brez spletne animacije, vključno z animiranimi gifi, si ni mogoče zamisliti nobene spletne strani. Vendar pa so bili s pojavom ustreznih možnosti v priljubljenem 2D spletni oblikovalci prisiljeni uporabljati celo vrsto specializiranih programov grafični paketi, usmerjeni predvsem v delo z dvodimenzionalnimi rastrska grafika in hkrati omogoča ustvarjanje datotek v formatu Animation GIF zaradi ustreznih pripomočkov, ki jih dopolnjujejo, je vse postalo veliko preprostejše. Ti paketi vključujejo Jasc Paint Shop Pro, ki vključuje program Animation Shop, namenjen ustvarjanju GIF animacij: animiranih gumbov, pasic in drugih animiranih elementov.

Paint Shop Pro in Animation Shop tesno sodelujeta, sta popolnoma kompatibilna in se odlično dopolnjujeta, kar omogoča v fazi ustvarjanja animacije večkratno preklapljanje iz enega programa v drugega in urejanje slikovnih okvirjev v Paint Shop Pro, kar zagotavlja, da ustrezni okvirji se spremenijo v Animation Shop. Prav tako lahko izvozite plasti v okvirje in obratno, kot tudi animacijo v večplastno sliko. Hkrati pa vsak od teh programov ostaja posebna specializacija v smislu spletne grafike: praviloma je bolje pripraviti in urediti okvirje v Paint Shop Pro ter uporabiti dinamične učinke, optimizacijo in seveda samo animacijo. - v Animation Shop.

Animation Shop ima uporabniku prijazen vmesnik ter preprost in priročen način za urejanje okvirjev z možnostjo vrtenja, zrcaljenja in obrezovanja, kot tudi široko paleto orodij: čopiče, oblike, orodja za brisanje in obrezovanje, besedilna orodja itd. Vse to v kombinaciji s sposobnostjo dela s mojstri korak za korakom, tudi neprofesionalcem omogoča hitro ustvarjanje GIF animacij. Poleg tega Animation Shop ponuja velik nabor profesionalnih učinkov in filtrov, ki jih lahko uporabite pri ustvarjanju animacij. Program podpira učinkovite in priročne metode optimizacije, ki vam omogočajo, da hitro najdete optimalno rešitev glede na podatke, prikazane v njegovem oknu, glede kakovosti slike, njene velikosti in hitrosti nalaganja ter znatno zmanjšate velikost "žive" slike.

Teoretični vidiki ustvarjanje animiranih gifov

Kot veste, je animacija zaporedje sličic, za katere je izvorni grafični material mogoče vnaprej pripraviti tako v Animation Shop kot v Paint Shop Pro, izbiro aplikacije pa določajo značilnosti posamezne animacije.

Gif animacijo v trgovini Animation Shop lahko ustvarite na tri načine. Prvi in ​​najprimernejši od njih je vnaprejšnja priprava večplastne slike v Paint Shop Pro, shranjene v formatih PspImage ali PSD in odprte v Animation Shop - v tem primeru se za vsako posamezno plast slike ustvari ločen okvir. . Sloji nudijo priročen način za kompozicijsko gradnjo animirane slike iz različnih grafičnih in besedilnih elementov ter vam omogočajo uporabo na različne elemente slike, različne filtre, spremenite stopnjo prosojnosti in način mešanja plasti, prilagodite svetlost in uporabite druge transformacije, ki so na voljo v Paint Shop Pro, s čimer zagotovite različne učinke.

Druga metoda je tradicionalna možnost za ustvarjanje animacij v neodvisnih gif animatorjih in je sestavljena iz zaporednega povezovanja vnaprej ustvarjenih enoslojnih slikovnih okvirjev s pomočjo čarovnika. Poleg tega je teoretično mogoče ustvariti preprost animirani gif iz nič neposredno v okolju Animation Shop.

Obstaja tudi bistveno drugačna možnost za ustvarjanje okvirjev - samodejno generiranje vmesnih okvirjev, kar bistveno pospeši izdelavo gladkih animacij, saj ni treba ročno ustvarjati vsakega okvirja. Za to se določijo ključni okvirji, nato pa računalnik samodejno oblikuje vse, kar naj bo v prostorih med njimi, v skladu z učinkom, definiranim v programu (vrtenje, premikanje, spreminjanje barvnih značilnosti itd.). Vendar to priložnost je omejeno s številom učinkov, ki so na voljo v Animation Shop (velja se zavedati, da je na splošno učinkov precej, vendar ne za vse priložnosti), in če predvideni princip spreminjanja okvirjev ni vključen v število razpoložljivih učinke, potem bo treba vse vmesne okvirje ustvariti ročno v programu Paint Shop Pro.

Izvažanje in posodabljanje animacij

Kot smo že omenili, lahko na stopnji ustvarjanja animacije preklapljate med Programi za barvanje Shop Pro in Animation Shop, čeprav le, če je v programu Animation Shop omogočeno potrditveno polje Izvozi okvirje v Paint Shop Pro kot večplastne slike. To storite tako, da uporabite ukaz File=>Preferences=>General Program Preferences=>Layered Files (Datoteka=>Settings=>General program settings=>Layered files) in omogočite navedeno potrditveno polje (slika 1). V tem primeru, če morate urediti enega ali vse okvirje animacije, bo dovolj, da izvozite izbrane okvirje iz Animation Shop v Paint Shop Pro na enega od naslednjih načinov:
v meniju izberite ukaz File=>Export Frames=>To Paint Shop Pro;
v orodni vrstici kliknite gumb Izvoz okvirjev v Paint Shop Pro;
Z desno miškino tipko kliknite izbrane okvirje in v pojavnem meniju izberite Izvozi okvirje v Paint Shop Pro.

riž. 1. Omogočanje možnosti izvoza okvirjev v Paint Shop Pro

Nato morate narediti potrebne transformacije v okolju Paint Shop Pro in zapreti datoteko brez shranjevanja - v tem primeru bo program postavil vprašanje glede potrebe po posodobitvi ustreznih okvirjev v Animation Shop. Če je odgovor pritrdilen, bodo vse spremembe, narejene v Paint Shop Pro, prenesene v animacijo, odprto v Animation Shop, ki si jo lahko ogledate.

Obstaja še ena možnost za posodobitev animacije iz Paint Shop Pro: ne da bi zaprli datoteko Paint Shop Pro, uporabite ukaz Edit=>Update Back to Animation Shop. Nato preklopite v Animation Shop in prekinite povezavo med animacijo in začasno ustvarjeno večplastno sliko z ukazom Datoteka=>Izvozi okvirje=>Prekini povezavo z izvoženimi okvirji (Datoteka=>Izvozi okvirje=>Prekini povezavo z izvoženimi okvirji). Zadnji korak je potreben, ker brez prekinitve povezave nadaljnji ukrepi v Animation Shopu ne bo možno.

Na žalost moramo priznati, da obe možnosti nista zelo priročni, saj je nemogoče ustvariti učinkovito animacijo samo z uporabo postopka urejanja okvirja v Paint Shop Pro. Najpogosteje morate večkrat urejati okvirje, posodabljati animacijo, si ogledati rezultat in znova urejati. In vsakič za to morate izvoziti okvirje v Paint Shop Pro. Očitno je druga možnost natančno zasnovana za možnost večkratnega urejanja večplastne slike z rednimi posodobitvami animacije, vendar ni v celoti implementirana in zato ne daje praktično ničesar, kar vam omogoča posodobitev animacije in prepoveduje kakršna koli dejanja v animaciji Nakupovanje in, kar je najpomembneje, ogled animacij. Rad bi verjel, da bo ta neprijeten odtenek odpravljen v naslednjih različicah Paint Shop Pro in Animation Shop.
Delo z osebjem

Glavno okno pri razvoju animacije je okno Frames, v katerem se nahajajo sami okvirji (slika 2). Če želite delati z določenim okvirjem, ga preprosto izberite v tem oknu in ga podvrzite potrebnim transformacijam - uredite, uporabite učinek, spremenite lastnosti itd. Izbira več okvirjev se izvede na običajen način, tako da držite tipki Ctrl ali Shift. , vse okvirje pa lahko izberete hkrati z ukazom Uredi => Izberi vse (Edit=>Izberi vse).

riž. 2. Okno okvirjev: okrajšava F označuje številko okvirja, okrajšava D pa njegovo trajanje v stotinkah sekunde.

V zvezi z okvirji lahko izvajate preproste transformacije: vrtenja in zrcalni odsevi(meni Animacija - Animacija), izvedete pa tudi obrat tako, da spremenite smer okvirjev v nasprotno z ukazom Animacija=>Obrnjeni okvirji (Animation=>Reverse Frames).

Najbolj zanimiva stvar pri delu z okvirji je uporaba učinkov nanje, ki vam omogočajo, da povežete okvirje med seboj z najrazličnejšimi transformacijami (slika 3). Vsi učinki se nahajajo v meniju Effects in so razdeljeni v tri skupine: učinki premikanja slike (ukaz Insert Image Transition), slikovni učinki (ukaza Insert Image Effect in Apply Image Effect) in besedilni učinki (ukaza Insert Text Effect in Apply Text Effect) . Omeniti velja, da uporaba nekaterih od teh ukazov (začnejo se z besedo Insert ...) samodejno vodi do generiranja cele serije vmesnih okvirjev, kar zagotavlja nemoten prehod med ročno ustvarjenimi izvornimi okvirji. Ukaza Uporabi slikovni učinek in Uporabi besedilni učinek pa uporabita učinek na izbrane okvirje brez ustvarjanja vmesnih okvirjev.

riž. 3. Uporaba učinka raztapljanja

Oglejte si in spremenite lastnosti animacije

V oknu Animation Shop si lahko takoj ogledate rezultat s klikom na gumb Ogled animacije in po potrebi naredite zahtevane spremembe, na primer prilagodite trajanje zakasnitve ene ali več sličic itd. Privzeto zakasnitev prikaza za vse sličice je ena stotinka sekunde in v tem primeru se sličice skoraj v trenutku zamenjajo. Vendar pa lahko čas predvajanja za vsak okvir enostavno spremenite z ukazom Animation=>Frame Properties=>Display Time.

Poleg tega ni težko prilagoditi barve ozadja animacije z ukazom Animation=>Animation Properties=>Canvas Color in spremeniti velikost okvirja z ukazom Animation=>Sprememba velikosti animacije) (slika 4). .

riž. 4. Spreminjanje velikosti okvirjev animacije

Shranjevanje in optimizacija animacij

Na koncu dela vam program omogoča shranjevanje animacijske datoteke z optimizacijo, to je z zmanjšanjem glasnosti, zmanjšanjem števila barv, izključitvijo informacij o statičnih območjih slike itd. (Sl. 5) z ukazom Datoteka => Shrani (samo pri prvem shranjevanju) ali s klicem čarovnika za optimizacijo z ukazom Datoteka=>Čarovnik za optimizacijo (Datoteka=>Čarovnik za optimizacijo). Omeniti velja, da program, prvič, prikaže rezultat optimizacije že na stopnji optimizacije v oknu za predogled, in drugič, na koncu poroča o velikosti stisnjene datoteke v primerjavi z izvirnikom in času nalaganja za različne povezave možnosti (slika 6) . Vse to skupaj pomaga pri izbiri končne različice optimizirane datoteke, pri iskanju razumnega kompromisa med kakovostjo slike in njeno velikostjo.

riž. 5. Določitev optimizacijskih parametrov

riž. 6. Rezultat stiskanja animacijske datoteke med optimizacijo

Posledično bo ustvarjen stisnjeno datoteko v formatu Animation GIF, ki ga po potrebi lahko kadarkoli naložimo z ukazom File=>Open (Datoteka=>Odpri) in ga po potrebi pretvorimo.

Gif animacija v praksi

Obstaja neverjetno veliko različnih možnosti animacije, ki se tradicionalno uporabljajo v spletnem oblikovanju in so že postale klasične. To so različne možnosti za premikanje tako besedila kot celote ali njegovih posameznih znakov kot tudi drugih predmetov; različne možnosti preoblikovanja predmetov in različne rotacije. Poleg tega lahko predmeti utripajo in lesketajo dobesedno na vse načine, spreminjajo barvo, se raztapljajo, brišejo in počasi pojavljajo, krčijo in rastejo itd. Zaradi obsežnosti teme ne želimo pokriti vsega in vsakogar in se bomo osredotočili le na nekaj primerov, ki lahko prikažejo možnosti učinkovitega združevanja funkcionalnosti paketa Paint Shop Pro s pripomočkom Animation Shop.
Zoom Animacija

Ta učinek se pogosto uporablja na skoraj enak način za besedilo in druge predmete in se izvaja z uporabo zadevnih programov izjemno preprosto.

Če želite dobiti animacijo za spreminjanje velikosti, morate odpreti Paint Shop Pro in ustvariti novo risbo (sliki 7 in 8) - v tem primeru je to vektorska slika na belem ozadju. Vektorsko plast pretvorite v rastrsko plast tako, da jo kliknete z desno tipko miške in izberete Pretvori v rastrsko plast. Nato združite obe plasti tako, da z desno miškino tipko kliknete eno od njiju in izberete Spoji=>Združi vse.

riž. 7. Izvirna slika

riž. 8. Paleta plasti

Shranite ustvarjeno enoslojno sliko v izvornem formatu Paint Shop Pro in jo odprite v Animation Shop, kar bo imelo za posledico en okvir (slika 9). Uporabite učinek povečave z ukazom Učinki=>Vstavi prehod slike (Učinki=>Vstavi učinek prehoda slike) s parametri, prikazanimi na sl. 10. Posledično bo oblikovana cela serija okvirjev - približno tako kot na sl. 11. Izdelano animacijo si oglejte s klikom na gumb Ogled animacije in jo shranite z ukazom Datoteka=>Shrani v formatu Animacija GIF z želenimi optimizacijskimi parametri. Posledično bo pridobljena približno enaka animacija, kot je prikazana na sl. 12.

riž. 9. Začetno stanje okenski okvirji

riž. 10. Izbira in nastavitev učinka povečave

riž. 11. Okviri okno po uporabi učinka povečave

riž. 12. Končana animacija

Animacija z utripajočim učinkom

Poskusimo ustvariti utripajoče besedilo, ki se tradicionalno uporablja v spletnem oblikovanju. Odprite Paint Shop Pro, ustvarite novo risbo in natisnite poljubno besedilo na belo ozadje, na primer kot na sl. 13. Istočasno odprite pomožno datoteko, s katero boste izvedli učinek utripanja (slika 14).

riž. 13. Izhodiščno besedilo

riž. 14. Podporna slika

Z orodjem za izbor izberite poljubno pravokotno območje na pomožni sliki, ga prekopirajte v odložišče in prilepite kot novo plast na izvorno besedilo z ukazom Uredi=>Prilepi=>Prilepi kot novo plast na vrh vektorske. plast z besedilom. Nato začasno naredite novo rastrsko plast nevidno, pojdite na plast besedila in z orodjem Magic Wand izberite območje zunaj besedila. Vrnite se na vdelano rastrsko plast in pritisnite Del, da počistite izbor zunaj črk. Posledično bo besedilo videti podobno tistemu na sl. 15 in okno s plastmi bo videti kot sl. 16.

riž. 15. Besedilo po odstranitvi nepotrebnih delov slike

riž. 16. Stanje palete Layer kot rezultat prilagajanja rastrske plasti

Izbrišite plast ozadja in vektorsko plast z besedilom, ki nista potrebna za prihodnjo animacijo. Podvojite preostalo rastrsko plast in na dobljeni kopiji ustrezno zmanjšajte motnost plasti, na primer na 80 % (sliki 17 in 18).

riž. 17. Končni videz besedila

riž. 18. Končni videz palete plasti

Shranite ustvarjeno dvoslojno sliko v izvornem formatu PspImage programa Paint Shop Pro ali v formatu PSD (v obeh primerih bodo plasti shranjene) in jo odprite v Animation Shop. Ko odprete večplastno sliko, se plasti samodejno pretvorijo v okvirje (slika 19). Ustvarjeno animacijo si oglejte s klikom na gumb Ogled animacije - rezultat ne bo zelo dober: črke na privzetem črnem ozadju ne izgledajo zelo impresivno in utripanje se pojavi prehitro. Ozadje animacije spremenimo z ukazom Animation=>Animation Properties=>Canvas Barva (Animation=>Animation Properties=>Canvas Color) in nastavimo barvo na belo (sl. 20 in 21). Če želite upočasniti hitrost sličic, izberite oba okvirja v oknu Frames, odprite ukaz Frame Properties=>Display Time v meniju Animation in spremenite trajanje zakasnitve sličic, na primer kot na sl. 22. Ponovno preglejte animacijo in jo, če je rezultat zadovoljiv, shranite z ukazom Datoteka=>Shrani v formatu Animacija GIF s potrebnimi optimizacijskimi parametri. Posledično bo pridobljena približno enaka animacija, kot je prikazana na sl. 23.

riž. 19. Začetno stanje okna Frames

riž. 20. Spreminjanje barve ozadja v oknu Lastnosti animacije

riž. 21. Okvirji po menjavi barve platna

riž. 22. Spreminjanje hitrosti drsenja okvirja v oknu Frame Properties

riž. 23. Končana animacija

Spreminjanje barv v animaciji

Barvo v animaciji lahko spremenite različne poti, v skrajnih primerih preprosto z ustvarjanjem okvirjev, v katerih bodo predmeti ročno prebarvani. Vendar obstaja bolj priročen način: s prilagoditvijo parametrov Hue (Hue) in Saturation (Saturation) - to bomo upoštevali.

Odprite izvirno sliko v Paint Shop Pro, za katero želite izvesti animirano barvno spremembo (slika 24). Z orodjem Magic Wand izberite ozadje, nato naredite inverzijo (slika 25), kopirajte izbrano področje v odložišče in ga prilepite na novo sliko z ukazom Edit=>Paste=>Paste As New Image (Edit= >Paste=>Prilepi kot novo sliko) (slika 26).

riž. 24. Izvirna slika

riž. 25. Izbira fragmenta slike

riž. 26. Rezultat vstavitve izbranega fragmenta v novo sliko

Večkrat podvojite izvirno plast Raster 1 s klikom na gumb Podvoji plast v paleti plasti. Če želite dosledno spreminjati barvne odtenke, boste morali ustvariti precej takih plasti; za udobje jih preimenujte, kot je prikazano na sl. 27. Po tem začasno naredite nevidne vse plasti razen Raster 1 in Raster 2, aktivirajte plast Raster 2 in uporabite ukaz Adjust=>Hue and Saturation=>Hue/Saturation/Lightness (Adjustment=>Hue and Saturation=> Hue/ Saturation/Brightness) spremenite barvo, na primer kot na sl. 28. Naredite plast Raster 3 vidno in na enak način spremenite barvo slike na njej. Izvedite popolnoma enake operacije za vse preostale plasti.

riž. 27. Stanje palete plasti po podvajanju plasti

riž. 28. Prilagoditev barv slike

Ustvarjeno večslojno sliko shranite v izvirnem formatu PspImage programa Paint Shop Pro ali v formatu PSD in ga odprite v trgovini Animation Shop – v tem primeru bodo plasti samodejno pretvorjene v okvirje (slika 29). Izdelano animacijo si oglejte s klikom na gumb Ogled animacije in jo shranite z ukazom Datoteka=>Shrani v formatu Animacija GIF z želenimi optimizacijskimi parametri. Posledično bo pridobljena približno enaka animacija, kot je prikazana na sl. trideset.

riž. 29. Začetno stanje okna Frames

riž. 30. Končana animacija

Poskusimo malo urediti ustvarjeno animacijo - tako da se barve gladko zamenjajo ne samo v eno smer, ampak tudi v nasprotno. To storite tako, da naredite eno kopijo vsakega okvirja, razen prvega, tako da zaporedno kliknete vsak okvir z desnim gumbom miške in izberete ukaz Podvoji izbrano. Nato z miško povlecite kopije okvirjev, tako da se odtenki gladko zamenjajo, najprej v eni in nato v drugi smeri, zaradi česar bo okno Okvirji videti nekako tako kot na sl. 31. Disonanco bo zdaj povzročal le prvi, najsvetlejši okvir, ki ga je mogoče premakniti na sredino animacije - tam bo njegov odtenek bližje odtenkom sosednjih okvirjev. To storite tako, da izberete deseti okvir, z desno miškino tipko kliknete nanj, izberete ukaz Insert Frames => Empty in kliknete V redu - na sredini se prikaže prazen okvir. Nato povlecite najsvetlejši prvi okvir nanj. Oglejte si nastalo animacijo. Vidi se, da je odtenek pravkar premaknjenega okvirja še vedno precej drugačen od vseh drugih vključenih odtenkov - ko gledate animacijo na tem okvirju, slika močno spremeni barvo, zato je bolje ta okvir v celoti izbrisati tako, da ga izberete in s pritiskom na tipko Del.

riž. 31. Okno z okvirji po podvajanju in premikanju okvirjev

Oglejte si ustvarjeno animacijo in jo shranite kot animacijski GIF z želenimi možnostmi optimizacije. Nastala animacija je prikazana na sl. 32.

riž. 32. Končana animacija

Teoretično je mogoče animacijo s spremembami barv ustvariti neposredno v Animation Shop - to bo veliko hitreje zaradi prisotnosti ustreznega učinka Rotate Colors. Vendar pa je uporaba tega učinka omejena na samodejno izbiro barv in odtenkov, ki jih pri nastavitvi učinka ni mogoče spreminjati. Poskusimo uporabiti učinek Rotate Colors na enoslojni sliki (slika 33). Odprite sliko v Animation Shop - najprej se bo v oknu Frames prikazal samo en okvir, saj je imela slika samo eno plast. Uporabite učinek spreminjanja barve z ukazom Učinki => Vstavi slikovni učinek (Učinki => Vstavljanje slikovnega učinka) s parametri, prikazanimi na sl. 34. Rezultat bo samodejno generiranje 21. okvirja v paleti Okvirji (slika 35), ki ga shranite v formatu Animation GIF, boste prejeli animacijo, prikazano na sl. 36.

Kako narediti animacijo v programu Paint in dobil najboljši odgovor

Odgovor Alexey Khoroshev[guru]
Brezplačni program Paint.Net je kljub navidezni preprostosti vmesnika večnamenski in z njegovo pomočjo lahko ustvarite neverjetne, čudovite stvari.
Kaj je animacija? To so zaporedno menjajoče se slike (okvirji), zelo podobni diaprojekciji, le da se okvirji spreminjajo hitreje kot običajno in slike (okvirji) za ustvarjanje animacije so shranjene v razširitvi “gif” in ne v “jpeg” ali “jpg”. ”, kot ponavadi Navajeni smo shranjevati slike.
Bistvo je, da za ustvarjanje animacije potrebujete dodatni program tolmač, ki dela s slikami v razširitvi "gif".
Takih programov je veliko, vendar vas bomo popeljali do programa UnFREEz, katerega pripomoček opravlja samo eno funkcijo - ustvarja animirane premikajoče se datoteke.
Program UnFREEz je brezplačen, hitro se prenese, zavzame zelo malo prostora, deluje jasno, hitro in ne zahteva namestitve, arhiv, ki ste ga prenesli, je program sam.
Preneseno, razpakirano in lahko ga uporabljate.
Programski vmesnik vsebuje okno, v katerega nalagamo slike, le tri gumbe za upravljanje in nastavitev časa menjavanja sličic v centisekundah (1/100 sekunde).
Potrditveno polje je odgovorno za "predvajanje" videoposnetkov iz naloženih okvirjev v krogu.
Za nalaganje slik (z vlečenjem z miško) morajo biti vse enake velikosti in v končnici “gif”.
To je vse. Postaja že jasno, kako poteka animacija; vse, kar moramo storiti, je narediti te slike (okvirje) v Paint.Net.
Odprite Paint.Net, pojdite v meni »Učinki« in preverite, ali imamo v urejevalniku vtičnik »Point Warp«.
Tukaj lahko prenesete vtičnik »Point Warp«:. ru/soft/base/point_warp/point_warp_11/ Odstranite presledek.
Postavite ga v mapo Effects - (C:Program FilesPaint.NETEffects), vtičnik se bo sam namestil, če ne takoj, pa ko znova odprete urejevalnik.
Odprite sliko v Paint.NET.

Paint.net je priročen brezplačen grafični urejevalnik, ki lahko delno nadomesti drage Adobe Photoshop. Njegov nabor orodij je dovolj za obdelavo fotografij in ustvarjanje kolažev. V samem urejevalniku ni mogoče ustvariti animacije, zato boste morali dodatno uporabiti brezplačen pripomoček UnFREEz.

Boste potrebovali

• - grafični urejevalnik Paint.net;
• - Program UnFREEz.

Navodila

Prenesite arhiv programa UnFREEz s spletnega mesta razvijalca, ga razpakirajte in namestite na svoj računalnik. Zaženite Paint.net. Njegov vmesnik je zelo podoben vmesniku njegovega starejšega brata Photoshopa, tako da vam ne bo težko krmariti, če ste že uporabljali ta slavni urejevalnik.

Da bi razumeli načela ustvarjanja animacije, je bolje začeti z nečim preprostim, kot so napisi. V orodni vrstici kliknite ikono "T", da aktivirate orodje Type.

Določite ustrezen odtenek v barvni paleti ter vrsto in velikost pisave v plošči z lastnostmi. Kliknite ikono »Dodaj novo plast« na plošči Sloji in vnesite besedilo. Z ukazom “Shrani kot...” iz menija “Datoteka” shranite sliko v želeno mapo s končnico .jpg, na primer 1.jpg. To bo prvi okvir animacije.

Na plošči Sloji kliknite ikono Podvoji plast. Ustvarjena bo nova plast z enakim imenom kot tista, ki jo kopirate. Če želite preimenovati plast, jo dvokliknite na plošči Sloji in vnesite drugo ime.

V meniju »Učinki« pojdite na skupino »Popačenje« in izberite ukaz »Udrtine«. Za začetek nastavite parametre popačenja na nizke vrednosti. Če ste z rezultatom zadovoljni, kliknite V redu, da shranite. Za razveljavitev neuspešnih sprememb uporabite ukaz »Razveljavi« v meniju »Uredi« ali tipki Ctrl+Z.

Novo sliko shranite v isto mapo pod imenom 2.jpg, da ne pomešate zaporedja sličic. Pri shranjevanju bo program v prvem koraku ponudil izbiro stopnje zamegljenosti in kakovosti shranjene slike, v drugem - združitev vseh plasti ali zavrnitev združitve. Izberite "Združi vse plasti". Ko shranite sliko, bodo vse plasti združene v eno, imenovano »Ozadje«. Kliknite Razveljavi v meniju Uredi, da ju znova ločite.

Ustvarite drugo kopijo plasti in povečajte nastavitve popačenja. Shranite sliko kot 3.jpg. Postopek večkrat ponovite. Več okvirjev kot ustvarite, bolj gladka bo animacija.

Odprite mapo s shranjenimi datotekami gif. Zaženite program UnFREEz in povlecite slike eno za drugo v okno Frames. V oknu Frame delay izberite časovni interval za spreminjanje okvirjev in kliknite Make animated GIF. Ko vas program pozove, vnesite ime svoje animacije in mapo, v katero jo želite shraniti (privzeto bo predlagana mapa s shranjenimi datotekami gif).

Če želite izbrisati plast, kliknite na križec na plošči s plastmi. Plasti lahko izbrišete, če sta vsaj 2.

Ta lekcija je bila pripravljena na podlagi številnih vprašanj naših obiskovalcev. Pravzaprav pri ustvarjanju animiranih risb ni nič težkega. Gibljive slike podpira na primer najbolj znan format grafične datoteke GIF. Upoštevajte, da naredite animirano JPG datoteko ali BMP verjetno ne bo deloval, ker ti formati ne podpirajo prepletanja okvirjev.

Kako ustvariti premikajoče se filmske okvirje v Paint.NET

Če želimo torej ustvariti animirani videoposnetek, bomo morali narediti niz okvirjev. Zahvaljujoč dejstvu, da omogoča delo s plastmi, izdelava okvirjev sploh ni težka. Na primer, uporabimo sliko smeška, narejeno v lekciji Paint.NET "Kako narisati 3D smeška", objavljeno na naši spletni strani.

Če želite ustvariti več okvirjev, vzemimo sliko 3D smeška iz te vadnice in ustvarimo kopijo plasti s sliko smeška v številu okvirjev videoposnetka, ki ga potrebujemo. Če želite to narediti, lahko uporabite na primer meni "Layer" - "Make copy of layer" ali kopirate plast neposredno v okno "Layers" Paint.NET.

Plasti ne morete kopirati takoj, ampak na primer, če želite narediti drugi okvir, kopirajte prvi sloj in nato spremenite vzorec na kopiranem sloju v skladu z idejo videoposnetka. Na primer, stisnili smo smeška in ga premaknili gor in dol malo sličico za sličico. Na sliki na levi lahko vidite primer okna Paint.NET "Layers"; seveda se vsi okvirji ne prilegajo, vendar lahko vidite splošno idejo.

Kako shraniti okvirje premikajočega se filma v ločene datoteke

Za povezovanje posameznih sličic v želenem vrstnem redu v animirani video s programom UnFREEz je potrebno sličice najprej shraniti kot ločene datoteke. Tudi v tem ni nič zapletenega. Lahko na primer kopirate celotno vsebino želene plasti, ustvarite novo sliko in vanjo prilepite sliko, kopirano iz plasti. Nato jo shranite kot ločeno datoteko GIF. Celotno sliko na sloju lahko izberete na primer s pritiskom na kombinacijo tipk Ctrl+A. Opisi drugih bližnjičnih tipk Paint.NET so v razdelku z navodili na tem mestu.

Drug način je na primer, da preprosto izklopite vidnost plasti, ki niso potrebne na trenutnem okvirju, in nato shranite vidne plasti kot ločeno sliko GIF. To lahko storite v meniju Paint.NET "Datoteka" - "Shrani kot". Pri shranjevanju kot GIF bo Paint.NET ponudil združitev vseh plasti slike, tj. Izkazalo se je, da bodo začasno onemogočeni sloji izginili. Toda ko shranite datoteko z okvirjem, lahko kliknete gumb »Prekliči« v vodoravni plošči Paint.NET in zadnje dejanje združevanje plasti bo preklicano in vse plasti se bodo vrnile nazaj.

Ponovno upoštevajte, da je za združevanje okvirjev s programom UnFREEz v eno animirano GIF datoteko potrebno, da imajo vsi okvirji enako velikost slike. To je na primer, če je velikost slike enega okvirja 20 x 30 slikovnih pik, morajo biti preostali okvirji enake velikosti. Zgoraj opisana metoda za ustvarjanje okvirjev v Paint.NET zagotavlja, da je ta pogoj izpolnjen, saj so vsi okvirji narejeni iz ene glavne slike.