Piirustuksia animaatiota varten maalilla. Kuinka tehdä animaatiota Paintissa? Animoitujen gif-kuvien luomisen teoreettiset näkökohdat

Osat: Tietokone Tiede

Oppitunnin tarkoitus: Animoidun kuvan luominen aiheesta: "Meri"

Oppitunnin tavoitteet:

1. Koulutus – luo animoitu kuva graafisella muokkausohjelmalla Paint ja Power Point aiheesta: "Meri"
2. Koulutus - edistää tarkkaavaisuuden ja itsenäisyyden muodostumista oppitunnin aikana.
3. Kehittäviä - opiskelijoiden luovan ajattelun kehittäminen.

Oppitunnin tyyppi: oppitunti uuden materiaalin oppimisessa

Oppitunnin rakenne.

1. Organisaatiovaihe. (2 minuuttia.)
2. Esittely- ja motivaatiovaihe. (10 min.)
3. Toiminta- ja sisältövaihe. (20 minuuttia.)
4. Heijastava - arvioiva vaihe. (5 minuuttia).
5. Kotitehtävät (3 min)

Varusteet: liitutaulu, liitu, PC, ohjelmistot, opetusmateriaalit.

Tuntien aikana.

1. Organisaatiovaihe.

Hei kaverit, istu alas. Tänään oppitunnilla opimme luomaan animoitua kuvaa. Mitä se tarkoittaa?

Käytä mielikuvitustasi animaation luomiseen
Sinun on piirrettävä piirustus viipymättä!
Osoitat lentoradan, piirustus herää eloon,
Hän kutsuu sinut fantasiamaailmaan!!

Tänään sukeltaamme maagiseen vedenalaiseen maailmaan.

Piirretään merta, tiedämme tästä paljon,
Upea mustekala ui meressä.
Hän vetää puoleensa kauneudellaan,
Kun kalat uivat ohi, ne kumartuvat!

2. Johdanto-motivaatiovaihe (perustietojen päivittäminen).

Viimeisellä oppitunnilla opiskelimme aihetta: "Tiedon koodaus" ja teimme käytännön työtä tästä aiheesta. Vastaa kysymyksiin: Miten tietoa voidaan koodata ja purkaa? Mitä on koodaus? Mitä on dekoodaus? Mitä ohjelmia ja sovelluksia käytimme tiedon koodaamiseen ja purkamiseen?

Muistaa Tämä aihe suorita käytännön tehtävä tietokoneella. Purkaa oppituntimme aihe.

Numeroiden ja numeroiden maailma on hyvin suuri,
Sinä, opiskelija, pystyit ymmärtämään heidän salaisuutensa!
Loppujen lopuksi jokainen numero täällä tallentaa kirjaimen,

Pura se ja lue se välittömästi!

Tietojen dekoodaus suoritetaan Notepad-ohjelmassa. Kirjain puretaan painamalla numerokoodia samanaikaisesti Alt-näppäimen kanssa.

Tehtävään on koodattu seuraava teksti:

TÄNÄÄN TIEDOTUNNILLA LUOMME ANIMAATIOT PAINT GRAFIC EDITORILLA. TOIVOTAN KAIKILLE HYVÄÄ TYÖTÄ JA HYVÄÄ TUNNIA!

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. Toiminta- ja sisältövaihe. (20 minuuttia.)

Animoidun kuvan luominen.

Työsuunnitelma. Nyt olemme menossa vedenalaiselle matkalle, luomme animaation "Sea".

4. "Sea"-animaatioiden luominen

1. Avaa graafinen editori Paint (Käynnistä – Ohjelmat – Tarvikkeet – Paint)

2. Valitse valikkoriviltä Kuva – Attribuutit. Sarjaparametrit: korkeus 24 cm, leveys 32 cm.

3. Valitse työkaluriviltä täyttö ja täytä asiakirja sinisellä.

4. Piirrä merikiviä (mikä tahansa koko ja määrä) käyttämällä työkalupalkin ellipsin muotoa. Maalaa kivet eri väreillä täytteen avulla.

5. Piirrä levät Curve-työkalulla.

Mitä rajattomia kauneutta,
Mikä upea, upea näkymä,
Mutta tässä meiltä puuttuu jotain,
Rauhallisuus ja hiljaisuus vallitsee.
Täällä kivet ovat kauniita, vedenalaisia,
Täällä levät ovat pitkiä ja vihreitä,
Mutta kultakala puuttuu,
Nauti kauneudesta tunteella!
Piirretään kala kanssasi,
Tehdään tälle vähän taikuutta!

6. Tallenna tuloksena oleva piirros. (Tiedosto – Tallenna nimellä – kuvan nimi Meri).

7. Avaa graafinen editori Paint (Käynnistä – Ohjelmat – Apuohjelmat – Paint)

8. Valitse valikkoriviltä Kuva – Attribuutit. Asetetut parametrit: korkeus 3 cm, leveys 5 cm.

9. Valitse työkaluriviltä täyttö ja täytä asiakirja sinisellä.

10. Piirrä kala.

11. Tallenna saatu piirustus. (Tiedosto – Tallenna nimellä – kuvan nimi Kala).

Tässä hän on, kaunotar, kultainen kala,
Hän ui nopeasti, miettien merta!
Mutta jotta kalat eivät kyllästy,
Meidän on luotava hänelle ystävä!

12. Avaa graafinen editori Paint (Käynnistä – Ohjelmat – Apuohjelmat – Paint)

