Как в фотошопе сделать анимацию сердца

Приближаются новогодние праздники. Все задумываются о подарках своим близким и любимым. Во все времена, подарок, сделанный своими руками, считался лучше и ценнее многих презентов, подаренных в этот день. В этом уроке по работе с фотошопом мы научимся создавать анимационное сердце, которое Вы можете использовать при создании открыток, рамок и других работ. Сердце создадим с помощью произвольной фигуры, стилей слоя, кисти, созданной прямо во время урока, и, конечно же, палитры "Анимация".  Так как в фотошопе сделать анимацию сердца?

Смотреть другие уроки по созданию анимации в фотошопе.

Наверх

Создадим новый документ произвольных размеров - Ctrl+N.

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

Удерживая клавишу Shift (для соблюдения пропорций) нарисуем сердце на новом документе.

Два раза левой кнопкой мыши щёлкнем по слою.

Появится окно "Стиль слоя", в котором делаем активной вкладку "Наложение градиента". Угол и масштаб устанавливаем примерно такими, как показано на скриншоте ниже. Для редактирования градиента щёлкаем по полю градиента.

Устанавливаем тёмно-красный цвет для левой контрольной точки, а для правой - ярко-красный. На всякий случай напомню, как это делается. Щёлкаем левой кнопкой мыши по контрольной точке (ползунок, находящийся под градиентной шкалой), становится активным окно "Цвет" в нижнем левом углу окна "Редактор градиентов". Щёлкаем по полю правее слова "Цвет", появляется окно "Выберите цвет", подбираем необходимый цвет и нажимаем "Да". Точно так же поступаем и со второй контрольной точкой, только цвет, естественно, выбираем другой.

Делаем активной вкладку "Тиснение" и устанавливаем примерно такие параметры, которые Вы видите на рисунке ниже. Не забудьте сделать тень красного цвета (правый нижний угол окна).

Получаем объёмное сердце.

Создадим новый слой, для чего щёлкнем по второй справа иконке в палитре "Слои".

Удерживая клавишу Ctrl, щёлкнем по маске слоя. Загрузится выделение сердца.

Выбираем инструмент "Кисть" (В), цвет переднего плана белый, непрозрачность около 40%, жёсткость кисти 0%. Выбираем большой размер кисти и несколько раз проводим по верхней части сердца.

Снимаем выделение - Ctrl+D и получаем сердце в 3D формате.

Теперь создадим новую кисть, которая нам потребуется для дальнейшей работы. Создаём новый документ - Ctrl+N. Размеры Вы видите ниже на скриншоте. Увеличьте масштаб изображения Ctrl + "+".

Выбираем поочереди инструменты "Область (горизонтальная строка)" и "Область (вертикальная строка)" в режиме "Добавления к выделенной области".

В новом документе делаем один клик мыши одним инструментом и один клик - другим инструментом. Получаем выделение в виде крестика.

Нажимаем клавишу D (устанавливаем цвета по умолчанию), затем сочетание клавиш Alt+Delete (заливаем выделение цветом переднего плана) и Ctrl+D (снимаем выделение). Получаем чёрный крестик.

Переходим в "Редактирование - Определить кисть".

В появившемся окне даём имя кисти, к примеру "Крестик".

Закрываем и не сохраняем последний документ с кистью, так как он нам уже не понадобиться.

Настраиваем кисть. Для этого нажимаем F5, появляется окно "Кисти". При активной вкладке "Форма отпечатка кисти" увеличиваем интервал примерно так, как показано на рисунке ниже.

Делаем активной вкладку "Динамика формы" и увеличиваем параметр "Колебания размера" примерно до 80-90%. Настройка кисти завершена.

Сливаем слои - Shift+Ctrl+E.

Создаём новый слой, для чего щёлкнем по второй справа иконке в палитре "Слои". Установим чёрный цвет в качестве цвета переднего плана (нажмём клавишу D), а затем нажмём сочетание клавиш Alt+Delete (заливаем новый слой чёрным цветом). Новый слой делаем нижним в палитре "Слои".

Как описано выше, создаём новый слой и перемещаем его на самый верх палитры "Слои".

Выбираем инструмент "Кисть" (В), цвет переднего плана - белый. Рисуем кистью по сердечку.

Создаём ещё один новый слой, размещаем его на самый верх палитры "Слои". Два раза левой кнопкой мыши щёлкаем по новому слою.

В окне "Стиль слоя" делаем активной вкладку "Внешнее свечение" и увеличиваем размер примерно до 10 пикселов.

Несколько раз "проходимся" кистью по сердцу.

Удаляем слой с чёрной заливкой, для чего перетаскиваем его на крайнюю правую иконку в палитре "Слои" (значок мусорной корзины).

Удерживая клавишу Ctrl, щёлкнем по миниатюре слоя с сердцем, загрузится выделение сердца. Инвертируем выделение - Shift+Ctrl+I. Заливаем выделение белым цветом - Alt+Delete (цвет переднего плана - белый). Снимаем выделение - Ctrl+D.

Получаем сердце на белом фоне.

Сейчас в палитре "Слои" три слоя: нижний с сердцем, средний с обычными мазками кисти и верхний - с мазками кисти, к которым применён стиль слоя "Внешнее свечение".

Вызываем окно "Анимация": "Окно - Анимация".

Сейчас в палитре "Анимация" у нас один кадр, который создаётся по умолчанию.

Щёлкаем по второй справа иконке и тем самым, создаём ещё один кадр в палитре "Анимация".

Делаем активным средний слой и инструмент "Перемещение" (V). Перемещаем крестики, к примеру, вниз и вправо (можно переместить куда угодно).

В палитре "Анимация" создаём ещё один новый кадр. Переходим на верхний слой и инструментом "Перемещение" (V) двигаем крестики куда-нибудь в противоположную сторону от крестиков, перемещённых на предыдущем этапе.

Точно так же создаём ещё один кадр, делаем активным средний слой и перемещаем крестики. Затем создаём ещё один кадр, делаем активным верхний слой и перемещаем крестики. В палитре "Анимация" получилось 5 кадров (Вы можете создать сколько Вам угодно).

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

Щёлкаем по чёрной стрелочке в правом нижнем углу любого кадра и выбираем время отображения кадров 0,2 секунды. Всё наша анимация готова. Нажимаем по кнопке "Play" и любуемся полученным результатом.

Для сохранения анимации нажимаем сочетание клавиш Shift+Ctrl+Alt+S, появляется окно "Сохранить для WEB и устройств". В нем, прежде всего, выбираем формат файла "GIF", при необходимости уменьшить размер файла, можно "поиграться" значениями "Потери", "Цвета" и "Дизеринг". Нажимаем "Да".

Получаем анимацию сердца. Мы с Вами ответили на вопрос: "Как в фотошопе сделать анимацию сердца?".

Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта - подпишитесь на рассылку сайта. Форма для подписки находится ниже.

Скачать урок (737 Кб) в формате PDF можно здесь.

Наверх