Rotazione di un'immagine su un sito web in grado di ravvivare una pagina noioso o richiamare l'attenzione su un'area del sito che si desidera visitatori a notare prima. È possibile ruotare un'immagine facilmente usando una GIF animata, che è riconosciuto da tutti i moderni browser web e utilizza una serie di fotogrammi che vengono eseguiti in un ciclo continuo per creare il movimento dell'oggetto. Tenete a mente, però, che troppo movimento in una pagina può essere occupato e distrazione ai visitatori. L'immagine che si desidera ruotare dovrebbe essere piccole e hanno uno scopo specifico.

istruzione

Ruotare le immagini con un GIF animato

1 Avviare il software di editing grafico. Per questo articolo, il prodotto di grafica web di Adobe Fireworks viene utilizzato, ma molti altri programmi di grafica come Photoshop, Paint Shop Pro e anche i titoli shareware possono creare GIF animate. Vedere la sezione Risorse per ulteriori suggerimenti.

2 Creare l'immagine che si desidera ruotare o aprire il file che lo contiene. Assicurarsi che l'immagine ha un profilo pulito e sfondo trasparente.

3 Creare una copia dell'immagine (menu Modifica -> "Duplica") e ruotarla alla successiva posizione che si desidera avere. Una delle animazioni semplice da fare è una serie di 90 gradi si trasforma in quanto che richiede solo tre copie dell'immagine. (Menu Modifica -> "Trasforma" -> "Ruota 90 CW").

4

Continuare duplicazione e ruotando l'immagine originale fino ad avere una serie di immagini che rappresentano un movimento circolare partendo dalla posizione iniziale e terminando l'immagine originale.

5 Scegliere "Seleziona tutto" dal menu Edit per selezionare tutte le immagini. Affinché un'immagine da visualizzare per ruotare, i duplicati devono essere nella stessa posizione dello schermo dell'originale. Allinearli così si siedono uno sopra l'altro. (Menu Modifica -> "Allinea a sinistra" -> "Allinea in alto").

6

Aprire la tavolozza Frames. (In Fireworks questo si trova sul lato destro dello schermo con la palette Storia.) In questo momento tutte le immagini sono nel primo fotogramma, fotogramma 1.

7


Aggiungere una nuova cornice per ciascuna immagine duplicato che hai fatto. Per l'esempio rotazione di 90 gradi, tre nuovi frame devono essere aggiunti.

8


Fare clic sul fotogramma 1 etichetta nella tavolozza frame per tornare alle immagini, e utilizzando il menu Modifica, scegliere, tagliare e incollare ciascuna delle immagini duplicate in uno dei nuovi fotogrammi, nell'ordine della progressione di rotazione, fino a poco la partendo immagine è nel fotogramma 1.

9


Fare clic sul pulsante "Play" nella parte inferiore della finestra dell'immagine per testare l'animazione. Se le cornici sono in ordine, fare clic e trascinare le etichette dei fotogrammi nella tavolozza per riordinarli. Fare doppio clic sull'etichetta Frame per rinominarlo in qualcosa di più significativo, se volete.

10 Regolare la velocità dell'animazione con un doppio clic la velocità fotogramma a destra del dell'etichetta Telaio (di default è 7/100 secondi).

11 Verificare che l'impostazione per l'animazione ciclo è "Forever" (in fondo alla palette Frames) in modo che giocherà in continuazione.

12 Rimuovere qualsiasi area di sfondo in più intorno le immagini (menu Modifica -> "Canvas" -> "Trim Canvas") per ridurre le dimensioni del file, quindi salvare il file.

13 Esportare l'immagine come GIF animata. (Menu File -> "Anteprima immagine").

14 Carica il risultante file .gif al tuo sito web, quindi aprire la pagina Web nel editor di pagine web e inserire l'immagine GIF o aggiungere un tag IMG per fare riferimento alla nuova GIF, e caricare la pagina web nel browser web per testare.

15
16
17