Photoshop CS3 Banner Tutorial

May 7

Photoshop CS3 Banner Tutorial


banner del sito web vengono utilizzati sia come intestazioni per un sito di lasciare che un visitatore sa chi sei e cosa fai e come annunci pubblicati su siti di altre persone per promuovere i vostri prodotti o invogliare la gente al tuo sito. Le più imponenti e accattivanti banner spesso includono una sorta di animazione, come il testo scorrevole. Si potrebbe pensare che la progettazione di un banner di qualità come questo è un lavoro per un artista di grafica professionale, ma se si ha accesso a Photoshop CS3 è possibile produrre una veramente impressionante striscione te stesso.

Preparazione

Schizzo su carta le tue idee per voi bandiera prima di iniziare a lavorare in Photoshop, dal momento che avere un'idea mirata del vostro disegno prima farà risparmiare tempo. Decidere che cosa volete che il vostro banner per dire, così come quello che lo stile del carattere, colore e dimensione che si desidera utilizzare per il testo. Caricare eventuali immagini - grafica o foto - si potrebbe desiderare di aggiungere al vostro banner sul vostro computer, sia per il trasferimento dei file da una sorgente digitale o la scansione. salvarli tutti nella stessa cartella.

Creazione del banner

Ora fate la bandiera reale. Inizia aprendo Photoshop. Selezionare "File" e fare clic su "Nuovo". Nella nuova finestra di dialogo documento che si apre, collegare la larghezza e l'altezza in pixel per la vostra pagina web banner. Una dimensione comunemente usato per le bandiere di intestazione è 468 per 60 pixel. Questa dimensione funziona anche se si sta creando un banner pubblicitario. Oppure si potrebbe desiderare di fare un banner verticale a 120 da 600. Assicurarsi la risoluzione 72 e fare clic su "OK".

Fare clic sul colore "primo piano" nella parte inferiore della barra degli strumenti e cambiare il colore di quello che vuoi per lo sfondo del vostro banner. O, se si preferisce, è possibile selezionare lo strumento "Gradient" e applicare una sfumatura alla tela.

Selezionare "File" e fare clic su "Apri". Nella finestra di dialogo che si apre, individuare una delle immagini caricati in precedenza e aprirlo. Selezionare "Modifica" e poi "Copia". Ora vai al documento banner, selezionare "Modifica" e fare clic su "Incolla". Selezionare "Modifica", quindi "trasformare" e fare clic su "Scala". Ridimensionare l'immagine di ciò che si desidera per il banner. Quindi utilizzare lo strumento "Move" per posizionarlo dove si desidera.

Fare Animated Text

Per fare un banner animato dal vostro disegno selezionare lo strumento "Testo" e impostare le opzioni dei caratteri a quello che hai scelto in precedenza. Ora digitate nel vostro text.Select "Windows" e fare clic su "Animazione". Nella timeline che appare nella parte inferiore, cliccare sul pulsante "Duplica Frame". Selezionare il primo fotogramma e disegnare il testo verso il basso fuori dalla vista. Selezionare quindi il secondo strato e trascinare il testo fuori di vista. Impostare "Durata al fondo dei due telai ad .1 secondi. Fare clic sull'icona "Tweening" e nella finestra di creare 54 fotogrammi tra i due. Fai clic su "OK". Fare clic sul pulsante "Play" e vedrete che il vostro banner ora è testo scorrevole.

Selezionare "File" e fare clic su "Salva per Web e dispositivi." Nella finestra di dialogo, scegliere "GIF" come tipo di file e fare clic su "Salva". Assegnare un nome al file e fare clic "Salva".