Уроки Анимация Creativo 29 ноября 2011

Создай новогоднюю анимацию в Фотошоп

Сложность урока: Легкий

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

Ресурсы:


Кисти - Ажурные снежинки
Кисти - Frozen
Клипарт елки
Эльф   и  Подарок (из скрап-набора «Fairy Christmas»)

Архив

Создадим новый документ Файл-> Создать (File->  New) размером 1000х1000, 72 пикс/дюйм, цвет белый.

Теперь давайте создадим фон. Выберите любой фон из Скрап-набора 1 измените его размер Изображение-> Размер изображения (Image-> Image Size) до 1000х1000 и затем перетащите его в ваш документ.

Далее создадим новый слой, для того чтобы создать новый слой, нажмите на иконку Создать новый слой (Create a new layer) в палитре слоев или же комбинацию клавиш Ctrl+Shift+N, затем активируем инструмент Эллипс (Ellipse Tool) в режиме Слой-фигура (Shape Layers), и нарисуем круг, это и будет наш шар.

Двойной щелчок по слою, чтобы добавить Cтиль слоя (Add a layer style)
Наложение градиента (Gradient Overlay):

Не закрывая окно стилей слоя, сместите немного центр градиента.

Теперь, чтобы наш шарик действительно смотрелся как стеклянный, нам необходимо добавить блик. Создадим новый слой, нажав на иконку Создать новый слой (Create a new layer) в палитре слоев или же комбинацию клавиш Ctrl+Shift+N, активируем инструмент Овальная область (Elliptical Marquee Tool)  и в верхней части создадим овал.

Теперь возьмем инструмент Градиент (Gradient Tool) щелкните в панели меню по окну градиента, для его редактирования и, поставьте цвета как на изображении ниже.

Теперь создадим новый слой и проведем градиент.

Вот что должно получиться.

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

Итак, создадим новый слой ниже слоя с бликом, нажмите на иконку Создать новый слой (Create a new layer) в палитре слоев или же комбинацию клавиш Ctrl+Shift+N, и на этом слое мы и будем размещать все наши элементы.

Для начала нарисуем снег, для этого мы будем использовать Кисти - Frozen. Активируем инструмент Кисть (Brush Tool) и начинаем рисовать, можете не переживать если выйдете за пределы шара.

И теперь давайте все исправим, для этого Ctrl+клик по слою с нашим шаром, чтобы создать выделение, затем перейдем Выделение-> Инверсия (Select-> Inverse) и нажмем кнопку Delete
Вот что должно получиться.

Откроем файл с елочкой. Выберите понравившуюся вам елочку и с помощью инструмента Перемещение (Move Tool), переместите в ваш документ, при необходимости можете немного ее уменьшить.

Затем я добавлю фею, и подарок (из скрап-набора), вы можете добавить любое другое изображение, будь то Снегурочка,  Дед мороз или какая-то зверюшка. Затем удерживая клавишу CTRL, выделим эти слои в панели Слоев (Layes). Затем нажмем Ctrl + E, чтобы Объединить слои (Merge Down).

Я думаю, нашему шарику не хватает свечения.
Двойной щелчок по слою с шаром, чтобы добавить Cтили слоя (Add a layer style)
Внутреннее свечение (Inner Glow):

Внешнее свечение (Outer Glow):

Вот что должно получиться.

Активируем инструмент Горизонтальный  текст (Horizontal Type Tool), в панели меню выбираем Деформированный текст (Create warped text) и ставим Дугой (Arc)

Пишем то, что хотим видеть на своей открытке, шрифт, который использовала я Taxoma.

Двойной щелчок по слою с текстом, чтобы добавить Cтиль слоя (Add a layer style)
Глянец (Satin):

Вот что у вас должно получиться.

Ну а теперь самое главное, давайте займемся анимацией.  Для начала, создадим новый слой выше слоя с шаром, нажмите на иконку Создать новый слой (Create a new layer) в палитре слоев или же комбинацию клавиш Ctrl+Shift+N.
Теперь вам понадобятся Кисти - Ажурные снежинки, активируем Кисть (Brush Tool) и начинаем рисовать наши снежинки.

Затем снова создаем новый слой, и рисуем снежинки уже другой кистью. И всего нам нужно 7-8 слоев.
Вот что получилось у меня.

Ну и теперь осталось только из всего этого сделать анимацию. Для этого переходим Окно-> Анимация (Window-> Animation), затем нажимаем кнопочку Создание копии выделенных кадров (Duplicates selected frames) и делаем столько кадров сколько у вас слоев со снежинками.

Затем, скрываем видимость всех слоев со снежинками (нажав на глазик, указывающий на видимость слоя), и начинаем добавлять кадры, постепенно включая слои.
1 кадр – 1 слой со снежинками
2 кадр – 2 слой со снежинками
И так для всех кадров, только для каждого кадра, должен быть включен только один слой.
Когда вы закончите,  ставим Выбор времени отображения кадра (Selects frame delay time) 0,1с и Выбор параметра циклов (Selects looping options) Постоянно.

Давайте проверим что получилось.

Когда вы закончите необходимо сохранить вашу работу в формате GIF, для этого переходим Файл-> Сохранить для Web устройств (File-> Save for WEB ) и выбираем нужный формат.
Также вы можете больше украсить вашу открытку, если захотите, а я прощаюсь с вами.

Всего вам доброго и творческих успехов!

Источник: creativo.one

153 тыс. 354
Печать Жалоба

Комментарии 354

Урок необычайно интересный, но как дошла до анимации, так все застопорилось. Никак не могу найти где кнопка "Создание копии выделенных кадров (Duplicates selected frames)" и еще одна проблема, каким образом загружается покадрово слои в окне Анимация? Я.конечно новичок и совсем недавно на сайте и только пробую себя в Фотошопе. Помогите пожалуйста!

Уважаемая Liudik540 я сама новичок попробую обьяснить как.На скриншоте нужная Вам кнопка.Затем как говориться в уроке ,отключите все слои со снежинками и включая каждый 1 слой со нежинками нажмите на эту кнопку ,затем другой слой со снежинками и поять нажмите эту кнопку ,у вас будут добавляться кадры,после как закончите нажмите пуск и любуйтесь анимацией

Очень понравился урок

Очень понравился урок

Спасибо! актуально к наступлению Нового Года!

Когда то давно ( в 2011 году) грузила эту работу статичной картинкой. Теперь гружу анимашкой - только год поменяла)))

Ссылка на гифку: http://jpegshare.net/6a/1e/6a1e5b524251cdba93aa7493925f425d.gif.html

Анимация - такая хитрая штука! =)
Моя гифка:
http://jpegshare.net/34/49/3449981152009f48c2ab592dd1467a1d.gif.html

Любовь, спасибо за урок!

Как красиво, большое спасибо! И так просто! Обожаю такие уроки - ничего сложного, а результат - волшебный! Не прикрепляется gif.

у меня не получаеться

Спасибо! Урок полезный.

Спасибо, вот мой вариант:)

Спасибо за урок!

Спасибо за урок! Моя первая анимация :)

С удовольствием еще раз выполнила урок. Анимация здесь: http://savepic.org/6233183.gif

http://savepic.org/5934458.gif
СПАСИБО!)

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее