Преглед на урок

Светкавици

Светкавици




1. Стартирайте с нов документ с размери 8x1 inches (обърнете внимание inches).
2. Запълнете слоя със сив цвят (#cbcbcb). След това направете следние стойности на слоя:



3. След като добавите настройките, направете нов слой и го издърпайте така че да мине под слоя с настройките:



Сливате слоевете. Трябва да получите това:



4. След това отидете на Image>Adjustments>Curves със тези настройки:



5. Добавете и Blending Options.





6. Създайте нов слой и направете същото като от стъпка 3.
7. Направете с помощта на Rectangular Marquee Tool (М) такваа селекция каквато е показана на картинката:



8. Отивате на Select>Inverse и изтривате с DELETE. След това дублирате слоя и наименувате единият слой bar1 а другият bar2.



9. Направете по едно копие на двата слоя. До момента трябва да имаме 4 слоя с еднакви фигури.
Отивате на Edit>Transform>Distort и правите това:



10. Сега с помощта на Move tool (V) оставете по 5px разстояние м/у конуса основата и основата и края на документа (използвайте стрелките от клавиатурата като отброите 5 кликания в/у копчето) Трябва да получите това:





11. След това добавете тези настройки:



До момента трябва да имате това:



12.Добавете тези Blending настройки само на Cone слоевете (Cone слоевете задължително трябва да седят под Bar слоевете в Layer панела). След това направете нов слой, който трябва да седи под всички останали слоеве в Layer панела, и го запълнете в черно:





13. Направете нов слой (трябва да се намира след слоя запълнен с черно в Layer панела, т.е. на второ место ако броим отдолу нагоре). Натиснете “D” от клавиатурата за да върнете стандартните цветове. След това с Gradient Tool (G) направете това:



14. След това отивате на Filter>Render>Difference Clouds:



15. Отиваме на Image> Adjustments>Levels със следните настройки:



16. След това прилагаме Image>Adjustments>Invert:



Променете името на този слой на Lightning1. След това направете нов слой наименувайте го Lightning2 и повторете всички стъпки от 13 дотука. След като повторите стъпките, издърпайте слоя Lightning2 под слоя Lightning1. Layer панела ви трябва да изглежда така до момента:



17. Сега отидете на слоя който е запълнен с черно (най-долния слой от Layer панела). Направете Lightning1 и Lightning2 невидими. Напишете текст по ваше желание, но да бъде разположен така че да стига от единия връх на конуса до другия:



След това отивате на Filter>Blur>Gaussian Blur и въведете стойност от 1,5px.

18. Сега копирайте текста с надписа. Направете нов слой и го запълнете със черно. Приложете му Gradient Tool (G) също като от снимката на стъпка 13, но тука белият цвят трябва да бъде отгоре, а черният отдолу. След като направите това, издърпайте този слой така че да седи между двата слоя с текст във Layer панела. После сливате слоя на който приложихте градиент и горния слой с текста. Слоевете които са показани по-долу трябва да станат един слой:



19. След като слеете тези два слоя, натискате Ctrl+klick върху слоя от Layer панела, който с текста (втория отдолу нагоре). След като изберете селекцията отивате на Select>Modify>Contract и от там задавате стойности от два до три пиксела: Трябва да получите такава селекция:



След това прилагате пак Gradient Tool без да диселектирате. Градиента трябва да е вътре в селекцията. След това прилагате Filter>Render>Difference Clouds. Накрая се получава нещо подобно:



Слоят със текста (вторият отдолу нагоре в Layer панела) вече не ви трябва. Изтривате го защото по-нататък в урока ще ви пречи.
20. След това прилагаме Select>Deselect. После Image>Adjustments>Levels със следните настройки:



21. След като направите до момента посочените настройки, прилагате Image>Adjustments>Invert. Ето това получавате:



До момента Layer панела ви трябва да изглежда по този начин:



22. Сега преминаваме в ImageReady.

23. От панела Animation създаваме 5 нови фрейма (общо 6 фрейма трябва да имаме)


24. Това е схемата по която трябва да са настроят видимите и невидимите слоеве:



Ако на някой ме му е много ясна схемата нека ми зададе кое не му е ясно на ЛС.

25. Сега маркирате 6-ти фрейм от Animation панела натискате Tween бутона, след което задавате посочените настройки:


Настройки:



26. Сега маркирате фрейм 4, натискате Tween и въвеждате тези настройки:



27. След това паркирате фрейм 2, отново Tween и следните настройки:



28. Накрая давате File>Save Optimized as… като го запазвате под каквото име решите в .gif формат.

Ето го и крайният резултат:





Ето какво получих и аз:





Надявам се че урокът ви е харесъл. Ако имате въпроси, задавайте ги тука или ми пишете на ЛС.


Преведено от: krum_boy
Източник на урока: www.dawnofdesign.info

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: krum_boy

Коментари

caribbean

Нещо не мога да отворя Blending option на сивия цвят още 2 стъпка

caribbean

минах я стъпка 2 ама при 7 не ми се получава нищо подобно ето тва ми се получава

http://img222.imageshack.us/img222/7808/untitled1rc8.jpg
:(

krum_boy

caribbean явно не си приложил правилно Blending настройките. От там и след като направиш стъпка 4 нищо не ти се получава. Пробвай пак отначало. Някаде грешиш. Урака е изпробван и се получава.

NJC*Warrior

малиии тоя урок ме измори...аз попринцип от скоро се занимавам с фотошоп ама реших да го опитам тоя урок и се справих за което сам много щастлив (party) мисля че се справих добре като за първи опит с тоя урок :P много благодаря за урока! страхотен е!Самоче незнам как да сложа снимка за да покажа...[img] file:///C:/Documents%20and%20Settings/GORO/Desktop/evrikaaaaaaaaa1.gif

pavel4o

caribbean не се иоплаквай виж какъв хубав бутон си направил :D

cawo

Не бутон, а цяла шпация :)

Marincho

някой може ли да ми каже каде ми грешката на 2-рата стъпка немога да вляза в Блендинг опшана

krum_boy

Layer --> Layer Style --> Blending Options

makavei82

Лудница яко! Браво!

php_bg

На стъпка 19 ми се получава подобна селекция, но нататък нищо не излиза както трябва...
На Image>Adjustments>Levels нямам канал Alpha 1...!?
Но не ми се получава ефекта още от предишната картинка... :(

php_bg

По-точно този ефект се получава като първо махнеш селекцията.
И се получи същото.
Но на Image>Adjustments>Levels пак всичко се развали, защото няма такъв канал може би...?

П.П.:Просто го прескочих и стана както е показано.(или почти)

http://i20.photobucket.com/albums/b215/pa-pa-pa/Photoshop/Swetkawici-1-3b-1.gif

Опитах и да го оцветя, но бялото много бързо прелива в черно, и като се оцвети ефекта не е много добър.
Затова го оставих така :
http://i20.photobucket.com/albums/b215/pa-pa-pa/Photoshop/Swetkawici-1-3c-1.gif

DARcom

Урока много ми хареса :)
Ако на човек му се занимава може наистина доста яки идей да му хрумнат. От начало изглежда доста играчка но като му свикне човек е даже забавно :)
Ето го и моя опит:

