Visualizzazione di 12 post - da 1 a 12 (di 12 in totale)
Caro guru gimpa, per favore dillo a un principiante! Non capisco.
Come creare una tale immagine gif in modo che tre immagini si sostituiscano a vicenda, ma allo stesso tempo ognuna di queste immagini avesse anche un'animazione (appare il testo) ?!
Realizzare questa animazione manualmente è un momento noioso (sebbene possibile).
E Gimp per l'animazione non è la scelta migliore. La casa dell'animazione è la grafica vettoriale.
Se l'attività è privata, ad es. deve essere fatto una volta e dimenticato, è meglio creare una presentazione in Impress ed esportarla in gif.
(incluso nella confezione LibreOffice-> http://ru.libreoffice.org/download/)
In questo caso, gli effetti sono oscurità, non solo attenuazione. Viene fuori economico e allegro.
Se vuoi farlo in Gimp, devi scaricare GAP (GIMP Animation Package)
Puoi leggere di lui in russo:
http://www.gimpbnksb.ru/forum/14-152-1
ragazzo, Grazie! Proverò questo plugin ora, scoprilo :)
l'ufficio non è adatto, perché il compito è fare uno striscione.
Puoi semplicemente disegnare almeno i passaggi per creare ciò di cui ho bisogno (se lo fai per molto tempo e triste :D)? e poi proverò a capirlo da solo...
Semplicemente non capisco cosa debba essere fatto esattamente per ottenere il risultato desiderato ... per quanto ho capito, devi creare molti livelli (sequenza: prima un livello con un'immagine, poi livelli con testi, quindi un livello di una seconda immagine, ecc.) e poi carica tutto su gif, quindi?!
Il mio primo consiglio fallisce perché LibreOffice non memorizza adeguatamente gli effetti di animazione in formato gif.
Come manualmente?
1. Leggi alcune informazioni su gif
2. Capire cos'è la modalità combina/sostituisci
3. Crea una semplice animazione ed esporta in gif (ad esempio, disegna un'animazione di una palla che rimbalza, 4-6 fotogrammi)
4. Crea una bozza della tua animazione
5. Stimare sperimentalmente la dimensione del file di output e la necessità di ottimizzazione
6. Salva l'immagine nella modalità: Colore indicizzato (cioè con la sua tavolozza)
7. Affronta il divario, aiuterà molto.
8. Per gli esperimenti con il ritardo, usa qualsiasi animazione. Ad esempio:
Se hai bisogno di fare molte animazioni, passa al flash, puoi disegnare video più seri. La qualità di questa animazione è una spanna sopra.
P.S. La sequenza è corretta, basta capire qual è la differenza tra combinare e sostituire, nonché come si comporta il canale alfa.
Non sono d'accordo. Quindi c'era qualcosa che non andava con il flash. Flash si basa sulla grafica vettoriale, i caratteri sulla grafica vettoriale, tutti gli effetti sono pura matematica, la dimensione del file sarà piccola. L'unica cosa che poteva aumentare le dimensioni del filmato finale erano le immagini bitmap importate in modo errato (o le hai lasciate nella bitmap o la traccia è stata eseguita con parametri non riusciti).
Ed è molto probabile che io stia sbagliando qualcosa con il flash.... :)
È solo che prima c'era un partner che si occupava solo di design e grafica, ma io ero solo per il codice... Se n'è andato, e tutto il suo lavoro è stato messo anche su di me, ora studio ora! :)
Sono molto soddisfatto dell'editor! Intuitivo se ti siedi con lui almeno un po'.
Ho già capito tutto, è apparsa solo una domanda: è possibile in qualche modo fare un ritardo diverso tra la visualizzazione dei singoli livelli (fotogrammi), se lo salvo in.gif come animazione? o il ritardo è impostato da un parametro per TUTTI i livelli contemporaneamente nella finestra, quando esporto già in .gif?
È molto facile fare un ritardo diverso:
1. Prepara un file da più livelli
2. Esporta in gif con comune a tutti latenza dei frame
3. Apri file gif
4. Nella pila dei livelli (Dialogo dei livelli) accanto al nome del livello ci sarà un ritardo
(100 ms per impostazione predefinita.) Cambia questo valore in 500 ms per qualsiasi livello, esportalo di nuovo in gif e voilà, il frame si bloccherà per mezzo secondo.
P.S. Non sono sicuro se tutti i visualizzatori supporteranno diversi ritardi dei fotogrammi per la stessa animazione.
WiL-13 ha scritto:
Cioè, appare un'immagine, quindi ci sono righe di testo su di essa una dopo l'altra, quindi una seconda immagine, ha anche diverse righe una dopo l'altra, ecc.
Se l'animazione è semplice, sarebbe più logico farlo in JavaScript o anche CSS3.
Ed è davvero meglio rifiutarsi di usare Flash, la tecnologia sta lentamente morendo.
Le animazioni GIF sono onnipresenti su Internet. Banner, pulsanti, loghi, tutti, utilizzando anche una piccola animazione, aggiungono dinamicità al contenuto della pagina. Esistono molti programmi diversi progettati specificamente per creare gif animate. Tuttavia, la maggior parte di essi può funzionare solo con immagini finite, distorcendole o spostandole nello spazio. Pertanto, è del tutto logico creare immagini animate utilizzando un programma con il quale puoi anche disegnare. Di seguito voglio mostrarti quanto è facile creare un effetto di animazione usando GIMP.
Tuttavia, prima, un po 'dell'idea stessa di una gif animata. Il formato gif consente di memorizzare un'immagine come più livelli, ognuno dei quali può essere un'immagine separata. L'idea è che per ogni livello in un'immagine gif, puoi impostare il tempo durante il quale verrà visualizzato. Quindi, alternando i livelli, puoi ottenere l'animazione.
Quindi, come accennato in precedenza, per creare una gif animata, devi avere diversi livelli (leggi di più su come lavorare con i livelli in GIMP). Diamo un'occhiata all'esempio più semplice. Crea una nuova immagine. Lascia lo strato più in basso bianco. Sugli altri quattro disegneremo le lettere che appaiono della parola GIMP. Il modo più semplice per farlo è scrivere l'iscrizione su un nuovo livello, quindi creare quattro copie di questo livello e cancellare le lettere non necessarie in ciascuna di esse. Quindi, ottieni cinque livelli, uno dei quali è lo sfondo, gli altri quattro rappresentano la parola GIMP che raccoglie lettera per lettera:
Ora salva l'immagine risultante come gif ( File - Salva con nome). GIMP ti chiederà quindi di esportare l'immagine come gif. In tal modo, ti darà la possibilità di combinare i livelli in un'unica immagine o salvarli come animazione. Perché ci interessa l'animazione, sceglieremo la seconda e premeremo " Esportare". Successivamente, si aprirà il menu per la selezione dei parametri della gif animata:
I primi due parametri impostano le proprietà generali di gif: queste sono interlacciamento e un commento... Siamo più interessati ai parametri di animazione:
- Ciclo infinito... Quando questo parametro è abilitato, i livelli si alterneranno indefinitamente, ad es. dopo che è stato visualizzato l'ultimo livello, verrà visualizzato il primo. Se questo parametro è disabilitato, l'animazione verrà riprodotta una volta e si fermerà all'immagine dell'ultimo livello.
- Ritardo tra i fotogrammi- il tempo in microsecondi in cui ogni livello verrà visualizzato per impostazione predefinita.
- Posizione della cornice- ha tre modalità. Il primo (predefinito) è Non mi interessa (non importa), dice il GIMP di sbarazzarsi di te stesso. Secondo - Combina (sovrapponi livelli), sovrappone uno strato all'altro senza rimuovere i precedenti, ad es. li unisce. In questo modo, se nei livelli sono presenti punti trasparenti, i livelli precedenti verranno visualizzati attraverso di essi. Per impostazione predefinita, GIMP di solito usa questa modalità come la più flessibile. Lo uso sempre anche io. La terza modalità è Sostituisci (un fotogramma per livello), sostituisce il livello precedente con uno nuovo.
Usa la posizione del livello predefinita e imposta il tempo tra i fotogrammi su 200. Di conseguenza, dovresti ottenere una gif come questa:
Se ora apriamo questa gif usando GIMP, vedremo che nella finestra di dialogo dei livelli nel nome di ogni livello tra parentesi è stato aggiunto un parametro: il tempo di visualizzazione. Pertanto, modificando il valore tra parentesi, è possibile impostare ogni livello il proprio tempo di visualizzazione personale. Ad esempio, imposta un valore di 500 per l'ultimo livello in modo che la casella di testo completo rimanga sullo schermo più a lungo.
Questo è stato l'esempio più semplice di creazione di un'animazione. Ma vogliamo sempre di più! È ora di passare alla voce di menu speciale Filtri - Animazione... Contiene tre elementi - Riproduzione, Ottimizzazione e De-ottimizzazione... Scopriamo cosa è cosa:
- Riproduzione... Questo elemento ci consente di riprodurre l'animazione appena renderizzata:
Sopra c'è una gif animata che simula il funzionamento di questo filtro, lanciato da un pulsante. Avvio / arresto... Pertanto, puoi vedere che questo pulsante avvia la riproduzione dell'immagine e la interrompe. Pulsante Riavvolgi ci riporta al primo fotogramma dell'immagine, il pulsante Fare un passo consente di modificare manualmente i frame. Ma tutte queste sono lontane dalle caratteristiche più interessanti di questo filtro. Se fai clic con il mouse sull'immagine in riproduzione, vedrai come il cursore si trasforma in una freccia verticale. Ora puoi trascinare l'animazione in qualsiasi punto (!) dello schermo, ad esempio nella finestra del browser, per vedere come apparirà questa animazione sulla tua pagina. A proposito, questa funzione può essere utilizzata anche per immagini non animate.
- Ottimizzazione... Quando ho applicato per la prima volta questo filtro, la mia eccitazione non conosceva limiti. Il fatto è che ogni livello in una gif animata è, in effetti, un'immagine separata e, salvando la gif come animazione, salviamo più immagini contemporaneamente. Quindi, con un gran numero di livelli, le dimensioni della nostra gif animata cresceranno proprio davanti ai nostri occhi, il che non va bene, vista la volontà di ridurre al minimo le dimensioni delle immagini per il web. Una via d'uscita è ridurre manualmente le dimensioni di ogni livello e distruggere i pezzi non necessari. Dimenticalo !!! Filtro Ottimizzazione farà tutto per te in men che non si dica!!!. Il filtro fa approssimativamente quanto segue: calcola ogni livello e trova i punti modificati rispetto al precedente e li lascia solo, ridimensionando il livello il più piccolo possibile (cioè, tagliando ai punti modificati estremi). In questo caso, tutti i punti invariati all'interno di questo livello verranno sostituiti con quelli trasparenti. Prendi una gif appena creata con l'etichetta GIMP e applica questo filtro.
Come puoi vedere, è rimasta solo una lettera in ogni livello e tutto il colore bianco è stato sostituito con trasparente, perché non ha senso trascinarlo in ogni livello, avendo un unico sfondo bianco per tutti. Inoltre, un altro parametro è apparso nel nome del livello tra parentesi: combinare... Questa è esattamente la modalità posizione della cornice... Dopo aver applicato il filtro Ottimizzazione questa modalità sarà sempre importante combinare, cioè. il nuovo frame verrà aggiunto a quelli precedenti. Prova a cambiare questa impostazione in valore sostituire e otterrai qualcosa del genere:
Lo stesso effetto potrebbe essere ottenuto con la modalità combinare, lasciando inizialmente solo una lettera in ogni strato e applicando il filtro Ottimizzazione... La differenza è che ogni livello conterrà una lettera nera e un colore di sfondo da dipingere su quello precedente. Il risultato è un file di dimensioni maggiori. Tuttavia, spesso, il guadagno non è così grande e lavorare con sostituire non molto conveniente, quindi personalmente non lo uso mai.
Tra l'altro, Ottimizzazione fornisce un aiuto prezioso quando si lavora con livelli in cui sono presenti immagini sfocate. Perché gif contiene un massimo di 256 colori, la sfocatura di un oggetto su uno sfondo trasparente è molto difficile da visualizzare e spesso semplicemente scompare. Pertanto, uso sempre un'immagine di sfondo in ogni livello e su di essa disegno già un nuovo elemento. Ad esempio, sul sito web dell'azienda per cui lavoro, avevo bisogno di raffigurare bagliore solare rotante sullo sfondo dell'edificio... Quando ho creato ogni riflesso dell'obiettivo in un nuovo livello separato dall'edificio, quando salvato in gif, ha perso metà dei suoi raggi e ha smesso di essere sfocato. Quindi ho copiato l'immagine dell'edificio in ogni livello, ho dipinto le luci e l'ho ottimizzato. Di conseguenza, ho ottenuto ciò che volevo e la dimensione del file è diminuita di tre volte rispetto a quella non ottimizzata!
- De-ottimizzazione... Filtro di ottimizzazione inversa. Fino ad ora, non ho trovato l'uso corretto per esso, ma è possibile che possa tornare utile quando è necessario apportare modifiche a un'immagine ottimizzata.
Quindi, abbiamo capito i principi di base della creazione di gif animate usando GIMP. Riassumendo brevemente i risultati, possiamo trarre le seguenti conclusioni:
1
... Ogni fotogramma dell'animazione è un livello di immagine separato.
2
... È possibile specificare due parametri per ogni fotogramma: il tempo di visualizzazione in microsecondi e il suo tipo, combinare (unione) o sostituire (sostituzione). I parametri sono specificati nel nome del layer e sono racchiusi tra parentesi, ad esempio: Layer1 (1000ms) (combina).
3
... L'ottimizzazione dei livelli può ridurre significativamente le dimensioni dell'animazione.
Questo è tutto sulle tecniche di base per creare immagini gif animate usando GIMP. Spero che questo breve articolo ti sia stato utile. Se hai commenti o aggiunte, scrivimi per e-mail.
Gimp
Questa è l'istruzione per il Gimp. Ad essere sincero, non sono molto bravo a disegnare a mano libera, ma con programmi come Gimp le mie possibilità artistiche sono aumentate. Voglio riempire Akak.ru con le mie istruzioni Gimp e aiutare molte persone che hanno giochi per computer, tempo inattivo su Internet e lavoro eccessivo in WordPade. Spero ti piaccia!
Istruzioni
Livello di difficoltà: Facile
Quello di cui hai bisogno:
- Fantasia
- Interesse
Passo 1
Ombre da combattimento
Per prima cosa, creiamo un'immagine vuota. Quindi usiamo lo strumento di riempimento piatto. Seleziona il colore che desideri per te, tieni premuto ctrl e sposta la striscia verso il basso. Tutto dovrebbe assomigliare all'immagine.
Passo 2
Ho scelto questo colore
Ora abbiamo bisogno di un "colore" - "tonalità", seleziona un colore e salva. Puoi scegliere qualsiasi colore, ma tieni presente che in futuro ci sarà un bel logo con il tuo nome su questo sfondo.
Passaggio 3
Effetto pelle di serpente
Ora lavoriamo con i filtri. Premere "filtri" - "distorsione" - "mosaico". Inserisci le impostazioni che desideri e salva. Questo effetto può essere utilizzato per creare murales, sfere, sfondi e così via.
Passaggio 4
Dovrebbe assomigliare a qualcosa di simile a questo.
Ora dobbiamo digitare un paio di parole. Per fare ciò, prendi uno strumento che assomigli a una lettera;), seleziona il carattere di cui abbiamo bisogno e scrivi qualcosa. Ho scelto il mio nome. Dopo aver digitato, prendi lo strumento "selezione epilettica" e delinea il testo in modo che non rimanga molto spazio vicino al testo. Ora prendiamo "filtri" - "luce e ombra" - "supernova". Inserendo una "stella" nell'area di selezione, prendi lo strumento "dito" e sfuma la stella attorno al testo.
Passaggio 5
E ora la cosa più importante! Animazione. Prendiamo "filtri" - "animazione" - "creazione di una sfera (palla)". Lasciamo le impostazioni così come sono e salviamo. Dovrebbe apparire una nuova finestra. Per visualizzare l'animazione, vai su "filtri" - "animazione" - "riproduzione". Si apre una nuova finestra, premi play e guardi la tua creazione. A proposito, la velocità di visualizzazione può essere regolata utilizzando l'angolo in basso a sinistra.
Passaggio 6
" opzione. Ora prendiamo un'animazione chiamata "increspature". Facciamo tutto come nel passaggio precedente. C'è una necessità speciale per salvare le animazioni! Fai clic su "file" - "salva con nome ..." e inserisci il nome della tua immagine. In basso c'è una finestra "seleziona il tipo di file per...", PRENDI FORMATO GIF, altrimenti avrai solo una foto. Salva, si apre una nuova finestra e lì sceglierai sicuramente "salva come animazione". E l'immagine è salvata
