Buoni libri di disegno Photoshop fratello ImageReady

Aug 29, 2023

Lasciate un messaggio

Se sul tuo computer è installato Photoshop 5.5 o versione successiva, troverai senza dubbio un altro programma chiamato ImageReady installato sul tuo computer insieme a Photoshop. Allora, sai a cosa serve?

ImageReady è un software speciale per la modifica delle animazioni, che compensa le carenze di Photoshop nella modifica di animazioni e materiali web. ImageReady contiene un gran numero di strumenti per creare immagini e animazioni web e può persino produrre parte del codice html, il che si può dire sia potente. Diamo un'occhiata a due delle sue funzioni di animazione di base.

1. Crea GIF animate

L'animazione è in realtà una serie di immagini statiche continue, ciascuna immagine statica è chiamata fotogramma, quando questi fotogrammi vengono visualizzati continuamente e rapidamente, si formerà un effetto di animazione. Modificare un'animazione con ImageReady significa manipolare i fotogrammi.

1. Crea una nuova cornice

Apri ImageReady, crea un nuovo file da 244×277 pixel chiamato "Finger Magic", nel menu "Finestra" fai clic su "Mostra livello" e il comando "Mostra animazione" per far apparire il pannello dei livelli e il pannello dell'animazione nell'interfaccia del software. Apri t1.jpg, premi Ctrl+A per selezionare tutto il contenuto dell'immagine, copialo e incollalo nella nuova immagine. Questo è il primo fotogramma dell'animazione ed è lo stato normale predefinito dell'immagine nel programma.

Fai clic sul pulsante "Copia fotogramma corrente" sotto il pannello di animazione per creare il secondo fotogramma. Copia anche tutto il contenuto di t2.jpg nel nuovo file "Quick Finger Magic".

Quindi utilizza il metodo sopra descritto per incollare t3.jpg, t4.jpg, t5.jpg, t6.jpg nei rispettivi nuovi fotogrammi, creando un totale di 6 fotogrammi.

2. Corrispondenza tra livelli e fotogrammi

Seleziona il livello "Sfondo" nel pannello Livelli e premi il pulsante "Elimina livello" (il piccolo simbolo del cestino) nell'angolo in basso a destra del pannello dei livelli per rimuovere il livello di sfondo.

Fai clic per selezionare il fotogramma 1 nel pannello Animazione e nascondi i livelli 2, 3, 4, 5 e 6 nel pannello Livelli (rimuovendo gli "occhietti" sul lato sinistro di questi livelli).

Quindi fare clic su Frame 2 nel pannello Animazione e nascondere i livelli 1, 3, 4, 5, 6 nel pannello Livelli in modo che venga mostrato solo il contenuto del livello 2.

Allo stesso modo, gli altri livelli nei fotogrammi da 3 a 6 vengono nascosti separatamente, in modo che ogni fotogramma mostri solo il contenuto del livello ad esso correlato. Il risultato è mostrato nella Figura 2.

3. Anteprima e archiviazione

Nella parte inferiore di ciascun fotogramma nel pannello di animazione, fai clic sul piccolo triangolo invertito a destra della parola "secondi" e seleziona la quantità di tempo che desideri visualizzare in ciascun fotogramma (0240 secondi, puoi regolare fai da te). Infine, puoi testare direttamente l'animazione facendo clic sul pulsante Riproduci nel pannello dell'animazione. Se sei ancora soddisfatto, puoi scegliere "Salva risultati di ottimizzazione" nel menu "File", salvare i nostri risultati come "finger magic.gif" e terminare la produzione.

A proposito, puoi anche aprire qualsiasi GIF animata con ImageReady e modificare ogni fotogramma. Ho trovato l'interfaccia di ImageReady più intuitiva e facile da usare rispetto a FireWork, un altro noto programma di editing di animazioni.

In secondo luogo, crea immagini capovolte

Nelle pagine Web, è comune riscontrare diversi effetti dinamici causati da eventi del mouse, come il passaggio più comune del mouse sull'immagine, il clic e l'allontanamento, il contenuto dell'immagine cambia. Anche se modificare questo effetto con codice web html è complicato, ImageReady è molto più semplice.

Il metodo per creare questo effetto di rotazione dell'immagine è fondamentalmente lo stesso del metodo per creare l'animazione sopra, l'unica differenza è che invece di aprire il pannello di animazione per modificare ogni fotogramma, apriamo il pannello di rotazione per modificare ogni diverso stato del mouse.

Utilizzare il comando "Finestra → Visualizza capovolgi" per aprire il pannello ribaltabile e fare clic sul pulsante "Crea nuovo stato ribaltabile" nella parte inferiore del pannello per creare diversi stati ribaltabili. Ci sono un totale di 6 stati qui, vale a dire: normale, Sopra, Giù, clic, Fuori e Su. Gli altri passaggi non hanno molto da dire, lo stesso è stabilire la relazione corrispondente tra ogni stato e ogni livello, e infine selezionare "Salva il risultato dell'ottimizzazione con nome...", salvalo in formato HTML.