Автор Тема: Урок реалистичного огня  (Прочитано 6383 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн g9lTeJIАвтор темы

  • Постоялец
  • ***
  • Сообщений 133
  • Респектов 0
  • Репутация 18
  • Пол: Мужской
    • Просмотр профиля
Всем Привет !!!  :Zdravstvujte:


Вот мой первый урок по созданию баннера  *podmignut*

Вот результат:  *smeshno*



Сылки на скачивание:

Скрытый текст. Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Кому норавилось коментируем   *smile*

Добавлено: 27 Март 2010, 13:52:50
Может его ктонибудь случайно заметит ?)
« Последнее редактирование: 28 Март 2010, 10:38:09 от Крон »

Форум аватар


Оффлайн g9lTeJIАвтор темы

  • Постоялец
  • ***
  • Сообщений 133
  • Респектов 0
  • Репутация 18
  • Пол: Мужской
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #1 : 03 Апрель 2010, 14:57:34 »
0
А вот урок и в скриншотах *smile* :

1. Для начала нам понадобится заготовка простого бигбара или просто фон


2. Приступаем непостредственно к подготовке огня. Создаем новый слой "Огонь". Рисуем на нем белую горизонтальную линию толщиной 4-6 пикселей. Можно просто воспользоваться Rectangular Marquee Tool и залить выделение белым цветом. Затем перемещаем эту линию в самый низ изображения, за его край.



3. Теперь нужно повернуть холст на 90 градусов: Image->Rotate Canvas->90° CW.


Далее следуем в Filter->Stylize->Wind и применяем такие параметры:


Жмем Ctrl+F 1 раз. Таким образом мы повторим только что примененный фильтр.


Поворачиваем холст обратно: Image->Rotate Canvas->90° CCW


4. Ну вот первый более-менее творческий шаг в нашей работе  . Нужно придать нашему огню форму, ведь пока что он похож на частокол. Нам предстоит использовать фильтр Liquify, созданный для искажения изображений вручную, но так как у нас на слое множество прозрачных областей, увидеть что -то в фильтре на фоне бело-серых квадратов будет сложно. Поэтому я рекомендую нажать Ctrl+I, тоесть инвертировать наш слой с огнем. Теперь "частокол" стал черным и увидеть его в окне фильтра будет проще.
Итак, Filter->Liquify.
Воспользуемся Zoom Tool чтобы было проще работать с языками пламени. Выбираем Pucker Tool. Настройки я выставил такие:

 
Теперь оооочень аккуратно, маленькими но частыми кликами придаем нашему пламени форму. Немного поработав этим инструментом, выбираем Bloat Tool с теми же настройками. Он работает противоположным образом, но также полезен. Работаем тем же способом.
Если что то не получется пользуемся Reconstruct Tool, если картина не нравится вообще, существует кнопка Restore All.
Выйдя из фильтра и нажав Ctrl+I вы должны увидеть примерно вот что:

Для полноты картины применим 1 раз Filter->Distort->Ripple с настройкой на 50%


5. Ну вот, у нас получилось что-то похожее на языки пламени, теперь нам предстоит создать новый файл, от которого как раз и будет зависеть наша анимация. Создаем новый холст 350x240, остальные настройки стандартные. Жмем Filter->Render->Clouds, затем Filter->Render->Difference Clouds. Думаю вы и так видите для чего они нужны. Жмем Ctrl+F 3 раза. Получилось какое-то серое желе

Теперь нужно окрасить наше желе в желтовато-оранжевый. Image->Adjustments->Hue/Saturation или просто жмем Ctrl+U. Выставляем такие настройки:

Обратите внимание на галочку возле Colorize!
Вот что должно получиться:
http://s48.radikal.ru/i121/0808/b2/66c71254bb03.png

6. Теперь довольно интересный шаг. Нам нужно закольцевать низ и верх получившегося изображения. Зачем - поймете позже. Чтобы нам легче было работать, идем в Window->Info. Эта панель облегчит нам жизнь, только нужно поставить в Palette Options этой панели Rules Units: Pixels.
Выделяем нижнюю часть изображения размером 350x50, здесь-то нам и поможет панель Info.

Щелкаем правой кнопкой по выделению, выбираем Layer via Copy. Это вставит выделенную облась на новый слой, оставив ее также на старом. Перемещаем обрезок на новом слое в самый вверх