http://www.picvalley.net/u/60/14915_014.GIF

bezdrum

Помогнете. И при един труг урок за светкавица не ми се получи... проблема е при стъпка 14 и 15... просто не ми се получава ефекта... в най-добрият случай ми се получават 2-3 парчета и нищо повече.
Защо се получава така или по-точно, защо не мога да я направя тая светкавица?

AFLQKA

офф...нищо не става ... след като приложа настройките и го слея с втория слой си остава пак същото както съм го започнал

LuDaCriSs

Браво ! урока е съпер :)
http://img403.imageshack.us/img403/5774/untitled1ov8.gif

TearsFromTheMoon

При мен светкавиците не стават :( ето го моя резултат

http://lamer1.mylivepage.com/images/Lightning.gif

graf_kaberne

Ето го и моят опит:
http://store.picbg.net/pubpic/7B/23/7da4f0283d9b7b23.gif

raxet

Урока ми хареса. Мисля че се получи добре...

http://i256.photobucket.com/albums/hh168/raxet1/Lightnings.gif

LIGHTNING

Така и не успявам да получа резултата от стъпка 7 пробвах около 10 пъти но не става :(

Achil

napraih go ama kato go savah ne stava animirano nqmam File>Save Optimized as… imam File>Save as…

PlaYeR_bg

Значи трябва да имаш File/Save For Web & Devices

leo2107

Абе как да направя стъпка 19? плс кажете :(:(:(

JohnnyW@lker

ммм начи при мене става но като го сейвам ми показва само 1 фрейм с цс 4 съм как да го савна?

don_domat

Ето и моето произведение :)

http://prikachi.com/users/don_domat/51C.gif

soundtrack

Това е моят опит, не направих 1 стъпка както трябва и резултата с текста не ми се получи ...

http://prikachi.com/files/1171199v.gif

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.