Come creare un banner a rotazione

November 12

Come creare un banner a rotazione


È possibile creare un banner di qualità per il tuo sito web che include il testo di laminazione a dire i visitatori su di voi, i vostri prodotti e anche le offerte speciali. Non c'è bisogno di assumere una pagina Web designer per fare questo banner. Creare questo effetto di scorrimento te stesso con una copia di Photoshop CS3 o versione successiva.

istruzione

1 Caricare le immagini esterne o grafica che si desidera utilizzare nel vostro banner sul vostro computer, salvandoli in una cartella denominata "Immagini Banner".

2 Aprire Photoshop. Selezionare "File" e "Nuovo". Nella nuova finestra del documento, impostare il formato per il banner. Il banner media è di 468 pixel per 60 pixel. Fai clic su "OK".

3 Selezionare il "Paint bucket Tool" nella barra degli strumenti per riempire lo sfondo del vostro banner con il colore. In alternativa, selezionare l'opzione "Strumento Gradiente" e stile allora gradiente nelle opzioni dello strumento, e trascinare un gradiente sulla tela in qualsiasi direzione si desidera che il colore di fondere.

4 Selezionare "File" e "Apri". Individuare il documento "Banner Images", e aprire una delle immagini che si desidera utilizzare.

5 Scegliere "Seleziona" dal menu e fare clic su "Seleziona tutto". Utilizzare il "Copia" e "Incolla" funzioni per posizionare l'immagine nel documento banner. In "Modifica" nel menu, scegliere "Scala" e "Trasformazione" per ridimensionare e posizionarlo. Ripetere il passaggio precedente e questo per posizionare tutte le immagini che si desidera utilizzare nel banner.

6 Selezionare "Layer" dal menu, quindi "Unisci visibili."

7 Selezionare l'opzione "Strumento testo" e digitare il testo vostra voglia di rotolare nella parte inferiore del banner.

8 Selezionare "Filtro" dal menu e fare clic su "Animazione". Nella timeline che appare nella parte inferiore dell'interfaccia, selezionare il singolo fotogramma che si vede, e cliccare sull'icona "Duplica fotogrammi selezionati". Se non vedi le cornici, clicca disattivare la modalità "Timeline" nella parte inferiore del pannello. Selezionare il "Move Tool" per posizionare il testo verso l'estrema destra, appena fuori della tela.

9 Selezionare il secondo telaio e spostare il testo fuori destra dell'area di lavoro. Fare clic sull'icona "Tweening", e nella finestra di dialogo che si apre, digitare il numero di fotogrammi che si desidera per l'animazione banner. Fare clic sul pulsante "Play" per testare l'animazione.

10 Selezionare "File" e "Salva per Web e dispositivi." Nella finestra di dialogo che si apre, fare il tipo di file GIF, e dalla preview "4 Up", scegliere la versione più bassa risoluzione a trovare accettabile. Fai clic su "Salva". Assegnare un nome al file e salvarlo.

Consigli e avvertenze

  • Se non si dispone di Photoshop, si può provare GIMP, un programma gratuito che permetterà di conseguire lo stesso risultato attraverso un insieme leggermente diverso di passaggi.