Модератор форума: Masquerade, Vexxius |
Форум Дизайнерская мастерская Уроки и прочее [Учебник] Cоздаём анимацию огня (Photoshop) |
[Учебник] Cоздаём анимацию огня |
Приветствую всех почитателей портала wowjp, а в частности тех, кто учится работе с фотошопом. В этом уроке я расскажу вам как делать анимацию огня на вашем БигБаре. Итак нчнём:
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, тем самым инвертировать наш слой с огнем. Теперь "скелет" стал черным и увидеть его в окне фильтра будет намного проще.
Теперь очень-очень аккуратно, маленькими, но частыми кликами придаем нашему пламени своеобразную форму. Немного поработав этим инструментом, выбираем Bloat Tool с теми же настройками. Он работает противоположным образом, но также полезен. Работаем тем же способом.
Для полноты картины применим 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. Щелкаем правой кнопкой по выделению, выбираем Layer via Copy. Это вставит выделенную облась на новый слой, оставив ее также на старом. Перемещаем обрезок на новом слое в самый вверх Жмем Ctrl+E, тем самым слив 2 слоя в 1. Обратите внимание, что в настройках Patch Tool (вверху) должен быть выбран пункт Source. 7. Переносим наш слой на бигбар. Для этого просто берем слой в палитре его изображения и перетаскиваем на изображение бигбара. Теперь момент которого мы ждали. Весь фокус состоит в режиме смешивания. Меняем его у слоя "Эффект" на Linear Light Теперь огонь выглядит реалистично, не так ли? Так что теперь я просто добавлю текст. 8. Ну что ж? Переходим в Image Ready. Жмем Ctrl+Shift+M.
Жмем ОК, удаляем последний кадр. Как это все оптимизировать читаем тут. Выбираем File->Save Optimized As, вуаля, анимация готова.
УДАЧНОЙ ВАМ РАБОТЫ! ЕСЛИ БУДУТ ВОПРОСЫ ЗАДАВАЙТЕ либо здесь либо мне в ICQ и вылаживайте свои работы
ВНИМАНИЕ! Для тех кто любит направление TRANCE-музыки:
ГРУППА ВКОНТАКТЕ: http://vk.com/trancecoremusic ГРУППА в ОДНОКЛАССНИКАХ: http://www.odnoklassniki.ru/trancecoremusic Подписывайтесь на нас и вы будете всегда в курсе всех новинок, лучших подборок и конечно же мы надеемся, что вы будете всегда в позитивном настроении! Приятного прослушивания |
Psiho[Delik], спс за +, но не стоит рекламить сайт. Я могу сделать такой же урок абсолютно, но это геморой
ВНИМАНИЕ! Для тех кто любит направление TRANCE-музыки:
ГРУППА ВКОНТАКТЕ: http://vk.com/trancecoremusic ГРУППА в ОДНОКЛАССНИКАХ: http://www.odnoklassniki.ru/trancecoremusic Подписывайтесь на нас и вы будете всегда в курсе всех новинок, лучших подборок и конечно же мы надеемся, что вы будете всегда в позитивном настроении! Приятного прослушивания
Сообщение # 5 написано 28.02.2009 в 22:22
|
норм..могу выложить урок еще 1 огня делаетса другим способом ну он немного реалистичный хотя твой круто сморитса на бигбаре молодец +
ХоТь Я уЖе Не МоДЕраТОр Как РАнЬШе И хОтЬ у МеНя 120% зАмЕчаНий и дето -50 -60 репы от одного чела ReaM я всЕраФно ТУт =)
Сообщение # 7 написано 01.03.2009 в 03:15
|
Mo[N]STeR, вылаживай, поставлю +сик если действительно смотрится тоже реально.
ВНИМАНИЕ! Для тех кто любит направление TRANCE-музыки:
ГРУППА ВКОНТАКТЕ: http://vk.com/trancecoremusic ГРУППА в ОДНОКЛАССНИКАХ: http://www.odnoklassniki.ru/trancecoremusic Подписывайтесь на нас и вы будете всегда в курсе всех новинок, лучших подборок и конечно же мы надеемся, что вы будете всегда в позитивном настроении! Приятного прослушивания
Сообщение # 8 написано 01.03.2009 в 10:29
|
Lepeshka, нажимаешь файл -> сохранить для Web (save for Web) и нажимаешь потом ок.
ВНИМАНИЕ! Для тех кто любит направление TRANCE-музыки:
ГРУППА ВКОНТАКТЕ: http://vk.com/trancecoremusic ГРУППА в ОДНОКЛАССНИКАХ: http://www.odnoklassniki.ru/trancecoremusic Подписывайтесь на нас и вы будете всегда в курсе всех новинок, лучших подборок и конечно же мы надеемся, что вы будете всегда в позитивном настроении! Приятного прослушивания
Сообщение # 10 написано 04.03.2009 в 18:04
|
Lepeshka, молодец!!!
ВНИМАНИЕ! Для тех кто любит направление TRANCE-музыки:
ГРУППА ВКОНТАКТЕ: http://vk.com/trancecoremusic ГРУППА в ОДНОКЛАССНИКАХ: http://www.odnoklassniki.ru/trancecoremusic Подписывайтесь на нас и вы будете всегда в курсе всех новинок, лучших подборок и конечно же мы надеемся, что вы будете всегда в позитивном настроении! Приятного прослушивания
Сообщение # 16 написано 08.03.2009 в 17:02
|
Сообщение # 19 написано 27.03.2009 в 22:36
|
twink, просто стрелку возьми на панели инстументов и перетаскивай, ничего дублировать не надо.
ВНИМАНИЕ! Для тех кто любит направление TRANCE-музыки:
ГРУППА ВКОНТАКТЕ: http://vk.com/trancecoremusic ГРУППА в ОДНОКЛАССНИКАХ: http://www.odnoklassniki.ru/trancecoremusic Подписывайтесь на нас и вы будете всегда в курсе всех новинок, лучших подборок и конечно же мы надеемся, что вы будете всегда в позитивном настроении! Приятного прослушивания
Сообщение # 20 написано 27.03.2009 в 22:38
|
Так,это я понял.Сейчас разбераюсь дальше.Просто я в фотошопе только 3 дня=)
Добавлено (27.03.2009, 22:46)
Сообщение # 21 написано 27.03.2009 в 22:46
|
на русском это будет СЖИЖЕНИЕ если нету такой функции меняй фотошоп
ВНИМАНИЕ! Для тех кто любит направление TRANCE-музыки:
ГРУППА ВКОНТАКТЕ: http://vk.com/trancecoremusic ГРУППА в ОДНОКЛАССНИКАХ: http://www.odnoklassniki.ru/trancecoremusic Подписывайтесь на нас и вы будете всегда в курсе всех новинок, лучших подборок и конечно же мы надеемся, что вы будете всегда в позитивном настроении! Приятного прослушивания
Сообщение # 22 написано 27.03.2009 в 22:51
|
У меня CS4 , там вроде есть=)Смотри открываю фильтр там:
Искажение. Верно? Добавлено (27.03.2009, 22:56) Добавлено (27.03.2009, 22:57)
Сообщение # 23 написано 27.03.2009 в 22:57
|
twink, вот мне делать нечего больше. Да Искажение - это то. Сам я юза. CS2 + CS3, 4 пока не хочу, т.к. в нём есть недоработки.
ВНИМАНИЕ! Для тех кто любит направление TRANCE-музыки:
ГРУППА ВКОНТАКТЕ: http://vk.com/trancecoremusic ГРУППА в ОДНОКЛАССНИКАХ: http://www.odnoklassniki.ru/trancecoremusic Подписывайтесь на нас и вы будете всегда в курсе всех новинок, лучших подборок и конечно же мы надеемся, что вы будете всегда в позитивном настроении! Приятного прослушивания
Сообщение # 24 написано 28.03.2009 в 00:22
|
Quote Arklight, зделй с переводом) Перевода не будет. Лично я когда ещё только учился, я переводил всё простоым переводчиком, потом искал похожие слова и всё нормально делал. А вообще мой совет вам, меняйте PS т.к. все учебники, уроки сделаны на англ. версии PS
ВНИМАНИЕ! Для тех кто любит направление TRANCE-музыки:
ГРУППА ВКОНТАКТЕ: http://vk.com/trancecoremusic ГРУППА в ОДНОКЛАССНИКАХ: http://www.odnoklassniki.ru/trancecoremusic Подписывайтесь на нас и вы будете всегда в курсе всех новинок, лучших подборок и конечно же мы надеемся, что вы будете всегда в позитивном настроении! Приятного прослушивания
Сообщение # 27 написано 28.03.2009 в 10:46
|
helouin, я бы сказал меньшинство, всё зависит от автора захочет он переводить или нет. С русским PS очень много запар, вдруг ты найдёшь какой нить СТИЛЬНЫЙ урок, а он на англ., в результате: испорченное настроение, инфаркт, больница
ВНИМАНИЕ! Для тех кто любит направление TRANCE-музыки:
ГРУППА ВКОНТАКТЕ: http://vk.com/trancecoremusic ГРУППА в ОДНОКЛАССНИКАХ: http://www.odnoklassniki.ru/trancecoremusic Подписывайтесь на нас и вы будете всегда в курсе всех новинок, лучших подборок и конечно же мы надеемся, что вы будете всегда в позитивном настроении! Приятного прослушивания
Сообщение # 29 написано 28.03.2009 в 11:01
|
Arklight, ну да я не раз сталкивался с тем что находил классный оч урок и он был на англиском,а у меня русский фотошоп
но я всётаки в переводчиках оч долго переводил его,и учил ещё его тогда пол часа.... ну щас мало кто захочет перевести урок если встретит на англиском,прост людям будет влом переводить,время терять и он бросят эт и будут искать другой урок
Сообщение # 30 написано 28.03.2009 в 11:08
|
| |||