13. Valitse valikkoriviltä Kuva – Attribuutit. Asetetut parametrit: korkeus 5 cm, leveys 3 cm.

14. Valitse työkaluriviltä täyttö ja täytä asiakirja sinisellä.

15. Piirrä mustekala.

16. Tallenna saatu piirustus. (Tiedosto – Tallenna nimellä – kuvan nimi Octopus).

Hänellä on monta jalkaa
Kuka tämä on? Mustekala!
Hän ui kalojen kanssa,
Ja meidät viedään mereen.

17. Avaa Power Point -esitys (Käynnistä – Ohjelmat – Power Point).

18. Valitse valikkoriviltä Lisää – Kuva – Tiedostosta – Meri

19. Valitse valikkoriviltä Lisää – Kuva – Tiedostosta – Kala

20. Valitse valikkoriviltä Insert – Picture – From File – Octopus

21. Valitse kohde, kala, napsauta hiiren kakkospainikkeella ja valitse animaatioasetukset näkyviin tulevasta valikosta.

22. Valitse: Lisää tehoste – Siirrä polkuja – Piirrä mukautettu kurssi-käyrä. Piirrä mielivaltainen käyrä.

23. Valitse kohde, mustekala, napsauta hiiren kakkospainikkeella ja valitse animaatioasetukset näkyviin tulevasta valikosta.

24. Valitse: Lisää tehoste – Siirrä polkuja – Piirrä mukautettu kurssi-käyrä. Piirrä mielivaltainen käyrä.

25. Valitse valikkoriviltä Slide Show – Start Show.

Meren kauneus on rajaton,
Meren kauneus on vaihteleva,
Elämä on liikkeessä, ja tämä on meille tuttua
Liikkukaamme aina.
Merenranta, kalat, valtameret,
Ei ole mitään keinoa välittää kaikkea kauneutta,
Salaisuuden verhon nostamiseksi,
Meidän on luotava animaatio.

4. Heijastava-arvioiva vaihe (5 min).

Oppituntien arvosanat annetaan

5. Kotitehtävät.

Luo ilmainen animoitu kuva.

Svetlana Shlyakhtina

Mitään verkkosivua ei voida ajatella ilman verkkoanimaatiota, mukaan lukien animoidut gifit. Verkkosuunnittelijat joutuivat melko pitkään käyttämään niitä luodessaan useita eri kehittäjien erikoisohjelmia. Kuitenkin, kun vastaavat ominaisuudet tulivat suosittuun 2D:hen grafiikkapaketit, jotka on suunnattu ensisijaisesti toimimaan kaksiulotteisen kanssa rasterigrafiikka ja samalla voit luoda tiedostoja Animation GIF -muodossa niitä täydentävien vastaavien apuohjelmien vuoksi, kaikki on tullut paljon yksinkertaisempaa. Nämä paketit sisältävät Jasc Paint Shop Pron, joka sisältää Animation Shop -ohjelman, joka on suunniteltu luomaan GIF-animaatioita: animoituja painikkeita, bannereita ja muita animoituja elementtejä.

Paint Shop Pro ja Animation Shop toimivat tiiviisti yhdessä, ovat täysin yhteensopivia ja täydentävät toisiaan täydellisesti, mikä mahdollistaa animaation luontivaiheessa toistuvan vaihdon ohjelmasta toiseen ja kuvakehyksen muokkaamisen Paint Shop Prossa, mikä varmistaa, että vastaavat kehykset muutetaan Animation Shopissa. Voit myös viedä tasoja kehyksiin ja päinvastoin sekä animaatioita monikerroksiseen kuvaan. Samaan aikaan jokainen näistä ohjelmista säilyy omana erikoisuutenaan verkkografiikan suhteen: yleensä on parempi valmistella ja muokata kehyksiä Paint Shop Prossa ja käyttää dynaamisia tehosteita, optimointia ja tietysti itse animaatiota. - Animaatiokaupassa.

Animation Shop sisältää käyttäjäystävällisen käyttöliittymän ja yksinkertaisen ja kätevän tilan kehysten muokkausta varten, jossa niitä voi kiertää, peilata ja rajata, sekä laajan valikoiman työkaluja: siveltimiä, muotoja, poisto- ja rajaustyökaluja, tekstityökalut jne. Kaikki tämä yhdistettynä kykyyn työskennellä askel askeleelta mestarit, antaa jopa ei-ammattilaisten luoda nopeasti GIF-animaatioita. Lisäksi Animation Shop tarjoaa laajan valikoiman ammattimaisia ​​tehosteita ja suodattimia, joita voit käyttää luodessasi animaatioita. Ohjelma tukee tehokkaita ja käteviä optimointimenetelmiä, joiden avulla voit nopeasti löytää optimaalisen ratkaisun sen ikkunassa näkyvien tietojen perusteella kuvanlaadusta, koosta ja latausnopeudesta ja pienentää merkittävästi "elävän" kuvan kokoa.

Teoreettiset näkökohdat animoitujen gif-kuvien luominen

Kuten tiedät, animaatio on kehyssarja, jonka lähdegrafiikkamateriaali voidaan valmistaa etukäteen sekä Animation Shopissa että Paint Shop Prossa, ja sovelluksen valinta määräytyy tietyn animaation ominaisuuksien mukaan.

