Как часто вы посещаете наш сайт?

Всего голосовало: 4645
В нашем приёмнике есть саундтреки из игре S.T.A.L.K.E.R.!
Включи и послушай
лучшую музыку зоны!

Зона отчуждения
оружие
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Популярные темы Самые активные сталкеры Новые Сталкеры
Бар "Сердце зоны" [ 1766 ]
Демотивиторы сталкера [ 47 ]
MOD SBORKA [ 0 ]
СОЗДАЁМ МОД [ 0 ]
Праздники! [ 25 ]
БЫСТРЫЙ ПОИСК ПО СТАЛКЕРУ [ 0 ]
Штурман [ 8096 ]
Toshik [ 7339 ]
Крэйвен [ 5959 ]
Менгеле [ 4456 ]
Sashka [ 4370 ]
Юкки [ 4299 ]
ммаратт [ 22:12 ]
Сталкер_Ильяс [ 15:05 ]
kat38tak [ 17:02 ]
Barret [ 08:54 ]
Гоплит [ 15:54 ]
VanessaCO [ 11:53 ]

Страница 1 из 11
Модератор форума: Вандемейер 
Форум сталкер » Тематический раздел » Photoshop - уроки » Флаг на ветру. Анимация движения ткани
Флаг на ветру. Анимация движения ткани

  Teddy
Сообщений: 440
Награды: 29
[ 148 ]
Teddy...
19.12.2010, 01:22 | #1
Очередной мой подробный совет по работе в ФШ оброс картинками и превратился в урок. Предлагаю Вам то, что получилось в итоге.

Итак, создадим реалистичную анимацию флага, развевающегося на свежем ветру.

1. Для начала создайте новый файл (примерно 600 х 450 пикселей с разрешением 300 пикселей на дюйм). Затем зайдите в редактор градиента и настройте чёрно-белый градиент, примерно такой:

2. Залейте созданный файл этим градиентом. Градиент должен быть линейный, направление строго горизонтальное. Должно получиться как-то вот так:

Выделите всё (Ctrl+A) и создайте из полученной заливки новый паттерн (Edit - Define Pattern).
3. Теперь откройте любую картинку, которая должна будет стать Вашим флагом. Выделите её (Ctrl+A), (или выделите прямоугольным выделением её фрагмент, если Вам нужна не вся картинка целиком), скопируйте и поместите в качестве нового слоя в новый файл. Файл создайте такого размера, какого вы хотите получить Ваш ролик. У меня - 800 х 600 пикселей. Цвет слоя Background - на Ваше усмотрение.

4. Создайте сверху ещё один слой и залейте получившимся паттерном. Нужно, чтобы сдвоенная белая полоса уместилась на слое трижды. Смените режим наложения для слоя на Soft Light и понизьте непрозрачность слоя до 35% (Этот режим и уровень непрозрачности подходит для этой конкретной картинки - с другими цветами "флага", возможно, лучше будет применить другой режим наложения и другой уровень прозрачности.):

5. С помощью трансформации растяните полученный слой по горизонтали так, чтобы по краям будущего "флага" оказалось где-то по половинке крайних полос (правой и центральной). Вот как-то так:

6. Теперь создайте новую группу слоёв и поместите туда слой с картинкой и слой с градиентом. Сделайте столько копий этой группы, сколько кадров вы предполагаете сделать в будущем ролике (я сделала 7). Отключите видимость всех групп, кроме самой первой (нижней).
Внутри группы перейдите на слой с картинкой и выберите фильтр Liquify. Инструментом "заморозка"

проведите по левой стороне картинки, чтобы в дальнейшем флаг не "ёрзал" по флагштоку.

7. Белые полосы слоя с градиентом должны будут создать на флаге эффект выпуклых складок, тёмные полосы, соответственно - вогнутые, затенённые. Нам нужно изгибать будущий флаг так, чтобы его изгибы совпадали с соответствующими полосами градиента. Пальцем