Жмем Ctrl+E, тем самым слив 2 слоя в 1.
Настало время сгладить место "разрыва" изображения. В этом нам поможет Patch Tool. Выделяем с помощью Rectangular Marquee Tool нужное нам место, выбираем Patch Tool.
http://s54.radikal.ru/i144/0808/eb/190eb4126793.png

Обратите внимание, что в настройках Patch Tool (вверху) должен быть выбран пункт Source.
Теперь наводим курсор внуть выделения, зажимаем левую клавишу и ведем выделение где-то на 40 пикселей вниз, как бы выбрав "донорскую область", отпускаем клавишу, жмем Ctrl+D. Все, теперь переход виден намного хуже.


7. Переносим наш слой на бигбар. Для этого просто берем слой в палитре его изображения и перетаскиваем на изображение бигбара.
Назовем его "Эффект" и поставим выше слоя "Огонь". Выровняем слой Эффект, приставив его верхний край точно к верху нашего холста.

Теперь момент которого мы ждали  . Весь фокус состоит в режиме смешивания. Меняем его у слоя "Эффект" на Linear Light


Теперь огонь выглядит реалистично, не так ли? Так что теперь я просто добавлю текст .


8. Ну что ж? Переходим в Image Ready. Жмем Ctrl+Shift+M.
В палитре анимации жмем Duplicate Current Frame. Теперь перемещаем наш слой "Эффект" вверх и вверх, пока ввиду не останется только его низ. Выравниваем его так, чтобы первый кадр не отличался от второго. Снова выбираем первый кадр. В палитре анимации жмем Tween.


Жмем ОК, удаляем последний кадр. Выбираем File->Save Optimized As, вуаля, анимация готова.



Урок Очень Легкий!Удачи !

Оффлайн Satinelight

  • блудный Светик снова АЕ-шит
  • Аватарщица
  • *
  • Сообщений 2114
  • Респектов +748
  • Репутация 484
  • Пол: Женский
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #2 : 04 Апрель 2010, 18:25:56 »
0
А ты его сам писал?

Оффлайн g9lTeJIАвтор темы

  • Постоялец
  • ***
  • Сообщений 133
  • Респектов 0
  • Репутация 18
  • Пол: Мужской
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #3 : 04 Апрель 2010, 23:56:01 »
0
Нет,но видео делал сам *smile*

Оффлайн _Dima_

  • Активист
  • ****
  • Сообщений 454
  • Респектов +14
  • Репутация 106
  • Пол: Мужской
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #4 : 05 Апрель 2010, 00:40:43 »
0
Вот что у меня получилось


Оффлайн black-extasy

  • Хранительница
  • Ветеран
  • *****
  • В личку заказы не принемаю!

  • Сообщений 965
  • Респектов +107
  • Репутация 311
  • Пол: Женский
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #5 : 05 Апрель 2010, 02:36:06 »
0
Если урок чужой, нужно указывать откуда ресурс, авторство.

Оффлайн anisjon3000

  • Активист
  • ****
  • Сообщений 372
  • Респектов +1
  • Репутация 7
  • Пол: Мужской
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #6 : 16 Апрель 2010, 01:39:11 »
0
Друзья у меня такая проблема возникла когда попробовал сделат такую же работа,
Что означает слова бигбар и где она находиться?
Если кто небуд сможет то по подробнее обьясните пункт 7.

Оффлайн black-extasy

  • Хранительница
  • Ветеран
  • *****
  • В личку заказы не принемаю!

  • Сообщений 965
  • Респектов +107
  • Репутация 311
  • Пол: Женский
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #7 : 16 Апрель 2010, 02:21:08 »
0
В данном уроке автор и делает бигбар.



Тоже самое, что и аватар, его название.. есть ещё юзербар и тд.
Что именно ты не понял в 7 пункте, всё вроде ясно и понятно?

Оффлайн anisjon3000

  • Активист
  • ****
  • Сообщений 372
  • Респектов +1
  • Репутация 7
  • Пол: Мужской
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #8 : 17 Апрель 2010, 23:22:00 »
0
теперь уже все понятно, спасибо за подскажку black-extasy