Gif-animaatio Animation Shopissa voidaan luoda kolmella tavalla. Ensimmäinen ja kätevin niistä on esivalmistella monikerroksinen kuva Paint Shop Prossa, joka on tallennettu PspImage- tai PSD-muotoon ja avattu Animation Shopissa - tässä tapauksessa jokaiselle yksittäiselle kuvan kerrokselle luodaan erillinen kehys. . Tasot tarjoavat kätevän tavan luoda sommittelullisesti animoitu kuva erilaisista graafisista ja tekstielementeistä, ja voit käyttää niihin erilaisia ​​elementtejä kuvia, erilaisia ​​suodattimia, muuttaa läpinäkyvyyden astetta ja kerrosten sekoitustilaa, säätää kirkkautta ja käyttää muita Paint Shop Prossa saatavilla olevia muunnoksia, mikä tarjoaa erilaisia ​​tehosteita.

Toinen menetelmä on perinteinen vaihtoehto animaatioiden luomiseen itsenäisissä gif-animaattoreissa, ja se koostuu valmiiksi luotujen yksikerroksisten kuvakehysten peräkkäisestä yhdistämisestä ohjatun toiminnon avulla. Lisäksi on teoriassa mahdollista luoda yksinkertainen animoitu gif tyhjästä suoraan Animation Shop -ympäristössä.

Kehysten luomiseen on myös olennaisesti erilainen mahdollisuus - välikehysten automaattinen luominen, mikä nopeuttaa merkittävästi sujuvan animaation tuotantoa, koska jokaista kehystä ei tarvitse luoda manuaalisesti. Tätä varten määritetään avainkehykset, ja sitten tietokone muodostaa automaattisesti kaiken, mitä niiden välisissä tiloissa pitäisi olla, ohjelmassa määritellyn vaikutuksen mukaisesti (kierto, liike, muuttuvat väriominaisuudet jne.). kuitenkin Tämä mahdollisuus rajoittaa Animation Shopissa saatavilla olevien tehosteiden määrä (on syytä huomata, että tehosteita on yleensä melko paljon, mutta ei kaikkiin tilanteisiin), ja jos suunniteltu kehysten vaihtamisperiaate ei sisälly saatavilla olevien kehysten määrään tehosteita, kaikki välikehykset on luotava manuaalisesti Paint Shop Prossa.

Animaatioiden vienti ja päivitys

Kuten jo todettiin, animaation luontivaiheessa voit vaihtaa Paint Shop Pro- ja Animation Shop -ohjelmien välillä, vaikkakin vain, jos Vie kehykset Paint Shop Prohon kerroskuvina -valintaruutu on otettu käyttöön Animation Shop -ohjelmassa. Käytä tätä varten komentoa File=>Preferences=>General Program Preferences=>Layered Files (Tiedosto=>Asetukset=>Yleiset ohjelman asetukset=>Layered files) ja ota käyttöön määritetty valintaruutu (kuva 1). Tässä tapauksessa, jos sinun on muokattava yhtä tai kaikkia animaatiokehyksiä, riittää, että viedään valitut kehykset Animation Shopista Paint Shop Prohon jollakin seuraavista tavoista:
valitse valikosta komento File=>Export Frames=>To Paint Shop Pro;
napsauta työkalupalkin Vie kehyksiä Paint Shop Prohon -painiketta;
Napsauta valittuja kehyksiä hiiren kakkospainikkeella ja valitse ponnahdusvalikosta Vie kehyksiä Paint Shop Prohon.

Riisi. 1. Otetaan käyttöön mahdollisuus viedä kehyksiä Paint Shop Prohon

Sitten sinun tulee tehdä tarvittavat muunnokset Paint Shop Pro -ympäristössä ja sulkea tiedosto tallentamatta - tässä tapauksessa ohjelma kysyy Animation Shopin vastaavien kehysten päivittämisen tarpeesta. Jos vastaus on kyllä, kaikki Paint Shop Prossa tehdyt muutokset siirretään Animation Shopissa avautuvaan animaatioon, joka on katsottavissa.

Animaatioiden päivittämiseen Paint Shop Prosta on toinenkin vaihtoehto: käytä Edit=>Update Back to Animation Shop -komentoa sulkematta Paint Shop Pro -tiedostoa. Siirry sitten Animation Shopiin ja katkaise linkki animaation ja tilapäisesti luodun monikerroksisen kuvan välillä komennolla File=>Export Frames=>Break Link with Exported Frames (File=>Export Frames=>Break Link with Exported Frames). Viimeinen vaihe on välttämätön, koska yhteyttä katkeamatta lisätoimia Animation Shopissa ei ole mahdollista.

Valitettavasti meidän on myönnettävä, että molemmat vaihtoehdot eivät ole kovin käteviä, koska on mahdotonta luoda tehokasta animaatiota pelkästään käyttämällä Paint Shop Pron kehysten muokkausmenettelyä. Useimmiten joudut muokkaamaan kehyksiä, päivittämään animaatiota, katsomaan tulosta ja muokkaamaan uudelleen monta kertaa. Ja joka kerta tätä varten sinun on vietävä kehykset Paint Shop Prohon. Ilmeisesti toinen vaihtoehto on suunniteltu tarkasti mahdollisuuteen muokata monikerroksista kuvaa toistuvasti säännöllisillä animaatiopäivityksillä, mutta se ei ole täysin toteutettu, joten se ei anna käytännössä mitään, jolloin voit päivittää animaatiota ja estää kaikki toiminnot animaatiossa. Shoppaile ja mikä tärkeintä, katso animaatioita. Haluaisin uskoa, että tämä epämiellyttävä vivahde poistetaan seuraavissa Paint Shop Pron ja Animation Shopin versioissa.
Työskentele henkilöstön kanssa

