Перед тем, как читать этот мануал, ознакомьтесь с тем, => Как делать анимацию <=.
Это простой мануал, для создания простой, но анимированной линии.

Откройте Photoshop, создайте новое изображение, ширина и высота 200 пикселей, залейте чёрным цветом.


чёрный фон

Далее выбрав кисть на 5 пикселей, зажмите Shift и проведите линию:

линия
Дублируем нашу линию и на дубль делаем эффект Filter => Blur => Gausian Blur = 20.

размытиие
Возвращаемся на оригинальную линию и делаем эффект Filter => Distort => Wave

фильтр
И выбираем следующие параметры:

волна

Теперь зажимаем левую клавишу на клавиатуре пока наша линии на половину не "уплывёт" налево, далее дублируем слой перемещаем направо, "приклеиваем" его к правому концу нашей линии чтобы получилось одно целое, а после сливаем слои и оттягиваем нашу линию до конца влево.

линия
Далее дублируем нашу линию и делаем эффект Filter => Blur => Gausian Blur = 4

дубль

Следующим этапом становится - анимация, просто оттягиваем по десять шажочков в право до того момента когда движение линии станет непреломным.

анимация

Вот что мы будем иметь в итоге:

анимированная линия








Hosted by uCoz