Disegni per l'animazione in paint. Come realizzare animazioni in Paint? Aspetti teorici della creazione di gif animate

Sezioni: Informatica

Scopo della lezione: creare un'immagine animata sull'argomento: "Mare"

Obiettivi della lezione:

1. Educativo – crea un'immagine animata utilizzando l'editor grafico Paint e Power Point sul tema: “Mare”
2. Educativo: promuovere la formazione dell'attenzione e dell'indipendenza durante la lezione.
3. Sviluppo - sviluppo del pensiero creativo degli studenti.

Tipo di lezione: lezione per imparare nuovo materiale

Struttura della lezione.

1. Fase organizzativa. (2 minuti.)
2. Fase introduttiva e motivazionale. (10 minuti.)
3. Fase operativa e di contenuto. (20 minuti.)
4. Fase riflessiva - valutativa. (5 minuti).
5. Compiti a casa (3 minuti)

Attrezzatura: lavagna, gesso, PC, software, materiale didattico.

Durante le lezioni.

1. Fase organizzativa.

Ciao ragazzi, sedetevi. Oggi nella lezione impareremo come creare un'immagine animata. Cosa significa?

Per creare animazioni, usa la tua immaginazione
Devi disegnare un disegno senza indugio!
Indichi la traiettoria, il disegno prenderà vita,
Ti chiamerà nel vasto mondo della fantasia!!

Oggi ci immergeremo nel magico mondo sottomarino.

Disegniamo il mare, ne sappiamo molto,
Un meraviglioso polipo nuoterà nel mare.
Attrae con la sua bellezza,
I pesci fanno un inchino mentre nuotano!

2. Fase introduttivo-motivazionale (aggiornamento delle conoscenze di base).

Nell'ultima lezione abbiamo studiato l'argomento: "Codificazione delle informazioni" e svolto un lavoro pratico su questo argomento. Rispondi alle domande: come possono essere codificate e decodificate le informazioni? Cos'è la codifica? Cos'è la decodifica? Quali programmi e applicazioni abbiamo utilizzato per codificare e decodificare le informazioni?

Ricordare questo argomento completare il compito pratico al computer. Decodifica l'argomento della nostra lezione.

Il mondo dei numeri e dei numeri è molto grande,
Tu, lo studente, sei stato in grado di comprendere il loro segreto!
Dopotutto, ogni numero qui memorizza una lettera,

Decodificalo e leggilo immediatamente!

La decodifica delle informazioni viene eseguita nel programma Blocco note. La lettera viene decodificata premendo il codice numerico contemporaneamente al tasto Alt.

Il seguente testo è codificato nell'attività:

OGGI NELLA LEZIONE INFORMATIVA CREEREMO UN'ANIMAZIONE NELL'EDITOR PAINT GRAPHICS. AUGURO A TUTTI UN FUTURO LAVORO E BUON UMORE!

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. Fase operativa e di contenuto. (20 minuti.)

Creazione di un'immagine animata.

Piano di lavoro. Ora stiamo andando in un viaggio sottomarino, creeremo l'animazione “Mare”.

4. Creazione dell'animazione “Mare”.

1. Apri redattore grafico Paint (Start – Programmi – Accessori – Paint)

2. Nella barra dei menu, selezionare Immagine – Attributi. Imposta parametri: altezza 24 cm, larghezza 32 cm.

3. Sulla barra degli strumenti, seleziona un riempimento e riempi il documento con il blu.

4. Utilizzando la forma dell'ellisse sulla barra degli strumenti, disegna i ciottoli di mare (di qualsiasi dimensione e quantità). Usando il riempimento, dipingi i ciottoli con colori diversi.

5. Usando lo strumento Curva, disegna le alghe.

Che bellezze sconfinate,
Che vista magnifica, meravigliosa,
Ma qui ci manca qualcosa,
Regna la calma e il silenzio.
Qui i ciottoli sono belli, sott'acqua,
Qui l'alga è lunga e verde,
Ma manca il pesce rosso
Per godere della bellezza con sentimento!
Disegniamo un pesce con te,
Facciamo una piccola magia per questo!

6. Salva il disegno risultante. (File – Salva con nome – nome immagine Mare).

7. Apri l'editor grafico Paint (Start – Programmi – Accessori – Paint)

8. Nella barra dei menu, selezionare Immagine – Attributi. Imposta i parametri: altezza 3 cm, larghezza 5 cm.

9. Sulla barra degli strumenti, seleziona un riempimento e riempi il documento con il blu.

10. Disegna un pesce.