Animaatiota kehitettäessä pääikkuna on Frames-ikkuna, jossa itse kehykset sijaitsevat (kuva 2). Jos haluat työskennellä tietyn kehyksen kanssa, valitse se tässä ikkunassa ja tee siihen tarvittavat muunnokset - muokkaa, käytä tehostetta, muuta ominaisuuksia jne. Useiden kehysten valitseminen tapahtuu tavalliseen tapaan pitämällä Ctrl- tai Shift-näppäimiä painettuna. , ja kaikki kehykset voidaan valita kerralla Muokkaa => -komennolla Select All (Edit=>Select all).

Riisi. 2. Kehykset-ikkuna: lyhenne F osoittaa kehyksen numeron ja lyhenne D osoittaa sen keston sekunnin sadasosina

Kehyksiin liittyen voit suorittaa yksinkertaisia ​​muunnoksia: kiertoja ja heijastavia heijastuksia(valikko Animaatio - Animaatio), ja suorita myös kääntäminen muuttamalla kehysten suuntaa vastakkaiseen suuntaan komennolla Animaatio=>Käänteiset kehykset (Animaatio=>Käänteiset kehykset).

Mielenkiintoisin asia kehysten kanssa työskennellessä on tehosteiden käyttäminen niihin, joiden avulla voit yhdistää kehyksiä toisiinsa käyttämällä monenlaisia ​​muunnoksia (kuva 3). Kaikki tehosteet sijaitsevat Tehosteet-valikossa ja on jaettu kolmeen ryhmään: kuvan liiketehosteet (Insert Image Transition -komento), kuvatehosteet (Insert Image Effect- ja Apply Image Effect -komennot) ja tekstitehosteet (Insert Text Effect ja Apply Text Effect -komennot) . On syytä huomata, että joidenkin näiden komentojen käyttö (ne alkavat sanalla Insert...) johtaa automaattisesti kokonaisen sarjan välikehysten luomiseen, mikä varmistaa sujuvan siirtymisen manuaalisesti luotujen lähdekehysten välillä. Käytä kuvatehostetta ja Käytä tekstitehostetta -komennot puolestaan ​​käyttävät tehostetta valittuihin kehyksiin luomatta välikehyksiä.

Riisi. 3. Dissolve-efektin käyttäminen

Tarkastele ja muuta animaation ominaisuuksia

Animaatiokauppa-ikkunassa voit heti tarkastella tulosta napsauttamalla Näytä animaatio -painiketta ja tarvittaessa tehdä tarvittavat muutokset, esimerkiksi säätää yhden tai useamman kehyksen viiveaikaa jne. Oletusarvoisesti näyttöviive kaikille kehyksille on sekunnin sadasosa, ja tässä tapauksessa kehykset korvaavat toisensa lähes välittömästi. Jokaisen ruudun toistoaikaa voidaan kuitenkin helposti muuttaa komennolla Animation=>Frame Properties=>Display Time.

Lisäksi animaation taustavärin säätäminen Animation=>Animation Properties=>Canvas Color -komennolla ei ole vaikeaa, ja myös kehyksen kokoa muutetaan komennolla Animation=>Resize Animation. Muuta animaation kokoa) (Kuva 4) .

Riisi. 4. Animaatiokehysten koon muuttaminen

Animaatioiden tallentaminen ja optimointi

Työn lopussa ohjelman avulla voit tallentaa animaatiotiedoston optimoinnilla, toisin sanoen vähentämällä äänenvoimakkuutta, vähentämällä värien määrää, sulkemalla pois siitä tiedot kuvan staattisista alueista jne. (Kuva 1). 5) Tiedosto => Tallenna -komennolla (vain ensimmäistä kertaa tallennettaessa) tai kutsumalla optimointivelho komennolla File=>Optimization Wizard (File=>Optimization Wizard). On syytä huomata, että ensinnäkin ohjelma näyttää optimointituloksen jopa optimointivaiheessa esikatseluikkunassa, ja toiseksi se raportoi lopussa pakatun tiedoston koon verrattuna alkuperäiseen ja sen latausajan eri yhteyksille vaihtoehdot (kuva 6) . Kaikki tämä yhdessä auttaa valitsemaan optimoidun tiedoston lopullisen version ja löytämään kohtuullisen kompromissin kuvanlaadun ja koon välillä.

Riisi. 5. Optimointiparametrien määrittäminen

Riisi. 6. Animaatiotiedoston pakkaamisen tulos optimoinnin aikana

Tämän seurauksena se luodaan pakattu tiedosto Animation GIF -muodossa, joka voidaan tarvittaessa ladata milloin tahansa komennolla File=>Open (File=>Open) ja muuntaa tarpeen mukaan.

Gif-animaatio käytännössä

On olemassa uskomattoman paljon erilaisia ​​animaatiovaihtoehtoja, joita käytetään perinteisesti web-suunnittelussa ja joista on tullut jo klassisia. Nämä ovat erilaisia ​​vaihtoehtoja sekä koko tekstin että sen yksittäisten merkkien sekä muiden objektien siirtämiseen. erilaisia ​​vaihtoehtoja esineiden muuntamiseen ja erilaisiin kiertoihin. Lisäksi esineet voivat vilkkua ja hohtaa kirjaimellisesti kaikin tavoin, muuttaa väriään, liueta, pyyhkiä ja ilmestyä hitaasti, kutistua ja kasvaa jne. Aiheen laajuudesta johtuen emme pyri kattamaan kaikkea ja kaikkia, vaan keskitymme vain muutamiin esimerkkeihin, jotka voivat osoittaa mahdollisuudet yhdistää tehokkaasti Paint Shop Pro -paketin toimivuus Animation Shop -apuohjelman kanssa.
Zoomaus-animaatio

