Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[
  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: Otaky, DarknessChild  
Форум cStr1ke-Portal » Учебник по PhotoShop » Уроки » Огонь...
Огонь...
Jumper™Дата: Среда, 12.11.2008, 23:18 | Пост # 1
Группа: Удаленные
[ ]
Профиль пользователя
[spoiler]Доброго времени суток! Сегодня для многих раскроется тайна простого приема анимации огня! Рассмотрим ее на примере "поджога" Бигбара.
Стоит сказать, что изначально некое подобие урока на этот эффект я нашел на Демиарте. Но оформленно это было настолько ужасно, что 70 процентов действий приходилось додумывать самому. Поэтому можно считать, что этот тутор не "тупо слизан" с демиарта.

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. Ну вот первый более-менее творческий шаг в нашей работе image020 . Нужно придать нашему огню форму, ведь пока что он похож на частокол. Нам предстоит использовать фильтр 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!
Вот что должно получиться:

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

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

Жмем Ctrl+E, тем самым слив 2 слоя в 1.
Настало время сгладить место "разрыва" изображения. В этом нам поможет Patch Tool. Выделяем с помощью Rectangular Marquee Tool нужное нам место, выбираем Patch Tool.

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

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

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

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

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

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


Источник: Userbars.ru
4u}I{bДата: Среда, 12.11.2008, 23:20 | Пост # 2
Группа: *VIP*
Сообщений: 1020
[ 104 ]
Замечания: 20%
Статус: =(
Профиль пользователя
зделай plis video урок

FireFox 4ever
Jumper™Дата: Среда, 12.11.2008, 23:22 | Пост # 3
Группа: Удаленные
[ ]
Профиль пользователя
Если честно я его весь не запомнил!
OtakyДата: Среда, 12.11.2008, 23:28 | Пост # 4
Администратор / Helper по сайту
Группа: Admin
Сообщений: 960
[ 62 ]
Статус: =(
Профиль пользователя
не так уш и сложно

Аниме - это не термин, а состояние души ©
Jumper™Дата: Среда, 12.11.2008, 23:29 | Пост # 5
Группа: Удаленные
[ ]
Профиль пользователя
Да некто и не говорит что сложно!
Просто у меня видео выйдет некрасивое если буду снимать!
4u}I{bДата: Среда, 12.11.2008, 23:30 | Пост # 6
Группа: *VIP*
Сообщений: 1020
[ 104 ]
Замечания: 20%
Статус: =(
Профиль пользователя
Jumper™, Всё равно главное чтобы было видно как и что делать

FireFox 4ever
Jumper™Дата: Среда, 12.11.2008, 23:32 | Пост # 7
Группа: Удаленные
[ ]
Профиль пользователя
по скринам все прекрасно видно, не морочь голову!
ADRENALINДата: Среда, 12.11.2008, 23:38 | Пост # 8
Группа: User
Сообщений: 132
[ 4 ]
Замечания: 20%
Статус: =(
Профиль пользователя
ara!

Favorite weapon :
F0restДата: Четверг, 13.11.2008, 12:39 | Пост # 9
Группа: *VIP*
Сообщений: 134
[ 14 ]
Замечания: 0%
Статус: =(
Профиль пользователя
Ну так..первый раз всегда не оч...
Прикрепления: 3759311.gif (54.7 Kb)


Кинул пацана?По ебалу на! хД
PaIrOДата: Четверг, 13.11.2008, 16:05 | Пост # 10
Группа: User
Сообщений: 81
[ 12 ]
Замечания: 0%
Статус: =(
Профиль пользователя
Jumper™, гыыыыыыыыы спс


4u}I{bДата: Четверг, 13.11.2008, 16:06 | Пост # 11
Группа: *VIP*
Сообщений: 1020
[ 104 ]
Замечания: 20%
Статус: =(
Профиль пользователя
PaIrO, wow

FireFox 4ever
PaIrOДата: Четверг, 13.11.2008, 16:06 | Пост # 12
Группа: User
Сообщений: 81
[ 12 ]
Замечания: 0%
Статус: =(
Профиль пользователя
4u}I{b, с 1 раза)))

F0restДата: Четверг, 13.11.2008, 18:56 | Пост # 13
Группа: *VIP*
Сообщений: 134
[ 14 ]
Замечания: 0%
Статус: =(
Профиль пользователя
из мну некудышный фотошпер(( cry

Кинул пацана?По ебалу на! хД
SupriKДата: Четверг, 13.11.2008, 18:59 | Пост # 14
Старший Модератор
Группа: Super Moder
Сообщений: 347
[ 81 ]
Замечания: 0%
Статус: =(
Профиль пользователя
Red_DEVIL, поучись научишся я шас допустим делаю успехи smile

F0restДата: Четверг, 13.11.2008, 19:50 | Пост # 15
Группа: *VIP*
Сообщений: 134
[ 14 ]
Замечания: 0%
Статус: =(
Профиль пользователя
ура!получаетсо))
Прикрепления: 4079942.gif (345.6 Kb)


Кинул пацана?По ебалу на! хД
Форум cStr1ke-Portal » Учебник по PhotoShop » Уроки » Огонь...
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:

             Наши топы

Copyright cstr1ke-porta© 2024. Все права нарушены. Сайт оптимизирован под бразуер Opera и под экран 1024х768 пикселей.

Desing by Otaky..