YouTube Трейлер

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

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

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

В предыдущем обзоре мы научили вас делать анимацию из фотографии.

Сегодня расскажем о создании в Photoshop «вращающейся печати».

Печать у нас будет с текстом «Гарантия 100%  качества».

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

Печать будет круглой формы. Для создания заготовки для печати нажмите на черный треугольник на кнопке с инструментом «Прямоугольник», в открывшемся меню нажмите на пункт «Произвольная фигура». В верхней части окна с Photoshop появится панель для работы с фигурами. В этой панели есть кнопка с заготовками разных форм. Нажмите на черный треугольник этой кнопки и в группе фигур нажмите на черный круг с зубчатым краем.

Зажмите клавишу «Shift» и нарисуйте в рабочей области круг нужного диаметра. Сделайте для получившейся фигуры заливку красным цветом. В панели слоев нажмите на слой правой кнопкой мыши, выберите пункт «Преобразовать в растровое изображение».

Теперь заполним форму текстом. Выберите инструмент «Текст». Поставьте указатель в середину фигуры и наберите текст «100%». Нажмите в панели инструментов на самую верхнюю кнопку с черной галочкой. Теперь перетащите надпись в середину фигуры. Перейдите в палитре слоев на слой с текстом. Над палитрой слоев есть меню для работы с текстом, в этом меню выберите для текста желтый цвет.

Снова нажмите на инструмент «Текст». В верхней части рабочего окна напишите заглавными буквами слово «Гарантия». Нажмите «Ctrl+T» и  отрегулируйте размер слова «гарантия». Нажмите «Enter», нажмите на “гарантия», выберите для этого слова белый цвет.

Теперь надо поместить слово «гарантия» во внутреннюю часть окружности. Выберите «Текст», в панели «Текст» нажмите на кнопку «Обтекание текстом». В открывшемся окне в самом первом пункте нажмите на список и выберите первый вариант. Надпись стала дугообразной. С помощью ползунка в этом окне отрегулируйте изгиб надписи, нажмите «Да». При необходимости отрегулируйте масштаб надписи. Скопируйте слой «Гарантия» («Ctrl+J»). Вставьте скопированный слой («Ctrl+V»). Кликните по скопированному слову и напишите слово «качества». С помощью «Искажения» сделайте и это слово дугообразным, только с учетом того, что оно располагается в нижней части печати. Нажмите «Enter» и выберите инструмент «Перемещение», расположите слово «качество» посередине нижней части печати.

Если в полученном тексте вас не устраивает расстояние между буквами, его можно легко поменять. Для этого нажмите на нужную часть текста, а в панели инструмента «Текст» нажмите на кнопку с буквами и горизонтальной стрелкой. В списке нажмите на нужное значение (цифры с минусом уменьшают расстояние, цифры с плюсом — увеличивают).

Теперь кнопкой «Shift» выделите все слои и нажмите «Ctrl+E» для их объединения.

Откройте меню «Анимация» (расположено в списке меню «Окно»). Первым кадром в этом окне будет наше изображение.

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

Наведите курсор на вертикальную линейку, зажмите левую клавишу мыши на линейке и перетащите ее на середину изображения (значение на линейке «50»). Получившиеся половинки разделите такими же линейками еще раз пополам. Две половинки из середины картинки разбейте еще на две части. Продублируйте слой с изображением «Ctrl+J».

В панели «Анимация» добавьте одни кадр. В палитре слоев отключите первый слой (уберите значок «глаз») В палитре слоев перейдите на дублирующий слой, нажмите «Ctrl+T». Захватывая мышкой указатели, перетаскивайте их, сжимая картинку слева и справа до крайней левой и крайней правой линеек, изображение будет располагаться по середине первоначальной картинки (см. видео).

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

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

Теперь сделайте активным первый слой и скопируйте его. Перетащите скопированный слой в самый верх списка слоев. Отключите первый слой и включите скопированный слой. Добавьте новый кадр. Откройте «Редактирование», «трансформация», «Поворот по горизонтали». Сожмите полученное изображение по горизонтали, как в третьем слое.

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

Добавьте еще кадр и слой и раздвиньте изображение полностью.

Теперь добавьте еще несколько кадров, сделайте активными на каждом кадре нужный по счету слой. В результате у вас должно получиться 12 кадров, а печать при просмотре должна поворачиваться по кругу. Теперь зациклите проигрывание файла и поменяйте время задержки для первого кадра на 0,2 с. Сохраните файл для Web (количество цветов укажите «32»).

Так же советуем вам прочитать обзор «Как делать в Photoshop анимацию (анимированная надпись)?».

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

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

View Results

Loading ... Loading ...