Cum sa faci un banner pentru site, web design
Care sunt bannere
- bannere statice - constau dintr-o imagine statică. Sunt imagini în format JPEG sau PNG. Caracterizat de greutate redusă, fără a afecta viteza de încărcare a paginii.
- bannere animate - animație creat folosind GIF. Se compune din mai multe imagini care se succed cu o frecvență predeterminată. Greutatea banner depinde de numărul de imagini în acesta.
- Flash - animație într-un astfel de banner se face pe baza Flash. Se poate răspunde la acțiunile utilizatorului.
conținuturi interactive pot fi reprezentate sub formă de joc sau profiluri cu adăugarea de sunet. Desene pentru animație creat folosind grafică vectorială.
- 88 31 pixeli;
- 120 60 pixeli;
- 120 cu 90 de pixeli;
- 120 x 240 pixeli;
- 125 cu 125 pixeli;
- 120 x 600 pixeli;
- 160 x 600 pixeli;
- 180 cu 150 pixeli;
- 234 de 60 de pixeli;
- 240 x 400 pixeli;
- 250 cu 250 pixeli;
- 300 x 600 pixeli;
- 300 cu 250 pixeli;
- 336 de 280 pixeli;
- 150 cu 150 pixeli;
- 468 de 60 de pixeli;
- 728 cu 90 de pixeli.
Cele mai multe bannere cod se potrivește cu modelul:
Dar nu neapărat să dezvolte propria lor banner-ul. Pentru a face acest lucru, puteți profita de generatoare speciale online. Pentru a genera codul pentru banner-ul de pe acest serviciu, trebuie să completați în câteva domenii și apăsați pe butonul:
Sau puteți comanda un banner într-un studio profesional. Apoi va costa mai mult ... Iată câteva exemple de prețuri:
- Elaborare de bannere GIF convenționale - $ 25;
- Crearea unui banner bazat pe Flash - 70-150 $;
- Resize - aproximativ 50% din prețul inițial.
Dar dacă un pic pomudrit, puteți crea un simplu banner-te. Asta un miracol se dovedește după zece minute de manipulare cu cod html și imagine în CorelDRAW:
Dacă un cod mai mic pomudrit și se adaugă un cuplu de manipulare eveniment, veți obține un banner cu o imagine în schimbare. Imaginea din banner-ul se schimbă în timpul Hover peste ea.
Iată ce sa întâmplat:
Luați în considerare exemplul de modul de a face un banner animat cu ajutorul programului Ulead GIF Animator.
În meniul „File“, selectați elementul „Animație Wizard.“ În fereastra care apare, specificați dimensiunea banner-ul viitorului. Am încărca imaginea pregătită în etapa următoare:
Apoi, setați imaginile de schimbare a vitezei în animație. În fereastra mică a demonstrat că viteza prin schimbarea numerelor:
Dacă doriți, puteți adăuga imagini animate în mișcare de text. Într-o fereastră specială, text tastat și animația sa este reglată (de viteză și direcția de deplasare):