Bons llibres de dibuix Photoshop germà ImageReady

Bons llibres de dibuix Photoshop germà ImageReady

 

Si teniu instal·lat Photoshop 5.5 o superior al vostre ordinador, sens dubte trobareu un altre programa anomenat ImageReady instal·lat al vostre ordinador juntament amb Photoshop. Aleshores, saps per a què serveix?

 

ImageReady és un programari especial per editar animacions, que compensa les deficiències de Photoshop en l'edició d'animacions i materials web. ImageReady conté un gran nombre d'eines per fer imatges i animacions web, i fins i tot pot produir part del codi HTML, que es pot dir que és potent. Fem una ullada a dues de les seves funcions bàsiques d'animació.

 

1. Fes GIF animats

L'animació és en realitat una sèrie d'imatges estàtiques contínues, cada imatge estàtica s'anomena fotograma, quan aquests fotogrames es mostren de manera contínua i ràpida, formarà un efecte d'animació. Editar una animació amb ImageReady es tracta de manipular fotogrames.

 

1. Creeu un marc nou

Obriu ImageReady, creeu un nou fitxer de 244 × 277 píxels anomenat "Finger Magic", al menú "Finestra", feu clic a "Mostra la capa" i l'ordre "Mostra l'animació" per fer que el tauler de capes i el tauler d'animació apareguin a la interfície del programari. Obriu t1.jpg, premeu Ctrl+A per seleccionar tot el contingut de la imatge, copieu-lo i enganxeu-lo a la nova imatge. Aquest és el primer fotograma de l'animació i és l'estat normal per defecte de la imatge al programa.

 

Feu clic al botó "Copia el fotograma actual" a sota del tauler d'animació per crear el segon fotograma. Copieu també tot el contingut de t2.jpg al nou fitxer "Quick Finger Magic".

 

A continuació, utilitzeu el mètode anterior per enganxar t3.jpg, t4.jpg, t5.jpg, t6.jpg als seus propis marcs nous, creant un total de 6 fotogrames.

 

2. Concorda entre capes i marcs

Seleccioneu la capa "Fons" al tauler Capes i premeu el botó "Suprimeix la capa" (símbol de la paperera petita) a la cantonada inferior dreta del tauler de capes per eliminar la capa de fons.

 

Feu clic per seleccionar el fotograma 1 al tauler Animació i amagar les capes 2, 3, 4, 5 i 6 al tauler Capes (traient els "ullets" del costat esquerre d'aquestes capes).

 

A continuació, feu clic al fotograma 2 al tauler Animació i amagueu les capes 1, 3, 4, 5, 6 al tauler Capes perquè només es mostri el contingut de la capa 2.

 

De la mateixa manera, les altres capes dels fotogrames 3 a 6 s'amaguen per separat, de manera que cada fotograma mostra només el contingut de la capa relacionat amb ell. El resultat es mostra a la figura 2.

 

3. Vista prèvia i emmagatzematge

A la part inferior de cada fotograma del tauler d'animació, feu clic al petit triangle invertit a la dreta de la paraula "segons" i seleccioneu la quantitat de temps que voleu que es mostri cada fotograma (0240 segons, podeu ajustar tu mateix). Finalment, podeu provar l'animació directament fent clic al botó Reproduir al tauler d'animació. Si encara esteu satisfet, podeu triar "Desa els resultats d'optimització" al menú "Fitxer", desar els nostres resultats com a "finger magic.gif" i acabar la producció.

 

Per cert, també podeu obrir qualsevol GIF animat amb ImageReady i editar cada fotograma. Vaig trobar que la interfície d'ImageReady era més fàcil d'utilitzar i més fàcil d'utilitzar que FireWork, un altre programa d'edició d'animació conegut.

 

En segon lloc, feu imatges voltejant

A les pàgines web, és habitual trobar diferents efectes dinàmics causats pels esdeveniments del ratolí, com ara el ratolí més comú sobre la imatge, fer clic i allunyar-se, el contingut de la imatge canvia. Tot i que l'edició d'aquest efecte amb codi html web és feixuc, ImageReady és molt més fàcil.

 

El mètode per fer aquest efecte de volta d'imatge és bàsicament el mateix que el mètode de fer animació anterior, l'única diferència és que en lloc d'obrir el tauler d'animació per editar cada fotograma, obrim el tauler de volta per editar cada estat del ratolí diferent.

 

Utilitzeu l'ordre "Finestra → Mostra flip" per obrir el tauler d'inversions i feu clic al botó "Crea un nou estat de volta" a la part inferior del tauler per crear diferents estats de volta. Hi ha un total de 6 estats aquí, a saber: normal, per sobre, avall, clic, fora i amunt. La resta de passos no són gaire a dir, el mateix és establir la relació corresponent entre cada estat i cada capa, i finalment seleccionar "Desa el resultat d'optimització com..." , desar com a format HTML.