Vardas:
Slaptažodis:
Pagrindinis · Kontaktai · Forumas · Paieška · Pratybų atsakymai · Orai · Televizijos programa · Sketch'as Gruodžio 14 2017 09:47
Greita registracija
Prašome įvesti jūsų duomenis.

Vartotojo vardas:*
Vaikinas Mergina

Slaptažodis:
*
Pakartoti saptažodį:*
E-pašto adresas:*

Vardadieniai šiandien
Alfredas, Fortunatas, Tarvainas, Kintvilė
Naujienų kategorijos

Naujienų išviso: 32779
Dar nepatvirtintų: 0

Navigacija
Parama
TOP Įvertinimai
Forumas
Kontaktai
Išplėstinė paieška
Svetainės taisyklės
Atsakomybė
Paskutiniai komentarai
Kaip siųstis naujienas?
Top 10 Naujienų rašytojai
admin admin[26226]
Deimantas Deimantas[2265]
KamTasVardas KamTasVardas[872]
Groundzer Groundzer[840]
erniuss erniuss[307]
kissfm kissfm[303]
mukas155 mukas155[244]
Hitman Hitman[243]
Liudas Liudas[172]
mindas21 mindas21[131]
Top Naujienos
WINDOWS 7 legalizavi...
Matematikos trigonom...
zMule 2.1.6 New!
WINDOWS 7 aktyvacijo...
WINDOWS 7 SULIETUVIN...
Vartotojų tinkle
Prisijungusių svečių: 8
Prisijungusių narių nėra:
 Išviso naršo: 8
Registruoti nariai: 34,104
Aktyvūs VIP: 1
Naujų narių vakar: 0
Naujų narių šiandien: 0
Sveikiname naują narį:
-=Helenpef=-

Vartotojų istorija:
 admin00:08:18
 Deimantas12:36:40
 SimpLeX13:25:23
 jasius13VIP
2 Dienos
 XruN
5 Dienos
 Helenpef
1 Savaitės
 Kazys
1 Savaitės
 Ana
2 Savaitės
 Delorissmeaw
2 Savaitės
 Ecka757
2 Savaitės
Automatinė Reklama [Užsakyti]



Photoshop: Animuoto GIF banerio kūrimo pamoka (tween)
Pamokos1. Sukuriame naują dokumentą (Ctrl+N), nustatome banerio dydį. Naudokite standartinius dydžius, tokius kaip 750x100, 468x60, 120x60, 120x120 ir t.t.

2. Jeigu pas jus išjungtas "Animation" langas, viršutiniame Photoshop meniu spauskite "Window" ir padėkite varnelę prie "Animation".

Įsijungėte "Animation" langą:


Trumpai apibūdinsiu "Animation" lango turinį:

1) Animacijos kartojimas. Galite pasirinkti Once (animacija bus rodoma 1 kartą), Forever (animacija bus kartojama nuolatos) arba Other (galėsite įvesti kiek kartų pakartoti animaciją).

2) Animacijos peržiūra. Šie mygtukai leis peržiūrėti animaciją gyvai arba junginėti ankstesnę/sekančią skaidrę, tačiau tai padaryti galima tiesiog paspaudus ant reikiamos skaidrės, o animacijos grojimas (peržiūra) gali striginėti dėl per didelės kompiuterio apkrovos. Rezultatą geriausia peržiūrėti išsaugojus GIF paveikslėlį ir jį atsidarius per interneto naršyklę (apie tai vėliau).

3) Tween mygtukas. Automatiškai sukuria pereinamąsias skaidres tarp pradinės ir paskutinės efekto skaidrės.

4) Skaidrės dublikavimas. Paprasčiausiai sukuria pasirinktos skaidrės kopiją.

5) Pasirinktos skaidrės trynimas

6) Frame delay (skaidrės uždelsimas). Tam, kad efektai nestriginėtų pasirinkite "Other..." ir įveskite 0,03 s. Jeigu Jums nereikia didelės kardų spartos, jų ir nenaudokite. Kuo mažesnis skaidrės uždelsimas, tuo daugiau skaidrių Jums reikės, kartu padidės ir paveiksliuko užimama vieta.



3. Geriausia suplanuoti reklaminio skydelio animaciją/turinį iš pat pradžių ir sukurti visus reikiamus layerius. Pavyzdyje sukursime 4 sluoksnius (layers):

1) Fonas, šįsyk paprasčiausias patternas.

2) Tekstinis sluoksnis su svetainės adresu.

3) Reklaminė informacija, pavyzdyje - tinklapio moto.

4) Apvadas (rėmelis). Šį sluoksnį patalpinsime viršuje, kad tekstas, išeinantis iš už banerio ribų tarsi pasislėptų už rėmelio.

Sukūrę naują sluoksnį spauskite Ctrl+A (pažymėti viską), Edit > Stroke.

Nustatykite: Width: 1 px; Location: Inside (viduje, nes "outside" būtų už paveiksliuko ribų ir jo nesimatytų).

