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

Анимиран неонов ефект

Анимиран неонов ефект




1. Нов документ (File - New) с размери по преценка според текста и бял цвят.

2. Нaпишете текста с Horizontal Type Tool (T) и черен цвят:



3. Слейте текстовия слой с фона: Layer -> Flatten Image

4. Инвертирайте цветовете: Image -> Adjustments -> Invert (Ctrl+I)



5. Приложете Filter -> Blur -> Guassian blur (Radius: 2.0)



6. Приложете Filter -> Stylize -> Solarize



7. Image -> Adjustments -> Auto Levels



8. Дублирайте слоя (Ctrl+J) толкова пъти, колкото различни цвята искате да приложите.

9. Маркирайте най-горния слой и отидете в Image -> Adjustments -> Hue/Saturation, сложете отметка на Colorize, преместете плъзгача (Saturation на 100) и местете плъзгача Hue, докато получите желания цвят.



10/ Изключете видимостта на слоя (махнете малкото око пред него) и маркирайте слоя под него.
Повторете действията от ст.9 и 10, за да получите следващите цветове.
Върнете видимостта на всички слоеве, като кликнете на празното място, за да се покаже пак малкото око:



11/ Ако сте с версия CS2 или следваща, отворете панела за анимиране (Windows - Animation), ако сте с по-стара версия, преди това преминете в Image Ready (Ctrl+Shift+M).

12/ Натиснете малката черна стрелка в горния десен ъгъл и от менюто и изберете Make frames from layers:



Рамките сами ще се подредят според броя и реда на слоевете. Задайте интервал от време 0.5 сек на всички рамки, като цъкнете на надписа 0сек.



13/ За да запазите готовата анимация отворете менюто (Alt+Shift+Ctrl+S) и изберете формат GIF

Резултата:



Можете да приложите този ефект както на текст, така и на символ:

Моите опити:





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




Урокът е добавен от: maqpen4eva
Източник: http://demiart.ru/

Коментари

sandwichen

Маечка, като погледнах, 90% от любимите ми уроци са твои. Да си жива и здрава! :)[/img]

Ledenata

mimi_-_, обясни как така не иска, като го пишеш във формат гиф. Какво ти излиза? Или изобщо не ти дава да го запишеш в гиф? Какъв точно е проблема?

maqpen4eva

При мен 100% от "Любими уроци" са мойте:))) - Това не е защото нямам други "любими" уроци в сайта, а защото така се опитвам да ги следя за въпроси, но не винаги успявам навреме да отговоря, Благодаря на всички от екипа и не само, на всички останали,които отговарят своевременно, когато възникнат въпроси:)))

RaPTeR

Този урок е много ефектен насистина.. Много мерси :)

Savina

Урокът ти е наистина върха! Благодаря и за поясненията тук, в коментарите, защото преди да ги видя, и на мен не ми се получаваше :)

maqpen4eva

Не можем винаги и всичко да предвидим във всеки урок, както не е възможно да се описват всеки път основните техники, затова има мнения след уроците - Не се притеснявайте да питате - ще ви се отговори при първа възможност и потребителите и екипа сме по всяко време на линя и в готовност да се отзовем на помощ!!!!

maqpen4eva

е какво не ти е ясно - трудност 2 защото е подробно обяснен в картинки, ако не можеш да се справиш заначи си за трудност 0 :) малко основните техники трябва да понаучиш

irenastoj4eva

много ви моля, обяснете как се съхранява с foto shop 7 не ми се полу4ава анимацията.Благодаря ви предварително

maqpen4eva

Прехода от ФШ към Image Ready:

http://i113.photobucket.com/albums/n220/maq_bg/Instrumenti%20PS/ImageReady.jpg


За ФШ версия 7.0 - с нея не може да се анимира

maqpen4eva

Незнам каква стрелка цъкаш и къде точно си я намерил, но даже не разбирам за какво говориш!
Ето ти панела за анимитране на Снимка и указателни табели къде и какво се Цъка!!!!

http://i113.photobucket.com/albums/n220/maq_bg/Instrumenti%20PS/animation-2.jpg

maqpen4eva

Ако става дума за Панела Animation - той се отваря от Window !

