Анимация Плавающие линии

2 122

Как сделать вот такую анимацию?Сейчас сделаем.

Photobucket

Создаём новый документ 500 на 100 пикселей(например).Заливаем его градиентом.

Делаем новый слой Ctrl+Shift+N.Берём инструмент Перо и рисуем контур линии.

Выбираем мягкую кисть 5 пикселей,ставим нужный цвет.Снова выбираем Перо,жмём ПКМ и Выполнить обводку контура с Имитацией нажима.Затем ПКМ и Удалить контур.

Делаем(каждый раз на новом слое) по этому принципу нужное количество линий.
Переходим на палитру Каналы.Создаём новый канал,нажав на кнопку снизу справа.Затем берём градиент от белого к чёрному и заливаем канал.

Теперь ВНИМАНИЕ!!!Зажимаем Ctrl и кликаем по созданному каналу,переходим на слои,выделяем верхний и нажимаем на кнопку добавления маски-слоя.Эти действия повторяем для всех слоёв.Должно получиться вот так:

Теперь самое лёгкое и непонятное.
Удаляем связь всех слоёв и масок нажав на изображение цепей.

Теперь выделяем маску(именно маску,вокруг должна быть рамка видна) первого слоя и на нашем документе перетаскиваем(инструмент Перемещение) его влево.
Те же действия с остальными масками.На миниатюре видно,переместили Вы маску или нет.

Далее,выбираем верхний слой,открываем меню Окно-Анимация.Есть первый кадр,делаем второй.Перетаскиваем все маски на середину.

Следующий кадр и все маски вправо.

Переходим на первый кадр,создаём промежуточные кадры(нажав на кнопку).
Потом на второй и третий.
В появившемся окне выбираем Следующий кадр,потом ставим время задержки нужное и всё.Сохраняем как для Web и устройств.

PhotobucketPhotobucket



Просмотров: 2 122 | | Уроки Photoshop, фотошопАнимация, Уроки Photoshop

Подписаться

http://swaego.ru/ps-actions/