Помогни ни да направим Uroci.net по - богат! Добави урок

Анимиран огън

tuparowa   трудност:    видян: 16666

Започваме с нов документ 600x200 pixels, запълваме го с черно.

Създаваме нов слой като кликваме на иконата "Create New layer" в долния десен край на палитрата layers.

Избираме инструмента Мarquee tool за да селектираме около 1/5 от големината на слоя в долната част и го запълваме с бяло, както е показано:

Сега може да премахнете селекцията като натиснете CTRL+D.

Сега отиваме на: Filter->Blur->Guassian Blur. Променамя стойността на около 10 - 15px.

Сега дублираме слоя 3 пъти. За да направите това може просто да натиснете CTRL+J. Сега трябва да имате общо 4 бели размазани слоя. Скрийте горните 3 слоя като кликнете на иконата "Око" в палитрата, оставяйки видим само първия, най-долен бял слой. Кликнете върху него, защото първо с него ще работим.

Избираме инструмента Smudge tool.

Използваме мека четка, около 45 px, променяме Strength на около 70%

Използваме инструмента Smudge tool да нарисуваме пламъци - кликваме на долната бяла част и издърваме нагоре, закривявайки леко наляво или надясно за да се получи вълнообразния ефект на пламъка.

Сега повтаряме тази стъпка по цялата дължина на слоя. Може да намаляте или увеличавате големината на четката, за да получите по-реалистичен ефект на пламъци с различен размер.

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

Повтаряме предишните стъпки на създаване на огън като внимаваме височината на пламъците да бъде като на предишния слой.

Повтаряме този процес и с останалите 2 слоя. Не забравяйте да направите останалите невидими, докато работите с даден слой. Опитайте се да направите пламъците колкото се може повече подобни на предишния слой. Това ще направи анимацията по-плавна.

След като вече имате 4 слоя, които да приличат на огън, преминаваме към анимацията. Ако работите с Photoshop 7 или по-стара версия трябва да преминет в Imageready. Във photoshop CS/CS2, ако не ви е отворена палитрата Animation, отидете в Window-> и сложете отметка на Animation.

Ето така изглежда палитрата Animation:

Първият кадър оставяме както си е. Нека да създадем втори кадър - за да направите това кликнета на иконата new frame както е показано по-горе. Сега трябва да имате два еднакви кадъра. За да го направим различен от първия скриваме най-горния слой и правим видим следващия надолу. Всички други слоеве, освен background също са невидими.

Така на първия кадър видим е най-горния слой:

Във втория кадър видим е следващият, третият слой:

Създаваме още 2 кадъра по подобен начин, като на всеки един видим е прилежащия му слой. Така при всеки от четирите кадъра различен слой е видим. Сега просто натиснете PLAY и ще видите анимацията.

Това все още не прилича на огън. Нека да прибавим малко цвят. Кликнете на иконата Adjustment Layers в долния край на палитрата и изберете Color Balance.

Използвайте следните настройки:
Midtones: [ +60 ] [ 0 ] [ -15 ]
Shadows: [ +100 ] [ 0 ] [ -30 ]
Highlights: [ +50 ] [ 0 ] [ -30 ]

Уверете се, че този adjustment layer е най-отгоре в палитрата Layers, ако не е, преместете го.

Сега имате анимиран огън. Ако искате да забавите малко анимацията, може да направите това като кликнете на стрелката най-отдолу на всеки кадър и да изберете времето, в което да се показва всеки един от тях. 0.2 sec е идеално. Можете да създадете и повече кадри и слоеве за по-плавен ефект на анимацията.

Сега нека да запазим анимирания файл, за да можем да го използваме в нашия уебсайт. Отидете на File->Save for Web

Ще се отвори прозорец Save for web. Уверете се, че ще запазите файла в GIF формат и натиснете Save.

<!-- google_ad_client = "pub-2979800520760942"; google_ad_width = 200; google_ad_height = 200; google_ad_format = "200x200_as"; google_ad_type = "text_image"; //2006-10-01: tutorialwiz_inside google_ad_channel ="9018178515"; google_color_border = "ffffff"; google_color_bg = "ffffff"; google_color_link = "275a99"; google_color_text = "333333"; google_color_url = "333333"; //-->


превод: tuparowa

източник: www.tutorialwiz.com



Коментари (14)

peshkooo на 25.02 2007 в 17:45ч.
Благодаря много (:
tuparowa на 25.02 2007 в 18:28ч.
Радвам се, че съм ти била полезна :)
Herbaliser на 26.02 2007 в 11:15ч.
Много добре обяснено, подробно. Благодаря!
terminator на 26.02 2007 в 21:15ч.
БРАВО СУПЕР САМО ТАКА :)
stoichoa на 02.03 2007 в 20:04ч.
нещо не ми е активно това: Color Balance. Дайте съвет как да си го включа:)
tuparowa на 03.03 2007 в 09:52ч.
Такива неща обикновено стават, когато не си в RGB mode, ами в CMYK или Greyscale, или пък се опитваш да направиш всичко върху един слой. Аз първо бих проверила в какъв цветови режим съм :)
possessed на 09.04 2007 в 19:00ч.
Е браво много ми хареса тоя урок
Kool23 на 07.06 2007 в 10:24ч.
извиняваите за тъпия вапрос имам фотошоп от вчера и плс кайете как се прави нов документ 600x200 пиксела
bubust на 07.06 2007 в 21:41ч.
File > New и задаваш размерите.
tuparowa на 02.08 2007 в 23:14ч.
Feather-а на инструмента Marquee ти е много голям, затова ти излиза това съобщение. Намали го на 0 и ще се оправи работата. Ето виж къде се намира: http://avigeya.hit.bg/feather.jpg
gammenco на 23.03 2008 в 19:37ч.
Извинявам се за тъпия въпрос, но на какъв формат и настройки трябва да го сейфам, 4е да се запази анимацията и да не се сасипат цветовете
vaskobob4o на 15.12 2008 в 13:24ч.
амм аз съм с ФШ 7.0 иии немога да намеря Колор Баланс (ужс)
Impossible на 03.01 2009 в 16:05ч.
Браво :) първия път не стана много плавна но от втория стана супер :) хубав урок
w1sp на 17.04 2009 в 21:09ч.
СУПЕР! :)

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com