11. Salva il disegno risultante. (File – Salva con nome – nome dell'immagine Pesce).

Eccola, una bellezza, un pesce d'oro,
Nuoterà velocemente, contemplando il mare!
Ma affinché i pesci non si annoino,
Dobbiamo creare un amico per lei!

12. Apri l'editor grafico Paint (Start – Programmi – Accessori – Paint)

13. Nella barra dei menu, selezionare Immagine – Attributi. Imposta i parametri: altezza 5 cm, larghezza 3 cm.

14. Sulla barra degli strumenti, seleziona un riempimento e riempi il documento con il blu.

15. Disegna un polipo.

16. Salva il disegno risultante. (File – Salva con nome – nome immagine Octopus).

Ha molte gambe
Chi è questo? Polpo!
Nuoterà con i pesci,
E saremo portati via nel mare.

17. Aprire la presentazione Power Point (Start – Programmi – Power Point).

18. Nella barra dei menu, selezionare Inserisci – Immagine – Da file – Mare

19. Nella barra dei menu, selezionare Inserisci – Immagine – Da file – Pesce

20. Nella barra dei menu, seleziona Inserisci – Immagine – Da file – Octopus

21. Seleziona l'oggetto, pesca, fai clic con il pulsante destro del mouse e seleziona le impostazioni di animazione nel menu visualizzato.

22. Selezionare: Aggiungi effetto – Sposta percorsi – Disegna curva di percorso personalizzata. Disegna una curva arbitraria.

23. Seleziona l'oggetto, il polipo, fai clic con il pulsante destro del mouse e seleziona le impostazioni di animazione nel menu visualizzato.

24. Selezionare: Aggiungi effetto – Sposta percorsi – Disegna curva di percorso personalizzata. Disegna una curva arbitraria.

25. Selezionare Presentazione – Avvia presentazione dalla barra dei menu.

La bellezza del mare è infinita,
La bellezza del mare è mutevole,
La vita è in movimento e questo ci è familiare
Muoviamoci sempre.
Mare, pesci, oceani,
Non c'è modo di trasmettere tutte le bellezze,
Per sollevare il velo della segretezza,
Dobbiamo creare un'animazione.

4. Fase riflessiva-valutativa (5 min).

Vengono assegnati i voti delle lezioni

5. Compiti a casa.

Crea un'immagine animata gratuita.

Svetlana Shlyakhtina

Qualsiasi pagina web è impensabile senza l'animazione web, comprese le gif animate. Per molto tempo, i web designer sono stati costretti a utilizzare tutta una serie di programmi specializzati di diversi sviluppatori, tuttavia, con l'avvento delle funzionalità corrispondenti nel popolare 2D pacchetti grafici orientati principalmente a lavorare con il bidimensionale grafica raster e allo stesso tempo permettendoti di creare file nel formato GIF animazione grazie alle relative utilità che li completano, tutto è diventato molto più semplice. Questi pacchetti includono Jasc Paint Shop Pro, che include il programma Animation Shop, progettato per creare animazioni GIF: pulsanti animati, banner e altri elementi animati.

Paint Shop Pro e Animation Shop lavorano a stretto contatto, sono pienamente compatibili e si completano perfettamente a vicenda, il che rende possibile, nella fase di creazione dell'animazione, passare ripetutamente da un programma all'altro e modificare i fotogrammi delle immagini in Paint Shop Pro, garantendo così i fotogrammi corrispondenti vengono modificati in Animation Shop. Puoi anche esportare i livelli in fotogrammi e viceversa, nonché l'animazione in un'immagine a più livelli. Allo stesso tempo, ciascuno di questi programmi mantiene la propria specializzazione in termini di grafica web: di norma, è meglio preparare e modificare i fotogrammi in Paint Shop Pro, applicare effetti dinamici, ottimizzazione e, ovviamente, l'animazione stessa. - nel negozio di animazione.

Animation Shop presenta un'interfaccia intuitiva e una modalità semplice e comoda per modificare i fotogrammi con la possibilità di ruotarli, specchiarli e ritagliarli, oltre a un'ampia gamma di strumenti: pennelli, forme, strumenti di cancellazione e ritaglio, strumenti di testo ecc. Tutto questo, combinato con la capacità di lavorare maestri passo dopo passo, permette anche ai non professionisti di creare velocemente animazioni GIF. Inoltre, Animation Shop fornisce un ampio set di effetti e filtri professionali che puoi utilizzare durante la creazione di animazioni. Il programma supporta metodi di ottimizzazione efficaci e convenienti che consentono di trovare rapidamente la soluzione ottimale in base ai dati visualizzati nella sua finestra riguardanti la qualità dell'immagine, le sue dimensioni e la velocità di caricamento e di ridurre significativamente le dimensioni dell'immagine "live".

Aspetti teorici creazione di gif animate

Come sapete, l'animazione è una sequenza di fotogrammi, il cui materiale grafico di origine può essere pre-preparato sia in Animation Shop che in Paint Shop Pro, e la scelta dell'applicazione è determinata dalle caratteristiche di una particolare animazione.

L'animazione GIF in Animation Shop può essere creata in tre modi. Il primo e il più conveniente è pre-preparare un'immagine multistrato in Paint Shop Pro, salvata nei formati PspImage o PSD e aperta in Animation Shop: in questo caso, viene creata una cornice separata per ogni singolo livello dell'immagine . I livelli forniscono un modo conveniente per creare compositivamente un'immagine animata da vari elementi grafici e di testo e consentono di applicarli vari elementi immagini, vari filtri, modificare il grado di trasparenza e la modalità di fusione dei livelli, regolare la luminosità e applicare altre trasformazioni disponibili in Paint Shop Pro, fornendo così una varietà di effetti.

Il secondo metodo è l'opzione tradizionale per creare animazioni in animatori GIF indipendenti e consiste nel collegare in sequenza fotogrammi di immagini a livello singolo precreati utilizzando una procedura guidata. Inoltre, teoricamente è possibile creare da zero una semplice gif animata direttamente nell'ambiente Animation Shop.

Esiste anche una possibilità fondamentalmente diversa per la creazione di fotogrammi: la generazione automatica di fotogrammi intermedi, che accelera notevolmente la produzione di animazioni fluide, poiché non è necessario creare manualmente ciascun fotogramma. Per fare ciò, vengono determinati i fotogrammi chiave e quindi il computer forma automaticamente tutto ciò che dovrebbe trovarsi negli spazi tra di loro, in base all'effetto definito nel programma (rotazione, movimento, cambiamento delle caratteristiche del colore, ecc.). Tuttavia questa opportunitàè limitato dal numero di effetti disponibili in Animation Shop (vale la pena riconoscere che in generale ci sono molti effetti, ma non per tutte le occasioni), e se il principio previsto di cambiare fotogramma non è incluso nel numero di effetti disponibili effetti, tutti i fotogrammi intermedi dovranno essere creati manualmente in Paint Shop Pro.

Esportazione e aggiornamento delle animazioni

Come già notato, nella fase di creazione dell'animazione puoi passare da una all'altra Programmi di pittura Shop Pro e Animation Shop, anche se solo quando la casella di controllo Esporta fotogrammi in Paint Shop Pro come immagini con livelli è attivata nel programma Animation Shop. Per fare ciò, utilizzare il comando File=>Preferenze=>Preferenze generali del programma=>File a più livelli (File=>Impostazioni=>Impostazioni generali del programma=>File a più livelli) e abilitare la casella di controllo specificata (Fig. 1). In questo caso, se è necessario modificare uno o tutti i fotogrammi dell'animazione, sarà sufficiente esportare i fotogrammi selezionati da Animation Shop a Paint Shop Pro utilizzando uno dei seguenti metodi:
selezionare il comando File=>Esporta cornici=>In Paint Shop Pro dal menu;
fare clic sul pulsante Esporta cornici in Paint Shop Pro nella barra degli strumenti;
Fare clic con il pulsante destro del mouse sui fotogrammi selezionati e selezionare Esporta fotogrammi in Paint Shop Pro dal menu a comparsa.

Riso. 1. Abilitazione della possibilità di esportare cornici in Paint Shop Pro

Quindi dovresti apportare le trasformazioni necessarie nell'ambiente Paint Shop Pro e chiudere il file senza salvare: in questo caso il programma porrà una domanda relativa alla necessità di aggiornare i fotogrammi corrispondenti in Animation Shop. Se la risposta è sì, tutte le modifiche apportate in Paint Shop Pro verranno trasferite all'animazione aperta in Animation Shop, che può essere visualizzata.

Esiste un'altra opzione per aggiornare l'animazione da Paint Shop Pro: senza chiudere il file Paint Shop Pro, utilizzare il comando Modifica=>Aggiorna torna ad Animation Shop. Quindi passa ad Animation Shop e interrompi il collegamento tra l'animazione e l'immagine a più livelli creata temporaneamente utilizzando il comando File=>Esporta fotogrammi=>Interrompi collegamento con fotogrammi esportati (File=>Esporta fotogrammi=>Interrompi collegamento con fotogrammi esportati). L'ultimo passaggio è necessario perché senza interrompere la connessione ulteriori azioni nell'Animation Shop non sarà possibile.

Purtroppo dobbiamo ammettere che entrambe le opzioni non sono molto comode, poiché è impossibile creare animazioni efficaci semplicemente ricorrendo alla procedura di modifica dei fotogrammi di Paint Shop Pro. Molto spesso è necessario modificare i fotogrammi, aggiornare l'animazione, visualizzare il risultato e modificarlo nuovamente più volte. E ogni volta per questo è necessario esportare i fotogrammi in Paint Shop Pro. Ovviamente la seconda opzione è pensata proprio per la possibilità di modificare ripetutamente un'immagine a più livelli con aggiornamenti regolari dell'animazione, tuttavia non è completamente implementata e quindi non dà praticamente nulla, permettendoti di aggiornare l'animazione e vietando qualsiasi azione nell'Animazione Acquista e, soprattutto, visualizza l'animazione. Mi piacerebbe credere che questa spiacevole sfumatura verrà eliminata nelle prossime versioni di Paint Shop Pro e Animation Shop.
Lavorare con il personale

La finestra principale durante lo sviluppo dell'animazione è la finestra Frames, in cui si trovano i frame stessi (Fig. 2). Per lavorare con un fotogramma specifico, selezionalo semplicemente in questa finestra e sottoponilo alle trasformazioni necessarie: modifica, applica un effetto, cambia proprietà, ecc. La selezione di più fotogrammi viene eseguita nel solito modo tenendo premuti i tasti Ctrl o Maiusc , e tutti i fotogrammi possono essere selezionati contemporaneamente utilizzando il comando Modifica => Seleziona tutto (Modifica => Seleziona tutto).

Riso. 2. Finestra Frames: la sigla F indica il numero del frame, mentre la sigla D ne indica la durata in centesimi di secondo

In relazione ai frame, è possibile eseguire semplici trasformazioni: rotazioni e riflessioni speculari(menu Animazione - Animazione), ed eseguire anche un'inversione cambiando la direzione dei fotogrammi in quella opposta utilizzando il comando Animazione=>Inverti fotogrammi (Animazione=>Inverti fotogrammi).

La cosa più interessante quando si lavora con i frame è applicare loro degli effetti che consentono di collegare i frame tra loro utilizzando un'ampia varietà di trasformazioni (Fig. 3). Tutti gli effetti si trovano nel menu Effetti e sono divisi in tre gruppi: effetti di movimento dell'immagine (comando Inserisci transizione immagine), effetti immagine (comandi Inserisci effetto immagine e Applica effetto immagine) ed effetti di testo (comandi Inserisci effetto testo e Applica effetto testo) . Vale la pena notare che l'uso di alcuni di questi comandi (iniziano con la parola Inserisci...) porta automaticamente alla generazione di tutta una serie di fotogrammi intermedi, garantendo una transizione graduale tra i fotogrammi sorgente creati manualmente. A loro volta, i comandi Applica effetto immagine e Applica effetto testo applicano l'effetto ai fotogrammi selezionati senza creare fotogrammi intermedi.

Riso. 3. Applicazione dell'effetto Dissolvenza

Visualizza e modifica le proprietà dell'animazione

Nella finestra Negozio animazione, puoi visualizzare immediatamente il risultato facendo clic sul pulsante Visualizza animazione e, se necessario, apportare le modifiche richieste, ad esempio, regolare la durata del ritardo di uno o più fotogrammi, ecc. Per impostazione predefinita, il ritardo di visualizzazione per tutti i fotogrammi è di un centesimo di secondo e in questo caso i fotogrammi si sostituiscono quasi istantaneamente. Tuttavia, il tempo di riproduzione per ciascun fotogramma può essere facilmente modificato utilizzando il comando Animazione=>Proprietà fotogramma=>Tempo di visualizzazione.

Inoltre, non è difficile regolare il colore dello sfondo dell'animazione utilizzando il comando Animazione=>Proprietà animazione=>Colore tela e anche modificare le dimensioni del fotogramma utilizzando il comando Animazione=>Ridimensiona animazione (Cambia dimensione animazione) (Fig. 4). .

Riso. 4. Ridimensionamento dei fotogrammi dell'animazione

Salvataggio e ottimizzazione delle animazioni

Alla fine del lavoro, il programma consente di salvare il file di animazione con ottimizzazione, cioè con una riduzione del volume, riducendo il numero di colori, escludendo da esso informazioni sulle aree statiche dell'immagine, ecc. (Fig. 5) utilizzando il comando File => Salva (solo al primo salvataggio) oppure richiamando l'ottimizzazione guidata con il comando File=>Ottimizzazione guidata (File=>Ottimizzazione guidata). Vale la pena notare che, in primo luogo, il programma mostra il risultato dell'ottimizzazione anche in fase di ottimizzazione nella finestra di anteprima e, in secondo luogo, alla fine riporta la dimensione del file compresso rispetto all'originale e il tempo di caricamento per varie connessioni opzioni (Fig. 6) . Tutto questo insieme aiuta a selezionare la versione finale del file ottimizzato, trovando un ragionevole compromesso tra la qualità dell'immagine e le sue dimensioni.

Riso. 5. Determinazione dei parametri di ottimizzazione

Riso. 6. Il risultato della compressione del file di animazione durante l'ottimizzazione

Di conseguenza, verrà creato file compresso in formato Animazione GIF, che, se necessario, può essere caricato in qualsiasi momento con il comando File=>Apri (File=>Apri) e convertito secondo necessità.

Animazione Gif in pratica

Esistono un numero incredibile di diverse opzioni di animazione tradizionalmente utilizzate nel web design e che sono già diventate classiche. Si tratta di una varietà di opzioni per spostare sia il testo nel suo insieme che i suoi singoli caratteri, nonché altri oggetti; varie opzioni per trasformare oggetti e varie rotazioni. Inoltre, gli oggetti possono lampeggiare e brillare letteralmente in ogni modo, cambiare colore, dissolversi, cancellarsi e apparire lentamente, restringersi e crescere, ecc. Data la vastità dell'argomento, non miriamo a coprire tutto e tutti e ci concentreremo solo su alcuni esempi che possano dimostrare le possibilità di combinare efficacemente le funzionalità del pacchetto Paint Shop Pro con l'utilità Animation Shop.
Animazione zoom

Questo effetto viene spesso applicato quasi allo stesso modo sia al testo che ad altri oggetti e viene implementato in modo estremamente semplice con i programmi in questione.

Per ottenere un'animazione in scala, dovresti aprire Paint Shop Pro e creare un nuovo disegno (Fig. 7 e 8): in questo caso si tratta di un'immagine vettoriale su uno sfondo bianco. Converti il ​​livello vettoriale in un livello raster facendo clic con il pulsante destro del mouse su di esso e selezionando Converti in livello raster. Quindi unisci entrambi i livelli facendo clic con il pulsante destro del mouse su uno di essi e selezionando Unisci => Unisci tutto.

Riso. 7. Immagine originale

Riso. 8. Tavolozza dei livelli

Salvare l'immagine a livello singolo creata nel formato nativo di Paint Shop Pro e aprirla in Animation Shop, che risulterà in un singolo fotogramma (Figura 9). Applicare l'effetto Zoom utilizzando il comando Effetti=>Inserisci transizione immagine (Effetti=>Inserisci effetto transizione immagine) con i parametri mostrati in Fig. 10. Di conseguenza, verrà formata un'intera serie di fotogrammi, approssimativamente come in Fig. 11. Visualizza l'animazione creata facendo clic sul pulsante Visualizza animazione e salvala utilizzando il comando File=>Salva in formato GIF animazione con i parametri di ottimizzazione desiderati. Di conseguenza, si otterrà approssimativamente la stessa animazione mostrata in Fig. 12.

Riso. 9. Stato iniziale infissi

Riso. 10. Selezione e regolazione dell'effetto Zoom

Riso. 11. Finestra Cornici dopo aver applicato l'effetto Zoom

Riso. 12. Animazione terminata

Animazione con effetto lampeggiante

Proviamo a creare un testo lampeggiante tradizionalmente utilizzato nel web design. Apri Paint Shop Pro, crea un nuovo disegno e stampa qualsiasi testo su uno sfondo bianco, ad esempio, come in Fig. 13. Allo stesso tempo, apri il file ausiliario con cui implementerai l'effetto lampeggiante (Fig. 14).

Riso. 13. Testo originale

Riso. 14. Immagine di supporto

Utilizzando lo strumento Selezione, seleziona un'area rettangolare arbitraria sull'immagine ausiliaria, copiala negli appunti e incollala come nuovo livello sul testo sorgente utilizzando il comando Modifica=>Incolla=>Incolla come nuovo livello sopra quello vettoriale strato con testo. Quindi rendi temporaneamente invisibile il nuovo livello raster, vai al livello testo e seleziona l'area esterna al testo con lo strumento Bacchetta magica. Ritorna al livello raster incorporato e premi Canc per cancellare la selezione all'esterno delle lettere. Di conseguenza, il testo sarà simile a quello in Fig. 15, e la finestra dei livelli apparirà come in Fig. 16.

Riso. 15. Testo dopo aver rimosso le parti non necessarie dell'immagine

Riso. 16. Stato della tavolozza Livelli come risultato della regolazione del livello raster

Elimina il livello Sfondo e il livello vettoriale con il testo che non è necessario per l'animazione futura. Duplicare il livello raster rimanente e sulla copia risultante ridurre opportunamente l'opacità del livello, ad esempio all'80% (Fig. 17 e 18).

Riso. 17. Aspetto finale del testo

Riso. 18. Aspetto finale della palette Livelli

Salva l'immagine a due livelli creata nel formato PspImage nativo di Paint Shop Pro o in formato PSD (in entrambi i casi i livelli verranno salvati) e aprila in Animation Shop. Quando apri un'immagine multistrato, i livelli verranno automaticamente convertiti in fotogrammi (Fig. 19). Visualizza l'animazione creata facendo clic sul pulsante Visualizza animazione: il risultato non sarà molto buono: le lettere non sembrano molto impressionanti sullo sfondo nero predefinito e il lampeggio avviene troppo rapidamente. Per cambiare lo sfondo dell'animazione, utilizzare il comando Animazione=>Proprietà animazione=>Colore tela (Animazione=>Proprietà animazione=>Colore tela) e impostare il colore su bianco (Fig. 20 e 21). Per rallentare il frame rate, selezionare entrambi i fotogrammi nella finestra Fotogrammi, aprire il comando Proprietà fotogramma=>Tempo di visualizzazione dal menu Animazione e modificare la durata del ritardo del fotogramma, ad esempio come in Fig. 22. Rivedi nuovamente l'animazione e, se il risultato è soddisfacente, salvala utilizzando il comando File=>Salva in formato Animazione GIF con i parametri di ottimizzazione necessari. Di conseguenza, si otterrà approssimativamente la stessa animazione mostrata in Fig. 23.

Riso. 19. Stato iniziale della finestra Frames

Riso. 20. Modifica del colore di sfondo nella finestra Proprietà animazione

Riso. 21. Cornici dopo aver cambiato il colore della tela

Riso. 22. Modifica della velocità di scorrimento del frame nella finestra Proprietà frame

Riso. 23. Animazione terminata

Cambiare i colori nell'animazione

Il colore nell'animazione può essere modificato diversi modi, in casi estremi, semplicemente creando cornici in cui gli oggetti verranno ridipinti manualmente. Ma esiste un modo più conveniente: regolando i parametri Tonalità (Tonalità) e Saturazione (Saturazione), lo considereremo.

Apri l'immagine originale in Paint Shop Pro per la quale desideri implementare un cambio di colore animato (Fig. 24). Utilizzando lo strumento Bacchetta magica, selezionate lo sfondo, quindi effettuate un'inversione (Fig. 25), copiate l'area selezionata negli appunti e incollatela su una nuova immagine con il comando Modifica=>Incolla=>Incolla come nuova immagine (Modifica= >Incolla=>Incolla come nuova immagine) (Fig. 26).

Riso. 24. Immagine originale

Riso. 25. Selezione di un frammento di un'immagine

Riso. 26. Risultato dell'inserimento di un frammento selezionato in una nuova immagine

Duplica più volte il livello Raster 1 originale facendo clic sul pulsante Duplica livello nella palette Livelli. Per cambiare costantemente le sfumature di colore, dovrai creare molti di questi livelli; per comodità rinominarli come mostrato in Fig. 27. Successivamente, rendi temporaneamente invisibili tutti i livelli tranne Raster 1 e Raster 2, attiva il livello Raster 2 e usa il comando Regola=>Tonalità e saturazione=>Tonalità/Saturazione/Luminosità (Regolazione=>Tonalità e saturazione=> Tonalità/ Saturazione/Luminosità) cambiano il colore, ad esempio come in fig. 28. Rendi visibile il livello Raster 3 e modifica il colore dell'immagine su di esso allo stesso modo. Esegui esattamente le stesse operazioni per tutti i livelli rimanenti.

Riso. 27. Stato della tavolozza Livelli dopo la duplicazione dei livelli

Riso. 28. Regolazione del colore dell'immagine

Salva l'immagine multistrato creata nel formato PspImage nativo di Paint Shop Pro o in formato PSD e aprila in Animation Shop: in questo caso i livelli verranno automaticamente convertiti in fotogrammi (Fig. 29). Visualizza l'animazione creata cliccando sul pulsante Visualizza Animazione e salvala utilizzando il comando File=>Salva in formato GIF Animazione con i parametri di ottimizzazione desiderati. Di conseguenza, si otterrà approssimativamente la stessa animazione mostrata in Fig. trenta.

Riso. 29. Stato iniziale della finestra Frames

Riso. 30. Animazione terminata

Proviamo a modificare un po 'l'animazione creata, in modo che i colori si sostituiscano uniformemente non solo in una direzione, ma anche nella direzione opposta. Per fare ciò, crea una copia di ciascun fotogramma, tranne il primo, facendo clic in sequenza su ciascun fotogramma con il tasto destro del mouse e selezionando il comando Duplica selezionato. Quindi trascina le copie delle cornici con il mouse in modo che le ombre si sostituiscano uniformemente, prima in una e poi nell'altra direzione, di conseguenza la finestra Cornici apparirà come in Fig. 31. La dissonanza sarà ora causata solo dal primo fotogramma più luminoso, che può essere spostato al centro dell'animazione: lì la sua ombra sarà più vicina alle ombre dei fotogrammi adiacenti. Per fare ciò, seleziona il decimo fotogramma, fai clic con il tasto destro su di esso, seleziona il comando Inserisci fotogrammi => Vuoto e fai clic su Ok: al centro apparirà un fotogramma vuoto. Quindi trascina su di esso il primo fotogramma più luminoso. Visualizza l'animazione risultante. Si può vedere che la tonalità del fotogramma appena spostato è ancora abbastanza diversa da tutte le altre tonalità coinvolte: quando si visualizza l'animazione su questo fotogramma, l'immagine cambia notevolmente colore, quindi è meglio eliminare completamente questo fotogramma selezionandolo e premendo il tasto Canc.

Riso. 31. Finestra dei fotogrammi dopo la duplicazione e lo spostamento dei fotogrammi

Visualizza l'animazione creata e salvala come GIF di animazione con le opzioni di ottimizzazione desiderate. L'animazione risultante è mostrata in Fig. 32.

Riso. 32. Animazione terminata

In teoria, l'animazione con cambi di colore può essere creata direttamente nell'Animation Shop: sarà molto più veloce grazie alla presenza del corrispondente effetto Ruota colori. L'utilizzo di questo effetto è tuttavia limitato alla selezione automatica dei colori e delle sfumature, che non possono essere modificati durante l'impostazione dell'effetto. Proviamo ad applicare l'effetto Ruota colori a un'immagine a livello singolo (Fig. 33). Apri l'immagine in Animation Shop: inizialmente apparirà solo un fotogramma nella finestra Cornici, poiché l'immagine aveva solo un livello. Applicare un effetto di cambio colore con il comando Effetti => Inserisci effetto immagine (Effetti => Inserimento di un effetto immagine) con i parametri mostrati in Fig. 34. Il risultato sarà la generazione automatica del 21° fotogramma nella palette Frames (Fig. 35), salvandolo nel formato Animation GIF, riceverete l'animazione mostrata in Fig. 36.

Come realizzare un'animazione in Paint e ottenere la risposta migliore

Risposta da Alexey Khoroshev[guru]
Il programma gratuito Paint.Net, nonostante l'apparente semplicità della sua interfaccia, è multifunzionale e con il suo aiuto puoi creare cose sorprendenti e meravigliose.
Cos'è l'animazione? Si tratta di immagini (fotogrammi) che cambiano in sequenza, molto simili a una presentazione, solo che i fotogrammi cambiano più velocemente del solito e le immagini (fotogrammi) per creare animazioni vengono salvate nell'estensione "gif" e non in "jpeg" o "jpg ”, come al solito Siamo abituati a salvare le immagini.
Il punto è che per creare animazioni è necessario programma aggiuntivo un interprete che lavora con le immagini nell'estensione “gif”.
Esistono molti programmi di questo tipo, ma ti porteremo al programma UnFREEz, la cui utilità svolge solo una funzione: crea file in movimento animati.
Il programma UnFREEz è gratuito, si scarica velocemente, occupa pochissimo spazio, funziona in modo chiaro, veloce e non necessita di installazione, l'archivio che hai scaricato è il programma stesso.
Scaricato, decompresso e puoi usarlo.
L'interfaccia del programma contiene una finestra in cui caricare le immagini, solo tre pulsanti operativi e l'impostazione del tempo di alternanza dei fotogrammi in centisecondi (1/100 di secondo).
La casella di controllo è responsabile della "riproduzione" dei video dai fotogrammi caricati in un cerchio.
Per caricare le immagini (trascinandole con il mouse), è necessario che abbiano tutte la stessa dimensione e con estensione “gif”.
È tutto. Sta già diventando chiaro come viene eseguita l'animazione; tutto ciò che dobbiamo fare è creare queste immagini (cornici) in Paint.Net.
Apri Paint.Net, vai al menu "Effetti" e controlla se abbiamo il plug-in "Point Warp" nell'editor.
Qui puoi scaricare il plugin “Point Warp”:. ru/soft/base/point_warp/point_warp_11/ Rimuovi lo spazio.
Inseriscilo nella cartella Effetti - (C:Program FilesPaint.NETEffects), il plug-in si installerà da solo, se non immediatamente, quando apri di nuovo l'editor.
Apri l'immagine in Paint.NET.

Paint.net è un comodo editor grafico gratuito che può in parte sostituire i costosi Adobe Photoshop. Il suo set di strumenti è sufficiente per elaborare fotografie e creare collage. Non è possibile creare animazioni nell'editor stesso e quindi dovrai utilizzare anche l'utilità gratuita UnFREEz.

Avrai bisogno

• - editor grafico Paint.net;
• - Programma UnFREEz.

Istruzioni

Scarica l'archivio del programma UnFREEz dal sito Web dello sviluppatore, decomprimilo e installalo sul tuo computer. Avvia Paint.net. La sua interfaccia è molto simile a quella del fratello maggiore, Photoshop, quindi non sarà difficile navigare se hai già utilizzato questo famoso editor.

Per comprendere i principi della creazione di animazioni, è meglio iniziare con qualcosa di semplice, come le didascalie. Nella barra degli strumenti, fai clic sull'icona "T" per attivare lo strumento testo.

Specifica la tonalità appropriata nella tavolozza dei colori e il tipo e la dimensione del carattere nel pannello delle proprietà. Fai clic sull'icona "Aggiungi nuovo livello" nel pannello Livelli e inserisci il testo. Utilizzando il comando "Salva con nome..." dal menu "File", salvare l'immagine nella cartella desiderata con estensione .jpg, ad esempio 1.jpg. Questo sarà il primo fotogramma dell'animazione.

Nel pannello Livelli, fai clic sull'icona Duplica livello. Verrà creato un nuovo livello con lo stesso nome di quello da copiare. Se desideri rinominare un livello, fai doppio clic su di esso nel pannello Livelli e inserisci un nome diverso.

Nel menu "Effetti", vai al gruppo "Distorsione" e seleziona il comando "Ammaccature". Per cominciare, imposta i parametri di distorsione su valori bassi. Se sei soddisfatto del risultato, fai clic su OK per salvare. Per annullare le modifiche non riuscite, utilizzare il comando "Annulla" nel menu "Modifica" o i tasti Ctrl+Z.

Salva la nuova immagine nella stessa cartella con il nome 2.jpg in modo da non confondere la sequenza dei fotogrammi. Durante il salvataggio, il programma nel primo passaggio offrirà di selezionare il livello di sfocatura e la qualità dell'immagine salvata, nel secondo - per unire tutti i livelli o rifiutare di unire. Seleziona "Unisci tutti i livelli". Dopo aver salvato l'immagine, tutti i livelli verranno uniti in uno chiamato "Sfondo". Fare clic su Annulla nel menu Modifica per separarli nuovamente.

Crea un'altra copia del livello e aumenta le impostazioni di distorsione. Salva l'immagine come 3.jpg. Ripetere l'operazione più volte. Più fotogrammi crei, più fluida sarà l'animazione.

Apri la cartella con i file GIF salvati. Avvia il programma UnFREEz e trascina le immagini una per una nella finestra Frames. Nella finestra Ritardo fotogramma, seleziona l'intervallo di tempo per la modifica dei fotogrammi e fai clic su Crea GIF animata. Quando richiesto dal programma, inserisci il nome della tua animazione e la cartella in cui salvarla (per impostazione predefinita, verrà suggerita la cartella con i file gif salvati).

Per eliminare un livello, fare clic sulla croce nel pannello dei livelli. Puoi eliminare i livelli quando ce ne sono almeno 2.

Questa lezione è stata preparata sulla base di numerose domande dei nostri visitatori. In effetti, non c'è nulla di difficile nel creare disegni animati. Le immagini in movimento sono supportate, ad esempio, dal formato più famoso file grafici GIF. Tieni presente che rendi animato JPG o BMP è improbabile che funzioni, poiché questi formati non supportano l'interlacciamento dei fotogrammi.

Come creare fotogrammi di filmati in movimento in Paint.NET

Quindi, per creare un video animato, dovremo realizzare una serie di fotogrammi. Grazie al fatto che ti consente di lavorare con i livelli, realizzare cornici non è affatto difficile. Utilizziamo ad esempio l'immagine di uno smiley realizzata nella lezione Paint.NET "Come disegnare uno smiley 3D" pubblicata sul nostro sito.

Per creare più fotogrammi, prendiamo l'immagine 3D della faccina da questo tutorial e creiamo una copia del livello con l'immagine della faccina nel numero di fotogrammi del video di cui abbiamo bisogno. Per fare ciò, puoi utilizzare, ad esempio, il menu "Livello" - "Crea una copia del livello" o copiare il livello direttamente nella finestra "Livelli" di Paint.NET.

Non puoi copiare subito i livelli, ma ad esempio, per creare un secondo fotogramma, copiare il primo livello e quindi modificare il motivo sul livello copiato in base all'idea del video. Ad esempio, abbiamo compresso la faccina sorridente e l'abbiamo spostata su e giù fotogramma per fotogramma. Puoi vedere un esempio della finestra "Livelli" di Paint.NET nella figura a sinistra, naturalmente, tutti i fotogrammi non si adattavano ad essa, ma puoi vedere l'idea generale.

Come salvare i fotogrammi di un film in movimento in file separati

Per collegare singoli fotogrammi nell'ordine desiderato in un video animato utilizzando il programma UnFREEz, devi prima salvare i fotogrammi come file separati. Anche in questo non c'è nulla di complicato. Puoi, ad esempio, copiare l'intero contenuto del livello desiderato, creare una nuova immagine e incollarvi l'immagine copiata dal livello. Quindi salvalo come file GIF separato. Puoi selezionare l'intera immagine su un livello, ad esempio, premendo la combinazione di tasti Ctrl+A. Le descrizioni di altri tasti di scelta rapida di Paint.NET si trovano nella sezione istruzioni di questo sito.

Un altro modo, ad esempio, è semplicemente disattivare la visibilità dei livelli che non sono necessari nel fotogramma corrente e quindi salvare i livelli visibili come immagine GIF separata. Questo può essere fatto nel menu Paint.NET "File" - "Salva con nome". Quando si salva come GIF, Paint.NET offrirà di unire tutti i livelli dell'immagine, ad es. Si scopre che i livelli temporaneamente disabilitati scompariranno. Ma dopo aver salvato il file con la cornice, puoi fare clic sul pulsante "Annulla" nel pannello orizzontale di Paint.NET e ultima azione l'unione dei livelli verrà annullata e tutti i livelli torneranno indietro.

Tieni presente ancora una volta che per poter combinare i fotogrammi con il programma UnFREEz in un file GIF animato, è necessario che tutti i fotogrammi abbiano la stessa dimensione dell'immagine. Cioè, ad esempio, se la dimensione dell'immagine di un fotogramma è 20 x 30 pixel, i fotogrammi rimanenti dovrebbero avere la stessa dimensione. Il metodo sopra descritto per creare cornici in Paint.NET garantisce che questa condizione sia soddisfatta, poiché tutte le cornici sono costituite da un'immagine principale.