Главная Контакты Карта сайта
» » » Бегущие огоньки по контуру рисунка

Бегущие огоньки по контуру рисунка

Каледарь 14-02-2014 Посетители Просмотров: 8783

РозаОчень часто при создании анимированных открыток используется такой прием, как бегущие огоньки или блики по контуру рисунка. 

роза

Очень часто при создании анимированных открыток используется такой прием, как бегущие огоньки или блики по контуру рисунка. На этом уроке попробуем разобраться, как это можно сделать.

Вот, к примеру, такой цветок  как на рисунке слева. Бегущие огоньки идут по всем краям цветочных лепестков.

Впрочем, начнем с примера попроще.
Не будем обводить контур готового рисунка, создадим его сами, произвольный.
Просто для примера у меня будет сердечко на черном фоне. Сегодня все-таки 14 февраля - день святого Валентина, вот и создадим небольшую валентинку.

Начнем, пожалуй.
Для начала создадим новый документ размером 400 на 400 px и закрасим его в черный цвет.

Уроки по фотошопуУроки по фотошопу

С помощью инструмента Shape (Фигура) нарисуем сердечко. То есть, выбираем на панели слева инструмент, а затем сверху среди всех фигур находим сердце. 
Обязательно переключаем режим с рисования фигуры на рисование контура.
 Уроки фотошопаУроки фотошопа Уроки фотошопаУроки фотошопа 
Следующим шагом надо настроить кисть так, чтобы она рисовала бликами, звездочками или крестиками.
Выбираем инструмент Brush (Кисть)  и вызываем панель настройки кисти F5.

 НАСТРАИВАЕМ КИСТЬ В ФОТОШОПЕНАСТРАИВАЕМ КИСТЬ В ФОТОШОПЕ  Выбираем форму кисти и ее размер
 НАСТРАИВАЕМ КИСТЬ В ФОТОШОПЕНАСТРАИВАЕМ КИСТЬ В ФОТОШОПЕ  Изменяем расстояние между нашими бликами
 НАСТРАИВАЕМ КИСТЬ В ФОТОШОПЕНАСТРАИВАЕМ КИСТЬ В ФОТОШОПЕ  Делаем блики разными, изменяем размер, поворачиваем отдельные блики, увеличиваем разброс и так далее. 
Просто двигаем ползунки туда-сюда, подбирая лучшее расположение бликов.
Следующий шаг - создаем пять-шесть пустых слоев.
Создаем пустые слои в фотошопеСоздаем пустые слои в фотошопе
Делаем активным самый верхний слой, переключаемся на закладку Paths (Контуры)
Щелкаем правой кнопкой мыши по слою с контуром и  в открывшемся меню выбираем пункт  Stroke Path (Обводка контура) 
обводка контураобводка контура
Возвращаемся на вкладку Laeyrs (Слои), убираем глазок у верхнего слоя, делаем активным слой пониже и обводку уже для него.
следующий слойследующий слой
Повторяем действия для всех слоев.
После того, когда обводка создана для всех слоев, делаем их видимыми (щелкаем глазики на каждом слое) и вызываем панель анимации Окно - Анимация (Window - Animation).
На панели анимации вызываем меню и выбираем пункт Создать кадры из слоев (Make frames from layers)
Анимация в фотошопАнимация в фотошоп
Для второго кадра делаем видимыми первый и второй слой. 
Бегущие огоньки по контуру рисунка
Для третьего кадра - видимыми будут первый и третий слой, для четвертого кадра соответственно будут видимыми первый и четвертый слои. И так далее.
 Бегущие огоньки по контуру рисунка  Бегущие огоньки по контуру рисунка
Первый кадр у нас пустой, просто черный, его нужно удалить.
Время для каждого кадра нужно установить в 0,05 сек. И вот она - наша анимация.
Сердечко из бликов

Для красоты можно добавить блики чуть большего размера прямо на кадрах.


И вот он последний результат:
Сердце из бликов
 
Понятно, что черный фон не очень-то красит рисунок-анимацию. Но это просто для того, чтобы на уроке видны были блики. Естественно, фон может быть любой, точно так же как и контур.
На этот раз точно все. Удачи в работе!
7 апреля 2014 01:58
Комментариев: 0

ThomassFaf

БОЛЬШОЙ ПОКЛОН СОЗДАТЕЛЯМ :):)
 

Добавление комментария

Ваше Имя:*
Ваш E-Mail:*
Введите код
с картинки:*

Последние статьи:

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


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


велосипедистВесна на носу. Пора пересаживаться на велосипеды. А пока для начала сделаем вот такого велосипедиста. Pаботать будем в программе Flash.



Пора готовить новогодние сюрпризы. И анимированная новогодняя открытка, сделанная своими руками, порадуют ваших близких.



Одним из самых сложных упражнений на автодроме при сдаче экзамена на права является параллельная парковка.
Сегодня попробуем выучить последовательность действий наизусть. А для этого создадим небольшой анимационный ролик на эту тему.


Рождественская открытка
На этом уроке сделаем анимацию рождественской открытки
Сияющие лучи звезды в ночном зимнем небе.
Для создания открытки понадобится только красивая зимняя картинка в темных тонах.


открытка

Скоро Новый Год. И пора подумать о оригинальных поздравительных открытках. А самая лучшая открытка - это та, которая сделана в единственном экземпляре любимому человеку собственными руками



«    Июль 2019    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031 

Реклама

Личный кабинет Обратная связь