широкой кистью с зажатой клавишей Sift проведите снизу вверх по картинке там, где поверх проходит белая полоса от градиента, и сверху вниз там, где у градиента тёмные области (примерно вот так):

Примените фильтр.

Для того, чтобы анимация флага была более-менее реалистичная, нужно создать эффект волнообразного перетекания складок на ткани. У нас - слева направо, от флагштока к свободному краю флага. Для этого мы будем искажать форму самого флага на каждом слое-копии и сдвигать слои с градиентом:
8. Перейдите к следующей группе слоёв, подключив её видимость. Выберите в группе слой с градиентом и с выбранным инструментом передвиньте слой немного вправо - можно вручную, можно курсорными клавишами:

Перейдите на слой с картинкой и изогните её фильтром Liquify по тому же принципу, что и предыдущую. То же самое проделайте с остальными группами слоёв - сдвигайте градиенты в них всё дальше вправо, и искажайте соответствующим образом картинку. Вам необходимо добиться того, чтобы центральная двойная полоса Вашего градиента сдвинулась вправо почти полностью.
9. Как только Вы обработаете все группы, выберите инструмент . В каждой группе по очереди выделите прозрачную область вокруг будущего флага, затем инвертируйте выделение (Sift+Ctrl+I), перейдите на соответствующий слой с градиентом и подключите к нему маску слоя. Полосы, выходящие за пределы "флага", перекроются маской и станут не видны:

Теперь переходим к созданию собственно анимации.
10. Оставляем включённую видимость только у самой первой группы слоёв. Заходим в меню Window, включаем панель анимации. На панели анимации автоматически появляется первый кадр (он же - первая группа слоёв). Копируем этот кадр и включаем видимость второй группы слоёв, а у первой группы, соответственно, видимость отключаем:

Постепенно выстраиваем ряд из стольких кадров, сколько групп слоёв у нас имеется: первый кадр - первая группа, второй кадр - вторая группа и так далее. Время для кадров ставим по своему усмотрению. Сохраняем анимацию в Gif-формате. Всё:

Можно добавить флагу флагшток, нарисованный с помощью вот такого линейного градиента:

Градиент, с помощью которого мы сымитировали идущие по флагу свето-тени, тоже можно дополнительно "погнуть волнами" с помощью фильтра Liquify - соответственно, добавить не только вертикальных искажений и у картинки-флага. Понятно, что проделать это нужно будет в каждой из групп. Маски слоёв тоже придётся переделать. Зато тогда флаг будет "шевелиться" не только вертикальными полосами, а более реалистично, всей своей поверхностью. Вот результат:







  SAMSON
Сообщений: 349
Награды: 244
[ 1565 ]
Механник "Одиночка"
03.06.2011, 22:57 | #2
Впишу это куда-нибудь с аватаром своим. Спасибо за урок.

  AlterEgor
Сообщений: 3473
Награды: 210
[ 2724 ]
Сила в единстве
09.07.2011, 09:05 | #3
Спасибо




Монолит
Ранг - Дозорный Монолита
База - Барьер на Милитари
Должность - Штурмовик

  Ворон
Сообщений: 836
Награды: 92
[ 1559 ]
Бармен "Монолита"
19.11.2011, 22:05 | #4
Благодарю .

  CTRELOK666
Сообщений: 114
Награды: 94
[ 438 ]
Слепой пес
28.11.2011, 20:37 | #5
можно и проще зделать!







  Танк
Сообщений: 266
Награды: 6
[ 62 ]
Гранатометчик ГОН "Призрак"
01.09.2013, 09:47 | #6
Спасибо за урок!




"Единственное, что нужно для триумфа зла -это чтобы хорошие люди ничего не делали"
Форум сталкер » Тематический раздел » Photoshop - уроки » Флаг на ветру. Анимация движения ткани
Страница 1 из 11
Поиск:




Карта сайта

Сайт для фанатов игрового мира сталкер .Копирование файлов без активной ссылки на наш сайт запрещена.
Кража Использование баз разрешения админа любых графических чястей дизайна запрещено.