YouTube Трейлер

Что научитесь делать, посмотрев это видео?

Вы узнаете, как с помощью gifанимации в Photoshop сделать анимированную открытку к 23 февраля.

Описание видео:

В предыдущем обзоре мы рассказали вам об еще одном способе анимации текста. Теперь будем объединять все ранее полученные данные по анимации в Photoshop, чтобы сделать анимированную открытку.

Создайте новый документ («Ctrl+N») с разрешением 1200х1200 пикселей.

Нажмите на черно-белые квадраты в панели инструментов, чтобы открылась палитра. В палитре нажмите на область со светло-красным цветом, нажмите «Ок». Теперь нажмите на двойную стрелку над кнопкой палитры, еще раз вызовите палитру и нажмите на область с темно-красным цветом. Еще раз поменяйте цвета местами с помощью двойной стрелки.

Возьмите инструмент «Градиент». В панели «Градиент» нажмите на кнопку «Радиальная», выберите режим отображения «Нормальный». Поставьте курсор мышки в середину рабочей области, нажмите на левую кнопку мыши и проведите черту в сторону за границу рабочей области. Фон готов.

Создайте новый слой, возьмите инструмент «Прямоугольная область». Нарисуйте им узкий прямоугольник, его длина должна равняться высоте рабочей области. Для этого прямоугольника выберите в палитре цветов оранжевый цвет и  нажмите «Alt+Backspace». Возьмите инструмент «Перемещение». Нажмите «Ctrl+J» (дублирование) и «Ctrl+T» (трансформация). Зажмите клавишу «Shift» и переместите прямоугольник, так, чтобы расстояние между ним и предыдущим прямоугольником равнялось ширине одного такого прямоугольника. Нажмите «Enter».

Продублируйте второй прямоугольник и нажмите «Ctrl+Shift+T», чтобы повторить трансформацию и перемещение. Повторите это действие нужное количество раз, чтобы в итоге рабочая область начиналась с красной полосы, а заканчивалась оранжевой.

Теперь объедините все слои с полосками в один (выделите слои «Shift» и нажмите «Ctrl+E»). Нажмите «Ctrl+T» и сожмите область с оранжевыми полосками так, чтобы с краев рабочего поля были красные полосы равные половине расстояния между двумя оранжевыми полосками.

Нажмите «Ctrl+A» вверху появится панель с вариантами выравнивания. Нажмите на вариант «выравнивание объектов по центру по горизонтали».

Откройте меню «Фильтр», «Искажение», «Полярные координаты», «Ок».

В поисковике найдите изображение подходящей звезды на белом фоне, скопируйте его и  вставьте в Photoshop. Возьмите инструмент «Выделение», диапазон допуска выберите от 11 до 20. Поставьте галочку в пункте «Сглаживание». У всех остальных пунктов галочки уберите. Нажмите на фон слоя со звездой и нажмите «Del», «Ctrl+D». Теперь звездочка находится на прозрачном фоне.

Переключитесь на инструмент «Перемещение». Нажмите «Ctrl+A», нажмите на выравнивание центров по вертикали и выравнивание центров по горизонтали. Нажмите «Ctrl+D».

Если звезда получилась слишком темной, нажмите «Ctrl+L» и с помощью бегунков в окне «Уровни» сделайте изображение светлее.

Сделайте двойной щелчок на слое со звездой. Поставьте галочку в пункте «Обводка» (окно «Стиль слоя»). В пункте «Тип обводки» нажмите на вариант «Градиент» (в палитре граджиентов нажмите на вариант «оранжевый+желтый+оранжевый»). Отрегулируйте толщину обводки и угол (примерно 45º). В пункте «Положение» нажмите на вариант «внутри». Нажмите «Ок».

Инструментом «Текст» сделайте надпись «С Днем защитника Отечества». Нажмите «Ctrl+T» и отрегулируйте размер надписи (она должна быть чуть больше звезды). Дважды нажмите на слой с текстом, в пункте «Обводка» выберите темно-коричневый цвет, тип обводки «Из центра», размер обводки – 3 пикселя.

Поставьте галочку в пункте «Тиснение». Сделайте здесь следующие установки: стиль «Внутренний скос», метод «Жесткая огранка», глубина «250», направление «Вверх», размер «40», контур глянца «Конус».

Поставьте галочку в пункте «Наложение градиента». Выберите цвет градиента «оранжевй+желтый+оранжевый». Значение для пункта «Угол» — 140º.

После завершения всех этих настроек нажмите кнопку «Ок».

Отключите слои с текстом и звездой. Перейдите на слой с фоном с оранжевыми лучами.

Возьмите инструмент «Овальная область» («Выделение»). Из центра с зажатой клавишей «Shift» нарисуйте круг, но не доводите его до конца рабочей области. Нажмите на круг правой клавишей, выберите пункт «Растушевка», значение для растушевки «75», «Ок». Нажмите «Ctrl+Shift+I», нажмите «Del».

Продублируйте слой, нажмите «Ctrl+T». Теперь укажите угол поворота слоя 11º. Продублируйте слой и укажите для него угол поворота на 11º. Повторите действие еще раз. У вас должно получится 4-е слоя с оранжевыми полосками. Отключите слои с фоном.

Включите слой со звездой. Включите слой с текстом и перейдите на этот слой. Продублируйте его 4-е раза. Отключите все слои с текстом кроме второго. Вызовите окно «Стиль слоя», перейдите на закладку «Наложение градиента». В рабочей области нажмите мышкой на текст и перетяните градиентную заливку текста так, чтобы на месте желтого цвета был оранжевый. Проделайте эту же операцию с оставшимися слоями с текстом.

Откройте окно «Анимация» из меню «Окно». Первый кадр у вас уже есть. В этом кадре должны быть активны следующие слои: слой с красным фоном, первый слой с оранжевыми лучами, слой со звездой и первый слой с текстом.

Добавьте второй кадр. Здесь помимо слоев с красным фоном и звездой должны быть активны 2-е слои с лучами и текстом. Все остальные слои надо отключить.

Добавьте 3-й кадр. Отключите на нем 2-е слои с текстом и лучами и включите 3-и слои.

Добавьте 4-й кадр. Отключите на нем 3-и слои и включите 4-е слои.

Теперь сохраните документ «Сохранение для Web».

Помимо открыток gif анимация в Photoshop позволяет создавать аватарки.

В следующем уроке мы расскажем, как сделать из фотографии рисунок в Photoshop.

Сайт оказался для Вас полезным?

View Results

Loading ... Loading ...