|
|
|
Realizarea unui banner publicitar
Abstract. O publicitate eficienta include si afisarea pe propriul site sau pe site-uri partenere a unui banner static sau animat, cat mai atractiv si sugestiv. In aceasta aplicatie se prezinta etapele crearii unui astfel de banner, cu ajutorul programului Adobe Photoshop.
1. Introducere
Publicitatea pe Internet prin intermediul bannerelor este de departe cea mai folosita metoda, putand afirma ca aproape orice site web are un banner publicitar pe el. Chiar si in conditiile in care cu totii am citit despre scaderea capacitatii acestora pe web, cred ca 'amestecand' ingredientele potrivite la realizarea unui banner, acesta poate fi o sursa buna de vizitatori si de venituri pentru majoritatea web designerilor.
2. Crearea unui banner cu Adobe Photoshop
Inainte de a incepe crearea imaginii propriu-zise, trebuie remarcat un aspect aparent lipsit de importanta: dimensiunile imaginii. Latimea si inaltimea unui banner sunt valori standard (exista mai multe dimensiuni standard, cele mai folosite sunt 468 de pixeli pentru latime si 60 pentru inaltime). Aceste dimensiuni nu trebuie memorate, deoarece Adobe Photoshop are in lista de imagini predefinite din caseta de dialog New si valoarea '468 X 60 Web Banner'.
Se creeaza, deci, o imagine cu fundalul alb si dimensiunile specificate anterior. Urmatorul pas este stabilirea unei imagini de fundal pentru banner. Pentru acest material s-a ales imaginea din figura 1:
Fig.1
Imaginea nu are dimensiunile bannerului, dar acest lucru nu prezinta importanta, deoarece doar o portiune a sa va aparea pe fundalul bannerului. Dupa deschiderea acestei imagini in Photoshop se trece in ordine la executarea urmatoarelor operatiuni: se selecteaza intreaga imagine ( Select -> All), apoi copierea in Clipboard ( Edit-> Copy), se trece in imaginea alba ce va deveni bannerul si se apeleaza Edit - > Paste, se creeaza un nou Layer cu imaginea de fundal, care se repozitioneaza in banner dupa dorinta (eventual se poate si redimensiona cu ajutorul comenzii Edit -> Transform -> Scale). Dupa obtinerea imaginii dorite cele doua Layer-e se pot contopi (comanda Flatten Image din meniul Layer). Iata rezultatul in figura 2:
Fig. 2
Urmeaza adaugarea siglei Java. Se va folosi imaginea din figura 3.
Fig.3
Imaginea se afla intr-un fisier separat. Acesta va fi incarcat in Photoshop si adaugat la imagine prin procedeul descris la pasul anterior ( Select All, Copy, Paste, apoi deplasarea-redimensionarea noului Layer creat).
Urmeaza pasul final al constructiei imaginii: adaugarea textului. Se vor adauga doua Layer-e de text:"public class Client extends JFrame{" si "LEARN JAVA QUICKLY FROM VIDEOTUTORIALS" asupra carora se stabilesc efecte de animatie prin crearea mai multor layere ce vor fi afisate secvential .
Pentru crearea animatiei s-a folosit aplicatia Adobe ImageReady. Un ultim pas este stabilirea vitezei cu care se va derula animatia. Aceasta se obtine prin modificarea timpului in care va fi afisat fiecare cadru al animatiei. Implicit acest timp este de 0 secunde (animatie cu viteza maxima permisa de masina pe care va rula). Timpul este afisat in coltul din dreapta-jos al fiecarei pictograme. Cu un click pe acest timp se deschide un meniu derulant din care se poate alege o alta valoare (de exemplu: cate o secunda pentru fiecare cadru).
Unul din cadrele bannerului animat este cel din figura 4:
Fig. 4