maqpen4eva

Интервал 5.0 сек е много - обратно са цифрите 0.5 и след това е готово, натисни бутончето Play - което е в долния ред на панела за анимиране с формата на стрелка!

maqpen4eva

покажи си опита за да видим защо не свети и да се опитаме да помогнем, така трябва да гадаем - причини много и различни

Mal4o

имам един вапрос как да дублирам слоя така че да ми се получат различни цветове?

maqpen4eva

Дублираш слоя след стъпка 7 с Ctrl+J - толкова пъти, колкото цвята искаш да направиш. После избираш всеки слой поотделно и оцветяваш всяко копие както е описано в стъпка 9

blue_soldier

Имам проблем свързан със записването. Като дам на Save Optimized As... и мога да го записвам само като формат *.jpg и ми казва, че може да запише само първия Layer защото е *.jpg формат. Моля ви помогнете, как да го направя ???

maqpen4eva

Oтвори си панела Window -> Optimize - трябва да изглежда по този начин - мисля че това е проблема:

http://i113.photobucket.com/albums/n220/maq_bg/Instrumenti%20PS/gif.jpg

blue_soldier

ок, мерси дано да стане

blue_soldier

да, вече стана значи това е бил проблема.... малеее има още доста да уча, мерси пак

korsar

дали може да се приложи текста върху снимка

maqpen4eva

Може - но е голям гърч - трябва да си много търпелив и да си факир с Пен тула :) виж другия урок:
http://www.photoshop-bg.com/index.php?nav=read_tut&id=594

korsar

видях го,ще пробвам-фен съм на анимациите.Благодаря за бързия ответ

milenlitex

Как да копирам слоя?Щото съм начинаещ!

milenlitex

С Фотошоп 7.0 съм!

damadjanata

от каде да си свяля Фотошоп 7.0?

zeza69

Запазвам го както е обяснено в jif формат,но не излиза анимирано може би защото се запазват в програма microsoft Foto Editor- или трябва да се направят някакви настройки. Моля помогнете

Angel of Destruction...

След стъпка 8 не иска да ми се отвори Image -> Adjustments -> Hue/Saturation... Просто не може да се отвори... Защо става така? (Сори за тъпия въпрос,ама съм начинаеща... )

maqpen4eva

Най-вероятна причина: не е избран точния слой към който се прилага ефекта

maqpen4eva

Май документа ти не е в режим RGB - само менютата за корекция на цветовете не са активни.
Провери: Image - Mode -> трябва да има отметка на RGB

Angel of Destruction...

В това беше проблема,благодаря,стана много добре!

figen99

Чудесен урок, Мая, благодарско! С твоите подробни обяснения стана за секунди, ама доста мрачно го направих

http://i191.photobucket.com/albums/z30/sun61/light.gif

ViRam

Хубо го даваш,но не мисе получиха следните неща :
Рамката на буквите,това всеки леър да е с различен цвят (всеки става еднакъв,каквото и да се опитвам) и съответно немога да вкарам различните цветове във Animation (със Photoshop CS3 съм) ...
някой да може да помогне ?

Black*Wolf

само да попитам каде е това ImagReady?

Black*Wolf

с photoshop CS3 стаа ли?

nevelin

става. Палетата Аnimation си я вадиш от манюто View. Запазването на гифа става от File -> Save as for Web and Devices...

nelinka_pepi

Аз съм много нова във всичко това, но се спрявям добре :)), за пръв път обаче се престраших да използвам такова упражнение и си нямам никаква идея къде се намира този панел за инимиране, не ми се смейте, не ми е трябвал за другите уроци

rusalchica

А как да сложа текста който съм направила върху някоя снимка? :)

maqpen4eva

Window -> Animation - има го само в CS2, CS3 и Image Ready

maqpen4eva

http://www.photoshop-bg.com/index.php?nav=read_tut&id=357

ДяВоЛчЕтО_-_-ФююТ

Eто това е моят опит:

http://store.picbg.net/pubpic/03/65/5314a17a08040365.gif

Малко е променен! Но мисля че се получи! :P :) :D

kris 619

ето и моя опит --> URL=http://img220.imageshack.us/my.php?image=radiacia2xf7.gif]

