Хотела сделать красивую анимацию воды плагином или программкой, но ничего не получилось. Или сделанная картинка не открывалась, или скаченная программа с вирусом. Поэтому предлагаю сделать анимацию воды средствами Фотошоп. Нашла интересный урок анимации при помощи карты смещения. Получился вот такой результат.
Открыть картинку с рекой или морем.
1-Файл-открыть.
2- Инструментом "прямоугольное лассо"
выделить воду.
3-Слой-скопировать на новый слой.
Теперь будем делать карту смещения для анимации воды.
4-Слой-новый слой.
5-Редактирование-выполнить заливку. Залить черным.
6-Фильтр-шум-добавить шум.
7-Фильтр-размытие по Гаусу.
8-Фильтр-галерея фильтров-текстура-кракелюры. (В других версиях фотошопа "фильтр-текстура-кракелюры.)
9-Фильтр-размытие в движении.
10-Инструментом "перемещение"
сдвинуть слой вниз до верхней линии воды.
11-Редактирование-трансформирование-перспектива.Потянуть за нижний угловой маячок в сторону.
12-Изображение-тримминг.
13-Слой создать дубликат слоя.
14-Редактирование-свободное трансформирование. Закрепить слой вверху
и потянуть за нижний маячок на 5-7 пик. вниз.
Смотрите на панели параметров, где значение высоты, на сколько пикселей сдвинули .
15-Слой-создать-дубликат слоя.
16-Нажать Ctrl, Shift, T. Слой сдвинется вниз.
17-Слой-создать дубликат слоя.
18- Повторить пункт 16.
Всего будет 4 слоя.
Для карты смещения создайте на компьютере папку и назовите, например, "вода".
19-В окне слоев отключить глазки на двух нижних слоях.
20-Файл-экспортировать-слои в файлы.
Нажмите на "обзор"и найдите созданную папку, выделите ее ,нажмите "ok"и затем "выполнить".
В старых версиях фотошопа карту смещения сохраняют по другому: после 19 пункта, сделать 4 дубликата картинки (не слоев).
a-Изображение-создать дубликат.
Всего картинок будет 5.
b-Затем в окне слоев активируете верхний слой и оставляете включенным глазок только на нем.
c-На одном из дублей картинки нажать на значок закрытия, или "файл-сохранить".
В открывшемся окошке ищете созданную папку и туда сохраняете.
Останется четыре картинки.
d-В окне слоев активировать и включить глазок на слое 2 копия 2, а на верхнем отключить.
e-Закрываете следующую картинку и сохраняете в той же папке.
f-Теперь активируете и включаете глазок на слое 2 копия, на вышележащем слое отключаете.
g-Закрываете третью картинку и сохраняете.
h--Активировать и включить глазок на слое 2, закрываете четвертую картинку.
Остается одна картинка, на которой продолжаете работать.
21-В окне слоев отключить глазки у слоев карты смещения и включить глазки на двух нижних слоях.
22-Сделать три дубликата слоя с водой. Активирован верхний слой с водой.
23-Фильтр искажение-смещение. Вначале откроется такое окошко. Ставите масштаб по горизонтали ( можно поставить и другое значение масштаба по вертикали, например 20 или 30, тогда волны будут поспокойнее), нажимаете Ok .
и ищите свою созданную папку "вода". Открываете ее.
24-Выделить файл и нажать "открыть". (Файл смещения "слой 2 копия 3" соответствует слою с водой "слой 1 копия 3".)
25-В окне слоев кликнуть по слою 1 копия 2.
26-Фильтр-искажение-смещение.
27-Выделить слой и нажать "открыть".
28-В окне слоев выделить слой 1 копия.
29-Фильтр-искажение-смещение, нажать на файл "слой 2 копия".
30- И так же сделать со слоем 1. Он соответствует файлу "слой 2".
31-В окне слоев удалить слои карты смещения, для этого их выделить ( нажать на слой 2, и, зажав Shift, нажать на верхний слой, все темные слои выделятся), кликнуть по ним правой кнопкой мыши и "удалить" или перетащить в корзину.
32-Теперь выделить слои с водой.
33-Добавить к слоям группу (1). Слои скроются в группе. Потом добавить маску (2).
34-На картинке кистью черного цвета пройтись по местам, где нет воды. На самой картинке черный цвет будет не виден. Закрашенные места будут видны на маске в окне слоев.
Вот и добрались до анимации воды.
35-В окне анимации (или шкала времени) будет первый кадр. Нажмите на значок в виде полосок,
откроется окно и там выберите "создать кадры из слоев".
36-Выделяем все кадры: кликнуть по первому кадру и, нажав Shift, кликнуть по последнему.
37-Теперь нужно добавить фон к четырем кадрам. Для этого, в окне слоев выключить и включить глазок на слое "фон".
Затем, не снимая выделения, поставить время для кадров 0,1 сек.и, если стоит показ "однократно", выставить "постоянно".
38-Кликнуть по первому кадру, выделение со всех кадров снимется, а первый кадр удалить, перетянув в корзину. Останется четыре кадра.
Нажать на пуск и посмотреть анимацию воды.
Видно, что анимация не захватывает противоположный край воды. Нужно сдвинуть анимацию немного вверх. Так как слои находятся в группе, они передвинутся все.
Проверьте, чтобы в окне слоев был активирован слой с группой.
39-Редактирование-свободное трансформирование. Передвинуть слои немного вверх инструментом "перемещение" или стрелочкой на клавиатуре. Стрелочкой будет точнее.
Теперь анимация сдвинулась вверх, а низ открылся. Потянуть за маячок вниз.
Смотрим анимацию, что еще нужно подправить. (Слой с группой активирован.)
40-Мягкой кистью черного цвета, небольшого размера, пройтись вдоль берега, по кораблю, где излишний плеск. А по краям камня пройтись жесткой кистью, чтобы он был четче.
Можно еще сделать анимацию помедленнее.
41-В окне анимации поменять время на кадрах, вместо 0,1 сек, поставить 0,15. Все кадры выделить , нажать на галочку и выбрать "другое".
В открывшемся окне поставить 0, 15.
Если все устраивает, сохраняем анимацию.
42-Файл-экспортировать-сохранить для Web. ( В ранних версиях фотошопа "Сохранить для Web и устройств.)
А эта картинка с масштабом по вертикали 30 ( пункт 23).
Другой способ анимации воды смотрите в этом уроке.
Комментариев нет:
Отправить комментарий