Оффлайн sushi

  • Наблюдатель
  • Сообщений 1
  • Респектов 0
  • Репутация 0
  • Пол: Женский
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #9 : 27 Сентябрь 2010, 22:09:02 »
0
Большое спасибо за урок. Я как-то пробовала сделать такое своими силами, но все время не получилалось. Сейчас буду пробовать. Я как новичок очень нуждаюсь в обучении.

Оффлайн Никита

  • или Никита Романович, или
  • Продвинутый ветеран
  • *******
  • Сообщений 1320
  • Респектов +262
  • Репутация 104
  • Пол: Мужской
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #10 : 30 Сентябрь 2010, 18:30:44 »
0
Ахаахах)) Спёрто с ubforum.ru *connie_tap*)))))))
Урок огня на ББ от IceDragon :D *smeshno*

Оффлайн Вахмурка

  • Гость
  • *
  • Сообщений 13
  • Респектов 0
  • Репутация 0
  • Пол: Мужской
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #11 : 30 Сентябрь 2010, 20:39:32 »
0
А смысл какой всё это лепить руками, слой на слой накладывать, когда полно готовых огней, дымов и прочего, прочего,  прочего.
  Вот подобный эффект. Ровно 4,5 минуты заняла вся операция.

« Последнее редактирование: 30 Сентябрь 2010, 21:00:09 от Вахмурка »

Оффлайн Крон

  • Аватарщик
  • *
  • в ЛС заказы не принимаю!

  • Сообщений 10982
  • Респектов +8430
  • Репутация 3876
  • Пол: Мужской
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #12 : 30 Сентябрь 2010, 20:57:22 »
0
Смысл в этом есть.  Научишься инструментами пользоваться *smeshno* А огонь у тебя плохо зациклен *;D*

Оффлайн Вахмурка

  • Гость
  • *
  • Сообщений 13
  • Респектов 0
  • Репутация 0
  • Пол: Мужской
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #13 : 30 Сентябрь 2010, 21:04:37 »
0
Крон, ну разве только осваивать инструменты.   *scratch_one-s_head*
 Огонь- да, есть такое дело.  *smeshno*

Оффлайн Satinelight

  • блудный Светик снова АЕ-шит
  • Аватарщица
  • *
  • Сообщений 2114
  • Респектов +748
  • Репутация 484
  • Пол: Женский
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #14 : 30 Октябрь 2010, 06:48:24 »
+1

Оффлайн сарата

  • Постоялец
  • ***
  • Сообщений 146
  • Респектов +123
  • Репутация 20
  • Пол: Женский
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #15 : 25 Январь 2013, 16:11:07 »
+1
Спасибо! Интересный урок! Повозиться пришлось, да и корявенько у меня вышло, но вот...

Оффлайн ~JokeR~

  • Старожил
  • ***
  • Скайп- onel1232

  • Сообщений 281
  • Респектов +107
  • Репутация 27
  • Пол: Мужской
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #16 : 02 Октябрь 2013, 18:04:12 »
0
хотел сделать, ну нету рисунков некоторых, не могли бы их обновить или урок написать заново?

Оффлайн Fenrir

  • Новичок
  • *
  • От Крона

  • Сообщений 32
  • Респектов +1
  • Репутация 0
  • Пол: Мужской
    • Просмотр профиля
Re: Урок реалистичного огня
« Ответ #17 : 26 Май 2017, 09:38:42 »
0
большое вам спс! класс  *super*

 

Урок использование инструмента "перо"

Автор Крон

Ответов: 27
Просмотров: 7074
Последний ответ 26 Май 2017, 09:37:23
от Fenrir
Урок русcкого Photoshop "Растущий цветок"

Автор Жизнерадостный

Ответов: 4
Просмотров: 3759
Последний ответ 26 Апрель 2009, 16:43:29
от Жизнерадостный
Как сделать на одноклассниках себе необычные оценки - Урок от Кредо № 1

Автор Credo

Ответов: 5
Просмотров: 9670
Последний ответ 30 Апрель 2009, 06:29:38
от Golden
Как сделать молнию в фотошопе: Молния врезается в дом - Урок от Кредо № 2

Автор Credo

Ответов: 9
Просмотров: 11605
Последний ответ 26 Май 2017, 09:25:16
от Fenrir
[ВИДЕО УРОК] БЛИК НА КРАЮ СТЕКЛА By Spardaa

Автор Spardaa

Ответов: 4
Просмотров: 2698
Последний ответ 15 Сентябрь 2011, 21:12:38
от Betwist