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

Започваме с нов документ 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 да нарисуваме пламъци - кликваме на долната бяла част и издърваме нагоре, закривявайки леко наляво или надясно за да се получи вълнообразния ефект на пламъка.

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

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

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

След като вече имате 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