http://img220.imageshack.us/img220/6623/radiacia2xf7.th.gif

kris 619

http://img220.imageshack.us/my.php?image=radiacia2xf7.gif

dark_girl

благодаря ти много!!!!!!!!! :)

ayumi-chan

Супер урок!

ДяВоЛчЕтО_-_-ФююТ

весело... ето го и моят опит:

http://i255.photobucket.com/albums/hh136/petko888/gotino.gif


:D:D:D:D:D:D:D:D:):):):):P:P:P

turquoise

Ха ха успях :D:D:D !!!

lovely_D

Ами на мен всичко ми е 0к, но на едно място пише това: 9. Image -> Adjustments -> Hue/Saturation с отметка на Colorize (Saturation: 100) за да оцветите всеки слой с различен цвят си поиграйте с плъзгача Hue. Ето това не разбирам! Особено това "трябва да си поиграете с плъзгача Hue." А и като тръгна да натискам Adjustments и не ми дава да се отвори. Разрешава ми отваряне само на първия слой, главния или там както му се вика. (съжалявам, но съм нова е още незнам имената както трябва)

Fight_girl

Много ми хареся тоя урок супер е
Ето го и моя опит

http://www.picvalley.net/u/1440/1683754466.GIF

maqpen4eva

lovely_D - след като дублираш основния слой примерно 3 пъти, избираш най-горния слой, отваряш менюто Image -> Adjustments -> Hue/Saturation, слагаш отметка на Colorize и местиш средния плъзгач на дясно на максимума (Saturation: 100). после хващаш най-горния и го местиш докато си избереш цвят; за да виждаш резултата, естествено трябва да ти е избран най-горния слой!
Това означава "да си поиграеш с плъзгача Hue" - да го преместиш!

http://img147.imageshack.us/img147/7103/412kf3.jpg


След като си оцветила най-горния слой, махаш малкото око пред него за да изключиш видимостта му и избираш следващия под него. Повтаряш процедурата по оцветяването за да избереш друг цвят, после по същия начин го изключваш и избираш следващия слой! И така докато ги оцветиш всичките.
И накрая, след като не са ти ясни толкова много неща, чети първо уроците в "Основни Техники" за да не задаваш елементарни въпроси след всеки един урок, който е предназначен за напреднали потребители т.е. не е подробно разяснен!

yMeH

Здр. нов съм но вижте http://www.picvalley.net/v.php?p=u/687/1051296973.GIF

girlba

Къде е това Image ready?Нямам го на работния си плот в фотошоп,търсих навсякъде в WINDOWS и на всички други места в фотошопа!Откъде да го взема?Само там ми е проблема!

girlba

Оправих се!

bonbonchetu

това щеше да стане още по яко ако имаше Tweens animation frames но и така е готино

thebigliar

Имам проблем!Като дам на Save optimised as... не ми дава да го запиша като gif ,а като png или jpg :(

http://i35.tinypic.com/ip41e9.jpg


Ако някой занае как да го правя да каже!

thebigliar

Имам проблем!Като дам на сайфане не ми дава да го запиша като гиф ,а като пнг или джпг :(

http://i35.tinypic.com/ip41e9.jpg


Ако някой занае как да го правя да каже!

thebigliar

Имам проблем!Като дам на Save optimised as... не ми дава да го запиша като gif ,а като png или jpg :(

http://i35.tinypic.com/ip41e9.jpg


Ако някой занае как да го правя да каже!

thebigliar

Имам проблем!Като дам на не ми дава да го запиша като

http://i35.tinypic.com/ip41e9.jpg


Ако някой занае как да го правя да каже!

-=CS MAFIA=-

добре де разбрахме не е нужно да пускаш по 100 поста

pavelcheto

От къде да пусна Image Ready в CS3?

maqpen4eva

thebigliar - виж този урок:

http://www.photoshop-bg.com/index.php?nav=read_tut&id=1421

pavelcheto - в CS3 няма ImageReady, панела за анимиране се намира във PS при останалите панели, а запазването става от File - Save for Web.....-> GIF

Jerry_Misho

Много хубав урок! Харесва ми.

p3rfec7

Това е моят резултат :)

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

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