Tätä efektiä sovelletaan usein lähes samalla tavalla sekä tekstiin että muihin objekteihin ja se toteutetaan kyseisten ohjelmien avulla erittäin yksinkertaisesti.

Skaalausanimaatiota varten sinun tulee avata Paint Shop Pro ja luoda uusi piirustus (kuvat 7 ja 8) - tässä tapauksessa se on vektorikuva valkoisella taustalla. Muunna vektorikerros rasteritasoksi napsauttamalla sitä hiiren kakkospainikkeella ja valitsemalla Muunna rasteritasoksi. Yhdistä sitten molemmat tasot napsauttamalla hiiren kakkospainikkeella yhtä niistä ja valitsemalla Yhdistä=>Yhdistä kaikki.

Riisi. 7. Alkuperäinen kuva

Riisi. 8. Kerrospaletti

Tallenna luotu yksikerroksinen kuva Paint Shop Pron alkuperäisessä muodossa ja avaa se Animation Shopissa, jolloin tuloksena on yksi kehys (kuva 9). Käytä zoomaustehostetta komennolla Effects=>Insert Image Transition (Effects=>Insert image Transition Effect) kuvassa 1 esitetyillä parametreilla. 10. Tämän seurauksena muodostuu koko sarja kehyksiä - suunnilleen kuten kuvassa 1. 11. Katso luotu animaatio napsauttamalla Näytä animaatio -painiketta ja tallenna se komennolla File=>Save Animation GIF-muodossa halutuilla optimointiparametreilla. Tuloksena saadaan suunnilleen sama animaatio kuin kuvassa 1. 12.

Riisi. 9. Alkutila ikkunoiden kehyksiä

Riisi. 10. Zoom-tehosteen valinta ja säätäminen

Riisi. 11. Kehykset-ikkuna zoomaustehosteen käytön jälkeen

Riisi. 12. Animaatio valmis

Animaatio vilkkuva tehoste

Yritetään luoda vilkkuva teksti, jota on perinteisesti käytetty web-suunnittelussa. Avaa Paint Shop Pro, luo uusi piirros ja tulosta mikä tahansa teksti esimerkiksi valkoiselle taustalle, kuten kuvassa. 13. Avaa samalla aputiedosto, jolla aiot toteuttaa vilkkumisefektin (kuva 14).

Riisi. 13. Lähdeteksti

Riisi. 14. Tukikuva

Valitse valintatyökalulla mielivaltainen suorakaiteen muotoinen alue apukuvasta, kopioi se leikepöydälle ja liitä se uutena tasona lähdetekstiin komennolla Muokkaa=>Liitä=>Liitä uutena tasona vektorin päälle. kerros tekstillä. Tee sitten tilapäisesti uusi rasterikerros näkymätön, siirry tekstitasolle ja valitse tekstin ulkopuolella oleva alue Taikasauva-työkalulla. Palaa upotettuun rasterikerrokseen ja poista valinta kirjainten ulkopuolella painamalla Del. Tämän seurauksena teksti näyttää suunnilleen kuvan 1 kaltaiselta. 15, ja tasot-ikkuna näyttää tältä kuin kuva Fig. 16.

Riisi. 15. Teksti sen jälkeen, kun olet poistanut tarpeettomat osat kuvasta

Riisi. 16. Tasopaletin tila rasterikerroksen säätämisen seurauksena

Poista tausta- ja vektorikerros, jossa on tekstiä, jota ei tarvita tulevaa animaatiota varten. Kopioi jäljelle jäänyt rasterikerros ja vähennä tuloksena olevalla kopiolla kerroksen peittävyyttä tarpeen mukaan, esimerkiksi 80 %:iin (kuvat 17 ja 18).

Riisi. 17. Tekstin lopullinen ulkoasu

Riisi. 18. Layer-paletin lopullinen ulkoasu

Tallenna luotu kaksikerroksinen kuva Paint Shop Pron alkuperäiseen PspImage-muotoon tai PSD-muotoon (molemmissa tapauksissa kerrokset tallennetaan) ja avaa se Animation Shopissa. Kun avaat monikerroksisen kuvan, tasot muunnetaan automaattisesti kehyksiksi (kuva 19). Katso luotu animaatio napsauttamalla Näytä animaatio -painiketta - tulos ei ole kovin hyvä: kirjaimet eivät näytä kovin vaikuttavilta oletusmustalla taustalla ja vilkkuminen tapahtuu liian nopeasti. Voit muuttaa animaation taustaa komennolla Animation=>Animation Properties=>Canvas Color (Animation=>Animation Properties=>Canvas Color) ja aseta väriksi valkoinen (kuvat 20 ja 21). Hidastaaksesi kuvanopeutta, valitse molemmat kehykset Frames-ikkunassa, avaa Animaatio-valikosta komento Frame Properties=>Display Time ja muuta otosviiveen kestoa, kuten kuvassa 1. 22. Tarkista animaatio uudelleen ja jos tulos on tyydyttävä, tallenna se komennolla File=>Save Animation GIF -muodossa tarvittavin optimointiparametrein. Tuloksena saadaan suunnilleen sama animaatio kuin kuvassa 1. 23.

Riisi. 19. Kehykset-ikkunan alkutila

