Come creare un banner Flash con Adobe Photoshop CS2

September 19

Creazione di un banner Flash animato è facile con la combinazione in bundle di Adobe Photoshop CS2 e ImageReady CS2. Con questi programmi potenti, non è nemmeno necessario il software Flash per creare file multimediali .swf per la vostra pagina web o blog. Questo tutorial vi darà il fondamento di base per creare qualsiasi tipo di animazione Flash che si possa immaginare.

istruzione

Creare e animare

1 Creare un documento di dpi 468 del 60 pixel 72 in Adobe Photoshop CS2. Si tratta di dimensioni standard striscione internet.

2 Scegliere un colore di sfondo. Vai al menu "Select" e scegliere "Seleziona tutto", quindi passare al menu "Modifica" e selezionare "Fill ...". Fai clic su "OK". Per usare un'immagine di sfondo, copiare e incollare l'immagine nel nuovo documento.

3 Fare clic sul menu "Finestra" e aprire la palette "Livelli". Fare clic sull'icona nella parte inferiore della finestra che visualizza il pop-up: ". Creare un nuovo livello" Nel nuovo livello appena creato, aggiungere le parole che vuoi sul tuo banner.

4 Duplicate il livello tutte le volte che si desidera passi nella vostra animazione. In questo caso, si sta andando ad avere il tipo di movimento attraverso il banner, quindi fare clic sul primo strato e posizionare il tipo in cui si desidera l'animazione per iniziare. Spostare il tipo su ogni ulteriore livello un po 'più avanti fino ad arrivare dove si vuole finire sullo strato superiore. I più livelli o passaggi creati, la fluida l'animazione finale sarà.

5 Selezionare "Modifica in Image Ready" dal menu "File". Ciò apre il documento in ImageReady CS2, dove potrete convertire i livelli in fotogrammi di animazione.

6 Vai al menu "Finestra" e selezionare "Animazione" per portare l'animazione Palette. Fare clic sul pulsante freccia a destra sul lato destro, scorrere verso l'alto e selezionare "Crea fotogrammi delle Livelli." Clicca su ogni fotogramma e accendere il livello di sfondo in basso nella palette "Livelli".

7 Utilizzare lo stesso menu come il passaggio precedente e scegliere "Seleziona tutti i fotogrammi." Scegli un fotogramma e impostare il tempo di ritardo per ".1 Sec" per un'animazione veloce o ".2 Sec" per un'animazione leggibile. La modifica di un fotogramma cambierà tutti i fotogrammi selezionati. Hit la freccia "Play" nella parte inferiore della palette per visualizzare in anteprima l'animazione. L'anteprima gioca più lentamente in ImageReady di quello che sarà in Flash, ma mostra come lisciare l'animazione è.

8 Vai al menu "File" e scegliere "Esporta"> fare clic sulla casella di controllo e "Generate HTML" "Macromedia SWF ... Flash". Fai clic su "OK", quindi su "Salva".

9 Aprire il documento HTML con un browser web per vedere l'animazione Flash.

Consigli e avvertenze

  • Creare ogni elemento, tipo o vettore forma, sul suo livello in modo che è possibile animare in modo indipendente.
  • animazioni Flash funzionano meglio con il tipo, forme di Adobe Photoshop, o "Smart Objects" importati da programmi vettoriali.
  • Il frame rate predefinito per i file .swf è di 12 fotogrammi al secondo (12 fps), in modo da tenere a mente che l'animazione giocherà più veloce di anteprima di ImageReady.

Articoli Correlati