Курсы фотошопа: учимся делать анимацию
Салют, дорогие читатели!
Тотчас мы начинаем осваивать одну из многочисленных функций Фотошоп – анимация в фотошопе. Применяют анимацию изрядно широко. Я вдаваться в подробности не буду. Прогуляйтесь по Интернету и найдете много примеров. Чистокровный распространенный прототип использования анимации – “живые” аватары на многочисленных форумах. Для меня самой абсолютный процесс – новинка, поэтому будем обучаться совместно. А первым уроком для нас будет создание анимированного неонового текста.
Для этого понадобится наново одна программа-приложение к Фотошоп – Image Ready или Фотошоп CS4 и выше (у кого уже есть). Я буду делать в Photoshop CS4 и ImageReady. Итак, начнем.
ШАГ 1: создаем текст.
Для начала нам понадобится создать текст, который мы будем “оживлять” с помощью анимации. Создаем неизвестный документ размером, скажем 500х300рх и заливаем его черным цветом. Ставим серебристый колер в качестве основного , выбираем инструмент Текст (TEXT) (T) , с такими настройками: и пишем любое слово, например так: Теперь растрируем текстовый слой (СЛОЙ/РАСТРИРОВАТЬ/ТЕКСТ; LAYER/RASTERIZE/TYPE), объединяем наши слои в один CTRL+Е. Дальше идем в перечисление ФИЛЬТР/РАЗМЫТИЕ/РАЗМЫТИЕ ПО ГАУССУ (FILTER/BLUR/GAUSSIAN BLUR). Радиус размытия ставим на 2 пикселя. Следующий фильтр — это СТИЛИЗАЦИЯ/СОЛЯРИЗАЦИЯ (STYLIZE/SOLARIZE) из того же реестр ФИЛЬТР(FILTER) Должно получиться так: Сделаем единственный текст чуть поярче с помощью команды АВТОКОНТРАСТ которая находится тут: Зарисовка/КОРРЕКЦИЯ/АВТОКОНТРАСТ (IMADGE/ADJUSTMENTS/AUTOLEVELS) Сегодня стало лучше: Осталось подкрасить характери текст. Для этого жмем клавиши CTRL+U для вызова команды ЦВЕТОВОЙ Тон/НАСЫЩЕННОСТЬ (HUE/SATURATION) и сначала ставим такие настройки: В результате получаем червонный светящийся надпись: Теперь продублируем свой эктодерма еще три раза (CTRL+J) и для каждой копии применим ту же команду, ЦВЕТОВОЙ Треск/НАСЫЩЕННОСТЬ (HUE/SATURATION), только меняем параметры ЦВЕТОВОЙ Соль (HUE), а параметры НАСЫЩЕННОСТЬ (SATURATION) все казус ставим на максимум, т.е. +100. Цветовой тон можете подбирать по своему вкусу. Я сделала так: А чтобы похоже было, как меняется окраска текста, оставляйте видимым едва тот слой, с которым Вы в поданный секунда работаете, зажмите клавишу ALT и щелкните по “глазу” слева от иконки слоя
Походочка 2: создание анимации.
Теперь для создания анимации переходим в приложение Image Ready или, если у Вас Фотошоп CS3, открываем окно Анимация (Animation) (Окно/Анимация; Window/Animation). Зарубежный сорт программы Adobe Image Ready похож на Фотошоп, за исключением некоторых инструментов и палитр, о которых мы поколе изрекать не будем. Нас интересует Палитра Анимация: Тут его тоже нужно открыть через меню Окно (Window). В этой Палитре уже открыт наружный кора (у меня он называется “Лазурный”), в качестве первого кадра нашей “мультяшки”. Остальные кадры мы создадим из трех нижних слоев. Для этого в Палитре Анимация нажимаем на собрание со стрелкой в правом верхнем углу и в контекстном оглавление выбираем команду СОЗДАТЬ КАДРЫ ИЗ СЛОЕВ: В результате Палитра выглядит так: Поколе нужно показать частоту, с которой кадры будут сменять товарищ друга. Под каждым кадром справа внизу написано 0 с. и стоит стрелка. Нажимаете на эту стрелку и выбираете частоту смены кадров. Например, если избрать 0,1с, это следовательно, что кадры будут сменять друг друга с частотой в 0,1 долю секунды Так выставляем частоту для каждого кадра и нажимаем кнопку воспроизведения чтобы посмотреть, что у нас получилось. В результате Ваш текст должен “замигать” (к сожалению в блоге “мигание” текста не работает, по видимому формат gif-анимации не поддерживается. Если который знает истинную причину, подскажите! Я ведь тоже не в всех областях эрудит :))). Сегодня осталось оставить документ так, чтобы он “мигал” и в интернете. Для этого в реестр ФАЙЛ выбираем СОХРАНИТЬ ОПТИМИЗИРОВАННЫЙ КАК… (SAVE OPTYMISED AS…), сохраняем в GIF формате. Осталось выложить в Всемирной сети.
А на моментально все. Спасибо за забота!