Riisi. 20. Taustavärin muuttaminen Animation Properties -ikkunassa

Riisi. 21. Kehykset kankaan värin muuttamisen jälkeen

Riisi. 22. Kehyksen vieritysnopeuden muuttaminen Kehyksen ominaisuudet -ikkunassa

Riisi. 23. Animaatio valmis

Värien vaihtaminen animaatiossa

Animaation väriä voidaan muuttaa eri tavoillaääritapauksissa yksinkertaisesti luomalla kehyksiä, joissa objektit maalataan uudelleen manuaalisesti. Mutta on kätevämpi tapa: säätämällä parametreja Hue (Hue) ja Saturation (Saturation) - harkitsemme sitä.

Avaa alkuperäinen kuva Paint Shop Prossa, jolle haluat tehdä animoidun värimuutoksen (kuva 24). Valitse tausta Magic Wand -työkalulla, tee käännös (kuva 25), kopioi valittu alue leikepöydälle ja liitä se uuteen kuvaan komennolla Edit=>Paste=>Paste As New Image (Edit= >Liitä=>Liitä uutena kuvana) (Kuva 26).

Riisi. 24. Alkuperäinen kuva

Riisi. 25. Kuvan fragmentin valitseminen

Riisi. 26. Tulos valitun fragmentin lisäämisestä uuteen kuvaan

Kopioi alkuperäinen Raster 1 -taso useita kertoja napsauttamalla Taso-paletin Kopioi kerros -painiketta. Jos haluat jatkuvasti muuttaa värisävyjä, sinun on luotava melko paljon tällaisia ​​kerroksia; Nimeä ne uudelleen, kuten kuvassa näkyy. 27. Tee tämän jälkeen tilapäisesti kaikki tasot paitsi rasteri 1 ja rasteri 2 näkymättömiksi, aktivoi Raster 2 -taso ja käytä komentoa Adjust=>Hue and Saturation=>Hue/Saturation/Lightness (Adjustment=>Hue and Saturation=> Hue/ Kylläisyys/kirkkaus) muuttaa väriä, kuten kuvassa 1. 28. Tee Raster 3 -taso näkyväksi ja muuta sen kuvan väriä samalla tavalla. Tee täsmälleen samat toimenpiteet kaikille jäljellä oleville kerroksille.

Riisi. 27. Tasopaletin tila kerrosten monistamisen jälkeen

Riisi. 28. Kuvan värin säätö

Tallenna luotu monikerroksinen kuva Paint Shop Pron alkuperäiseen PspImage-muotoon tai PSD-muotoon ja avaa se Animation Shopissa - tässä tapauksessa kerrokset muunnetaan automaattisesti kehyksiksi (kuva 29). Katso luotu animaatio napsauttamalla Näytä animaatio -painiketta ja tallenna se komennolla File=>Save Animation GIF -muodossa halutuilla optimointiparametreilla. Tuloksena saadaan suunnilleen sama animaatio kuin kuvassa 1. kolmekymmentä.

Riisi. 29. Kehykset-ikkunan alkutila

Riisi. 30. Animaatio valmis

Yritetään muokata luotua animaatiota hieman - jotta värit korvaavat sujuvasti toisiaan paitsi yhteen suuntaan, myös päinvastoin. Tee tämä tekemällä jokaisesta kehyksestä yksi kopio, paitsi ensimmäinen, napsauttamalla jokaista kehystä peräkkäin hiiren oikealla painikkeella ja valitsemalla Kopioi valitut -komennon. Vedä sitten kehysten kopioita hiirellä niin, että sävyt korvaavat tasaisesti toisensa ensin yhteen ja sitten toiseen suuntaan, jolloin Kehykset-ikkuna näyttää suunnilleen kuvan 1 kaltaiselta. 31. Dissonanssia aiheuttaa nyt vain ensimmäinen, kirkkain kehys, joka voidaan siirtää animaation keskelle - siellä sen sävy on lähempänä viereisten kehysten sävyjä. Valitse kymmenes kehys, napsauta sitä hiiren kakkospainikkeella, valitse komento Insert Frames => Empty ja napsauta Ok - tyhjä kehys ilmestyy keskelle. Vedä sitten kirkkain ensimmäinen kehys siihen. Katso tuloksena oleva animaatio. Voidaan nähdä, että juuri siirretyn kehyksen sävy on edelleen melko erilainen kuin kaikki muut mukana olevat sävyt - katsottaessa animaatiota tällä kehyksellä, kuvan väri muuttuu suuresti, joten on parempi poistaa tämä kehys kokonaan valitsemalla se ja painamalla Del-näppäintä.

Riisi. 31. Kehysi ikkunan monistamisen ja kehysten siirtämisen jälkeen

Tarkastele luomaasi animaatiota ja tallenna se animaatio-GIF-muodossa halutuilla optimointivaihtoehdoilla. Tuloksena oleva animaatio on esitetty kuvassa. 32.

Riisi. 32. Valmis animaatio

Teoriassa animaatio värimuutoksilla voidaan luoda suoraan Animation Shopissa - se on paljon nopeampi vastaavan Rotate Colors -tehosteen ansiosta. Tämän tehosteen käyttö rajoittuu kuitenkin automaattiseen värien ja sävyjen valintaan, jota ei voi muuttaa tehostetta asetettaessa. Yritetään soveltaa Rotate Colors -tehostetta yksikerroksiseen kuvaan (kuva 33). Avaa kuva Animation Shopissa - Frames-ikkunaan tulee aluksi vain yksi kehys, koska kuvassa oli vain yksi kerros. Käytä värinmuutostehostetta komennolla Tehosteet => Lisää kuvatehoste (Effects => Inserting an image Effect) kuvassa 1 esitetyillä parametreilla. 34. Tuloksena on Frames-paletin 21. kehyksen automaattinen generointi (kuva 35), jonka tallentamalla GIF-animaatiomuotoon saat kuvassa näkyvän animaation. 36.