4. Jau turime pradinę skaidrę. Jeigu viskas tinkamai išdėstyta, dublikuojame kadrą (4 mygtukas). Antroje skaidrėje atliekame norimas pertvarkas. Pvz. jeigu norite, kad tekstas pasislinktų iš esamos vietos į kitą, tiesiog nutempiame teksto sluoksnį į norimą vietą. Taip pat galite ir keisti sluoksnio opacity, fill bei kitus nustatymus. Pavyzdyje nutempiau "KurkIT.lt" sluoksnį aukštyn:

5. Pradedame magiją... Spauskite Tween mygtuką (nr.3):

Optimaliam veikimui reikia nuimti varneles nuo "Parametrers", kurių nekeičiame, šiuo atveju nuo opacity bei Effects, paliekant tik Position. Svarbiausia dalis yra "Frames to add". Čia reikia įvesti kiek tarpinių skaidrių norite įterpti. Nepamirškite, kad vienos skaidrės uždelsimas - 0,03 sekundės. Skaidrių skaičių teks apsiskaičiuoti/išbandyti pagal save. Pavyzdyje panaudojau 15, šioje stadijoje rezultatas atrodo taip:

6. Metas kitiems efektams. Dublikuojame paskutinę skaidrę ir dublikate atliekame naujas pertvarkas. Analogiškus veiksmus padariau ir su tinklapio moto (30 frames):

7. Sujunkime kelis efektus. Galima atlikti veiksmus su kiek tik norite sluoksnių vienu metu. Pavyzdyje abu tekstinius sluoksnius nutempsime žemyn bei pridėsime išblukimo efektą - nustatysime opacity:0%.

Paspaudę ALT pažymime abu tekstinius sluoksnius "Layers" meniu:

Nutempiame abu sluoksnius už kadro ribų (žemyn) ir nustatome kiekvienam iš jų opacity:0. Nepamirškite Tween meniu vėl pažymėti "Opacity". Rezultatas:

8. Pasaulis apvalus. Turime "sugrįžti" į pirmąją skaidrę. T.y. jeigu jau išėjome už kadro, tai turime į sugrįžti. Pavyzdyje "KurkIT.lt" nusileis iš viršaus, o moto įskries iš dešinės.

9. Finaliniai akordai. Baneris juda per greitai. Kai tekstas pasiekia galiutinę etapo vietą reikia nustatyti ilgesnį uždelsimą. Kodėl to nepadariau iš karto? Dublikuojant skaidres nusikopijuoja ir uždelsimas, galite net nepastebėti, kai iš 0,03s. pasidarys 1s., o vėliau tai atitaisyti būtų labai nepatogu, be to, kūrybos eigoje vistiek tektų redaguoti uždelsimo ilgumą.

Galutinis mūsų rezultatas:

10. Spaudžiame Alt+Shift+Ctrl+S (arba File > Safe For Web & Devices). Tiesiog išsaugoję paveikslėlį GIF formatu prarasite informaciją apie animaciją. Ir, žinoma, išsisaugokite PSD failą ateičiai.



Reziume...

Mūsų pavyzdinis baneris tuštokas, savajame pateikite daugiau informacijos. Nebijokite panaudoti kelių efektų, taip pat ir Blending Options. Stenkitės sukoncentruoti lankytojų dėmesį į esmines detales, tačiau nepersistenkite. Mirgsintys ar temos neatitinkantys baneriai tikrai nepakels pasitikėjimo Jūsų tinklapiu.



Prisegsiu ir PSD failą, gal būt kas nors panorės peržiūrėti viską patys...
Parsisiųsti
Patiko? Pasidalink su draugais:
Komentarai
Komentarų neparašyta.
Rašyti komentarą
Prisijunkite, norėdami parašyti komentarą.
Rašyti komentarą į facebook'ą:
Reitingai
Balsuoti gali tik nariai.

Prašome prisijungti arba prisiregistruoti.

Nėra reitingų.
Spausk Patinka !
Paskutiniai komentarai
[Rickiukas] Data: Rugsėjo 17 2017 10:19
LABAI LIUKS PUPA:...
[Žiūrėti komentarą]
[demoniukstis] Data: Liepos 23 2017 16:54
clap Grazios foto
[Žiūrėti komentarą]
[demoniukstis] Data: Liepos 23 2017 16:53
clapgrazios foto
[Žiūrėti komentarą]
Komentatorių Top 10
demoniukstis demoniukstis[1129]
algirdokas algirdokas[988]
Nezinomas Nezinomas[710]
KamTasVardas KamTasVardas[675]
LOOK MY LOOK MY[345]
Audrius22 Audrius22[336]
admin admin[334]
pavilion pavilion[251]
gintis666 gintis666[226]
Hitman Hitman[190]
Top 5 Nariai
Deimantas Taškai:13798
KamTasVardas Taškai:9260
Liudas Taškai:5187
algirdokas Taškai:4861
demoniukstis Taškai:4576
28,442,130 TOPWAREZ.LT Unikalių apsilankymų Powered by PHP-Fusion