Cum sa faci un banner animat în Photoshop

Vom continua lecția pe crearea de bannere. Astăzi ne uităm la modul în care puteți face un banner animat pentru site-ul tau.
În lecția anterioară am considerat principala diferență dintre banner-ul animat de la static. subliniind avantajele și dezavantajele sale.







Accent atenția asupra faptului că, în lecțiile lor pentru crearea de bannere, eu nu văd scenariul în sine și dezvoltarea ideii de banner. Acesta este un foarte important și, aș spune, scena principală, deoarece fără cunoașterea exactă a ceea ce doriți să spui banner-ul dvs. și cum vă imaginați că, începe a face banner-ul nu are nici un sens.

Deci, eu sunt doar vorbesc despre partea tehnică de a crea bannere, și că, dacă există o idee și script-ul, banner-ul în sine pentru a le face puterea fiecărui.
Banner animat se poate face nu numai în Photoshop, și alte special adaptate pentru acest program, care este o mare varietate. Pe ei, noi vom vorbi, dar mai târziu. Între timp, toate la fel începe crearea unui banner în Photoshop meu preferat.

Etapa 1. Prepararea.
• selectați dimensiunea banner-ul (în cazul nostru, 468x60) și de a crea un fișier gol
• să ia pregătit în avans pentru imaginile noastre banner care au fost deja reduse la dimensiunea dorită a banner-ului, copiați-le, și fiecare dintre ele inserat în fișierul ca un strat separat (imagine-deschide -kopiruem sale selectați Ctrl + C - du-te la fișier paste nostru Ctrl + V). Am pregătit 3 imagine (imagine A) pentru banner-ul tau.

Pasul 2. Asigurați-un accident vascular cerebral pentru banner:
• Selectați stratul 1. Faceți dublu clic pe stratul noi numim meniul „Layer Style“, iar în meniul selectați „Stroke“.

Cum de a crea un banner animat

• Prin alegerea lățimii cursei, poziția și culoarea sa, a remedia aceste setări, făcând clic pe butonul „Aplicare implicit“. culoare accident vascular cerebral trebuie să evidențieze în mod clar conturul banner-ul nostru, ceea ce înseamnă că ar trebui să fie moderat luminos și de contrast în raport cu fundaluri și imaginile și fundalul site-ului.
• Mergeți la stratul 2. Facem click pe ea de două ori și în „Layer Style“ alege pur și simplu „accident vascular cerebral“ și faceți clic pe OK. (Setări de stil accident vascular cerebral vom lăsa neschimbat)
• încercuiesc în mod similar, a treia și ultima imagine strat.

Pasul 3. Crearea animațiilor direct pe banner-ul nostru.

Cum de a crea un banner animat

• Selectați bara de sus a meniului Photoshop „Fereastra“ - „Animație“ și alege un cadru animație. In imaginea B este prezentat în detaliu, ceea ce înseamnă un buton pentru fiecare animație priză individuală. (Poza B)







• Crearea de cadre de animație: primul cadru este creat atunci când vom ajunge la stratul de prima imagine, pentru a genera un al doilea cadru apăsați butonul 7 (figura B) și trece la al doilea strat, pentru a crea al treilea cadru vom apăsa din nou pe butonul 7 (figura B) și „inclusiv“ al treilea strat - un strat al imaginii noastre a treia.
• măsurat de animație. Pentru a seta ora pe fiecare cadru și apăsați butonul 4 pentru a vedea cum se dovedește. Dacă ceva nu se potrivește - a regla ora. Dacă sunteți mulțumit cu nimic altceva nu vrem să se schimbe, atunci vom salva banner animat simplu rezultat.

Cum de a crea un banner animat

• Salvare banner: Dosar- Salvare pentru dispozitive Web - format GIF și pentru a expune setările din placa căzut ca în imagine. Acest lucru, în opinia mea, setările cele mai optime, dar puteți încerca și experiment.

Toate simplu banner animat în Photoshop gata.

Opțiunea 2. divertisment banner-ul, care rezultă în impunerea aceluiași fond de recoltare a diferitelor mesaje text (sau pot fi unele imagini).

Principiul creării banner-ul nu se va descrie, aceasta este, în principiu similar cu realizarea 1, singura diferență în formarea de cadre de animație:

1 cadru - fundal + prim text
2 cadru - fundal + al doilea text
3 fundal text kadr- + al treilea


Va cere întrebări-, va răspunde în detaliu.

În general, crearea de bannere animate fotoshope- fascinant proces. Dar, dacă nu doriți să deranjez și experiment, data viitoare când vorbim despre programele speciale pentru a crea bannere animate, care nu trebuie să fie în prezența numai ideea și script-ul, și toate manipulările de animație sunt realizate ca și în cazul în care printr-o bagheta magica! Și, de asemenea, să vă spun cum să introduceți un banner pe site-ul dvs., și chiar să încerce să arate cum să facă un banner animat flash în programul Easy Gif-Animator.

Și mai mult ... Lecții pe crearea de bannere animate prigodyatsya nu numai pentru a crea bannere pentru site-ul vashogo, dar, de asemenea, pentru a crea orice animație, animație Pentru principiul rămâne același, schimba doar dimensiunea imaginilor!

Deci, dacă sunteți interesat în tema de animație, abona la blog actualizări, pentru a nu pierde nimic!

Mesaj de navigare

Laura, după gătit pusculita, care, întâmplător, nu am văzut înainte, și am fugit în studio ... Îmi place Photoshop! Anterior am studiat cursul și foarte serios - să facă propriile site-uri, și blocat în Photoshop. Acest caz - du-te, a plecat, și nu a putut ieși ...
Și, de asemenea, dragoste de animație, dar știu puțin, deși printsyp clar. Este un păcat, un blog pe WordPress - nu sunt în măsură să atașați frumusețea.
Cu excepția cazului, cărți poștale pot fi trimise la prieteni ....
Am clabuceai inimile glazik ...
Vă mulțumim!

Întrebare dintr-un samovar: de novfaloving? (Aproape de indexare).

Nu. Este un subdomeniu în complet închis de setări de indexare vorpressa in priza de control (admin). introduceți subdomeniul admin (sau site-ul pe care doriți să închideți de indexare) și meniul lateral selectați Setări / Setări de citire și a pus o bifare de lângă fraza: Adresați-vă motoarele de căutare nu indexeze site-ului.
Sunteți atât de aproape site-ul vizitând motoarele de căutare roboți. Sau puteți crea robots.text și dezactivați complet indexarea subdomeniu.
pentru a închide site-ul de vizitatori (dacă nu doriți ca cineva să vadă ce se întâmplă pe gama experimentală) există un plug-in special (Maintenance Mode). Acesta este instalat, precum și toate plugin-uri admin subdomeniu personalizabil (nu se poate regla, pur și simplu mesaje text vor fi în limba engleză), dar nu trebuie să uităm să pună o căpușă lângă Activați plugin-uri și toate.

Vă mulțumim! Voi încerca. Am copiat tatăl lui „Marca“.