Kuinka tehdä animaatio Paintissa ja sain parhaan vastauksen

Vastaus henkilöltä Alexey Khoroshev[guru]
Ilmainen Paint.Net-ohjelma on käyttöliittymänsä näennäisestä yksinkertaisuudesta huolimatta monitoiminen ja sen avulla voit luoda uskomattomia, upeita asioita.
Mitä animaatio on? Nämä ovat peräkkäin vaihtuvia kuvia (kehyksiä), jotka ovat hyvin samanlaisia ​​kuin diaesitys, vain kehykset vaihtuvat tavallista nopeammin ja animaation luomiseen käytettävät kuvat (kehykset) tallennetaan "gif" -laajennukseen, ei "jpeg" tai "jpg" ”, kuten tavallista Olemme tottuneet tallentamaan kuvia.
Pointti on, että animaation luomiseen tarvitaan lisäohjelma tulkki, joka toimii "gif"-laajennuksessa olevien kuvien kanssa.
Tällaisia ​​ohjelmia on monia, mutta viemme sinut UnFREEz-ohjelmaan, jonka apuohjelma suorittaa vain yhden toiminnon - se tekee animoituja liikkuvia tiedostoja.
UnFREEz-ohjelma on ilmainen, latautuu nopeasti, vie hyvin vähän tilaa, toimii selkeästi, nopeasti eikä vaadi asennusta, lataamasi arkisto on itse ohjelma.
Ladattu, purettu ja voit käyttää sitä.
Ohjelman käyttöliittymä sisältää ikkunan, johon lataat kuvia, vain kolme käyttöpainiketta ja kehysten vuorotteluajan asettamisen senttisekunteina (1/100 sekunnista).
Valintaruutu vastaa videoiden "toistosta" ladatuista kehyksistä ympyrässä.
Kuvien lataaminen (vetämällä niitä hiirellä) edellyttää, että kaikilla on sama koko ja "gif"-laajennus.
Siinä kaikki. On jo tulossa selväksi, kuinka animaatio tehdään; meidän tarvitsee vain tehdä nämä kuvat (kehykset) Paint.Netissä.
Avaa Paint.Net, siirry "Effects" -valikkoon ja tarkista, onko editorissa "Point Warp" -laajennus.
Täältä voit ladata "Point Warp" -laajennuksen:. ru/soft/base/point_warp/point_warp_11/ Poista välilyönti.
Aseta se Tehosteet-kansioon - (C:Program FilesPaint.NETEffects), laajennus asentuu itsestään, jos ei heti, niin kun avaat editorin uudelleen.
Avaa kuva Paint.NETissä.

Paint.net on kätevä ilmainen graafinen editori, joka voi osittain korvata kalliita Adobe Photoshop. Sen työkalut riittävät valokuvien käsittelyyn ja kollaasien luomiseen. Itse editorissa ei voi luoda animaatioita, ja siksi sinun on käytettävä lisäksi ilmaista UnFREEz-apuohjelmaa.

Tarvitset

• - graafinen editori Paint.net;
• - UnFREEz-ohjelma.

Ohjeet

Lataa UnFREEz-ohjelmaarkisto kehittäjän verkkosivustolta, pura se pakkauksesta ja asenna se tietokoneellesi. Käynnistä Paint.net. Sen käyttöliittymä on hyvin samanlainen kuin sen vanhemman veljen Photoshopin käyttöliittymä, joten navigointi ei ole vaikeaa, jos olet käyttänyt tätä kuuluisaa editoria aiemmin.

Animaatioiden luomisen periaatteiden ymmärtämiseksi on parempi aloittaa jostain yksinkertaisesta, kuten kuvateksteistä. Napsauta työkalupalkissa "T"-kuvaketta aktivoidaksesi tyyppityökalun.

Määritä sopiva sävy väripaletissa ja fontin tyyppi ja koko ominaisuuspaneelissa. Napsauta "Lisää uusi kerros" -kuvaketta Tasot-paneelissa ja kirjoita teksti. Tallenna kuva "Tiedosto"-valikon "Tallenna nimellä..." -komennolla haluttuun kansioon .jpg-tunnisteella, esimerkiksi 1.jpg. Tämä on animaation ensimmäinen kehys.

Napsauta Tasot-paneelissa Kopioi taso -kuvaketta. Uusi kerros luodaan samalla nimellä kuin kopioitava. Jos haluat nimetä tason uudelleen, kaksoisnapsauta sitä Tasot-paneelissa ja anna toinen nimi.

Siirry "Effects" -valikossa "Särö" -ryhmään ja valitse "Dents" -komento. Aseta vääristymäparametrit aluksi pieniksi arvoiksi. Jos olet tyytyväinen tulokseen, napsauta OK tallentaaksesi. Kumoa epäonnistuneet muutokset käyttämällä Muokkaa-valikon Kumoa-komentoa tai Ctrl+Z-näppäimiä.

