Nwlapcug.com


Come fare un'immagine ruotare su un sito Web

Rotazione di un'immagine su un sito Web può ravvivare una noiosa attenzione pagina o chiamata ad un'area del sito Web, che si desidera che i visitatori a notare in primo luogo. È possibile ruotare un'immagine facilmente utilizzando una GIF animata, che è riconosciuta da tutti i browser moderni e utilizza una serie di fotogrammi che esegue in un ciclo continuo per creare il movimento dell'oggetto. Tieni presente, però, che un movimento troppo su una pagina può essere affollato e fonte di distrazione per i visitatori. L'immagine che si desidera ruotare dovrebbe essere piccola e hanno uno scopo specifico.

Istruzioni

Ruotare le immagini con una GIF animata

1

Lanciare il vostro software di editing grafico. Per questo articolo viene utilizzato il prodotto di grafica web Adobe Fireworks, ma molti altri programmi di grafica come Photoshop, Paint Shop Pro e anche shareware titoli 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 una struttura pulita e sfondo trasparente.

3

Fare una copia dell'immagine (menu Modifica--> "Duplicato") e ruotarlo nella posizione successiva che si desidera avere. Una delle animazioni più semplice da fare è una serie di curve a 90 gradi perché che richiede solo tre copie dell'immagine. (Modificare menu--> "Trasformare"-->"ruota 90 CW").

4Come fare un'immagine ruotare su un sito Web


Continuare a duplicare e rotazione dell'immagine originale fino a quando non si dispone di una serie di immagini con un movimento circolare a partire dalla sua posizione originale e termina l'immagine originale.

5

Scegliere "Seleziona tutto" dal menu modifica per selezionare tutte le tue immagini. Al fine di apparire per ruotare un'immagine, i duplicati devono essere nella stessa posizione dello schermo come l'originale. Allinearle quindi si siedono in cima a vicenda. (Modificare menu--> "Allinea a sinistra" ->"Allinea in alto").

6Come fare un'immagine ruotare su un sito Web


Aprire la tavolozza di fotogrammi. (Fuochi d'artificio questo è sul lato destro dello schermo con la palette storia.) Adesso e ' tutte le immagini sono nel primo fotogramma, Frame 1.

7Come fare un'immagine ruotare su un sito Web


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

8Come fare un'immagine ruotare su un sito Web


Fare clic sull'etichetta fotogramma 1 nella tavolozza cornici per tornare alle tue immagini e con il menu modifica, fare clic su, tagliare e incollare ogni immagine duplicate in uno dei nuovi telai, nell'ordine la progressione di rotazione, fino a quando non solo l'immagine di partenza è nel fotogramma 1.

9Come fare un'immagine ruotare su un sito Web


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

10

Regolare la velocità dell'animazione facendo doppio clic la velocità di frame a destra dell'etichetta (il valore predefinito è 7/100 secondi).

11

Verifica che l'impostazione ciclo per l'animazione è "Forever" (nella parte inferiore della palette fotogrammi), quindi verrà riprodotto continuamente.

12

Rimuovere qualsiasi area di sfondo supplementare intorno le immagini (menu Modifica--> "Tela" ->"tela Trim") per ridurre la dimensione del file, quindi salvare il file.

13

Esportare l'immagine come immagine GIF animata. (Dal menu FILE--> "Anteprima immagine").

14

Caricare il file GIF risultante al tuo sito Web, quindi aprire la pagina web nel tuo editor di pagine web e inserire l'immagine GIF o aggiungere un tag IMG per fare riferimento il nuovo file GIF e caricare la pagina web nel browser web per verificare.

15Come fare un'immagine ruotare su un sito Web
16 17Come fare un'immagine ruotare su un sito Web