Tallenna uusi kuva samaan kansioon nimellä 2.jpg, jotta et mene sekaisin kehysten järjestystä. Tallennettaessa ohjelma ensimmäisessä vaiheessa tarjoaa valitsemaan tallennetun kuvan epäterävyyden ja laadun, toisessa - yhdistää kaikki tasot tai kieltäytyä yhdistämästä. Valitse "Yhdistä kaikki tasot". Kuvan tallentamisen jälkeen kaikki tasot yhdistetään yhdeksi nimeltä "Tausta". Erota ne uudelleen napsauttamalla Muokkaa-valikosta Kumoa.

Luo tasosta toinen kopio ja lisää vääristymisasetuksia. Tallenna kuva 3.jpg-muodossa. Toista toimenpide useita kertoja. Mitä enemmän kehyksiä luot, sitä tasaisempi animaatio on.

Avaa kansio, jossa on tallennetut gif-tiedostot. Käynnistä UnFREEz-ohjelma ja vedä kuvat yksitellen Kehykset-ikkunaan. Valitse Kehysviive-ikkunassa aikaväli kehysten vaihtamiselle ja napsauta Tee animoitu GIF. Kun ohjelma pyytää, kirjoita animaation nimi ja kansio, johon se tallennetaan (oletusarvoisesti ehdotetaan kansiota, jossa tallennetut gif-tiedostot ovat).

Voit poistaa tason napsauttamalla tasopaneelin ristiä. Voit poistaa tasoja, kun niitä on vähintään 2.

Tämä oppitunti on laadittu vierailijoidemme lukuisten kysymysten perusteella. Itse asiassa animoitujen piirustusten luomisessa ei ole mitään vaikeaa. Liikkuvia kuvia tukee esimerkiksi tunnetuin formaatti graafiset tiedostot GIF. Huomaa, että tee siitä animoitu JPG-tiedosto tai BMP ei todennäköisesti toimi, koska nämä muodot eivät tue kehyslomitusta.

Kuinka luoda liikkuvia elokuvakehyksiä Paint.NETissä

Joten animoidun videon luomiseksi meidän on tehtävä sarja kehyksiä. Sen tosiasian ansiosta, että voit työskennellä kerrosten kanssa, kehysten tekeminen ei ole ollenkaan vaikeaa. Käytetään esimerkiksi verkkosivuillamme julkaistua Paint.NET-tunnilla "Kuinka piirtää 3D-hymiö" tehtyä hymiön kuvaa.

Jos haluat luoda useita kehyksiä, otetaan 3D-hymiökuva tästä opetusohjelmasta ja luodaan kopio tasosta, jossa on hymiökuva tarvitsemamme videon kehyksissä. Voit tehdä tämän käyttämällä esimerkiksi valikkoa "Layer" - "Tee kopio tasosta" tai kopioi taso suoraan "Layers"-ikkunassa Paint.NET.

Tasoja ei voi kopioida heti, mutta esimerkiksi toisen kehyksen tekemiseksi kopioi ensimmäinen kerros ja muuta sitten kopioitavan kerroksen kuviota videon idean mukaisesti. Puristimme esimerkiksi hymiökasvoja ja siirsimme sitä ylös ja alas pieni kuva kuvalta. Näet esimerkin Paint.NET "Layers" -ikkunasta vasemmalla olevasta kuvasta, luonnollisesti kaikki kehykset eivät mahtuneet siihen, mutta näet yleisen idean.

Kuinka tallentaa liikkuvan elokuvan kehyksiä erillisiin tiedostoihin

Jos haluat yhdistää yksittäisiä kehyksiä halutussa järjestyksessä animoituun videoon UnFREEz-ohjelmalla, sinun on ensin tallennettava kehykset erillisinä tiedostoina. Tässäkään ei ole mitään monimutkaista. Voit esimerkiksi kopioida halutun kerroksen koko sisällön, luoda uuden kuvan ja liittää tasolta kopioidun kuvan siihen. Tallenna se sitten erillisenä GIF-tiedostona. Voit valita koko kuvan tasolta esimerkiksi painamalla Ctrl+A-näppäinyhdistelmää. Muiden Paint.NET-pikanäppäinten kuvaukset ovat tämän sivuston ohjeosiossa.

Toinen tapa on esimerkiksi yksinkertaisesti kytkeä pois päältä niiden tasojen näkyvyys, joita ei tarvita nykyisessä kehyksessä, ja sitten tallentaa näkyvät tasot erillisenä GIF-kuvana. Tämä voidaan tehdä Paint.NET-valikosta "Tiedosto" - "Tallenna nimellä". GIF-muodossa tallennettaessa Paint.NET tarjoaa yhdistävän kuvan kaikki kerrokset, ts. Osoittautuu, että väliaikaisesti käytöstä poistetut tasot katoavat. Mutta kun olet tallentanut tiedoston kehyksen kanssa, voit napsauttaa Paint.NETin vaakapaneelin "Peruuta"-painiketta ja viimeinen toimenpide tasojen yhdistäminen peruuntuu ja kaikki tasot palaavat takaisin.

Huomaa jälleen, että kehysten yhdistäminen UnFREEz-ohjelman kanssa yhdeksi animoiduksi GIF-tiedostoksi on välttämätöntä, että kaikilla kehyksillä on sama kuvakoko. Eli jos esimerkiksi yhden kehyksen kuvan koko on 20 x 30 pikseliä, niin muiden kehysten tulee olla samankokoisia. Edellä kuvattu menetelmä kehysten luomiseksi Paint.NET:ssä varmistaa tämän ehdon täyttymisen, koska kaikki kehykset tehdään yhdestä pääkuvasta.