|
|
|||||||||||||||||||||||||||||
|
Уроки Photoshop: Использование Actions в анимации. Основы анимации для новичковИсточник: demiart Как известно Actions (Операции) это набор макрокоманд или иными словами записанная последовательность действий, которую в последствии можно воспроизвести. И используются эти макросы, как правило, для упрощения рутинной работы. Например, нужно добавить к фотографии рамку, это просто скажете вы, но если такую рамку нужно добавить к ста фотографиям, вот тут то нам и помогут макросы. В PhotoShop CS2 имеется несколько коллекций уже созданных макросов, кроме Default Actions, есть ещё Frames (Рамки), Text Effects, Image Effects и множество других.
Те команды, которые нам пригодятся для работы, находятся внизу окна Actions. 1. Остановить запись макроса Вот мы и используем эти Actions для создания анимации. Теперь по сути урока. Создадим анимацию надписи которая выплывает снизу изображения, потом разворачивается на 180 градусов и увеличиваясь в размерах плавно исчезает. 1. Создадим новый документ. Для примера возьму размеры 192x128. Фон залью белым. 3. Уделим немного внимания окну анимации (для тех, кто не читает учебники). Мы видим первый кадр анимации, который выглядит, так же как и наш документ. Под ним всплывающий список, в котором можно установить время проигрывания этого кадра в секундах. Для нашей анимации установим 0,1 сек. Далее по пунктам: 1. Вернутся к первому кадру анимации 4. ВНИМАНИЕ САМЫЙ ВАЖНЫЙ ШАГ записываем первый скрипт. В окне Actions нажимаем "Создать новый скрипт" появится окно: Изменяем имя. Я назвал скрипт "Поворот +20" поскольку наш текст будет поворачиваться на 20 градусов за 1 кадр по часовой стрелке. I. В окне анимации нажимаем кнопку "Создать новый кадр". Появится новый кадр под номером 2, который ни чем не будет отличаться от предыдущего. II. Теперь скрываем слой "TEST TEXT", дублируем его и включаем видимость слоя "TEST TEXT copy". III. Нажимаем Ctrl + T (или Edit>Transform>Scale) и в панели свойств устанавливаем поворот 20 градусов. Окно анимации теперь выглядит так. В окне Actions нажимаем "Остановить запись макроса". Первый макрос готов. Возвращаемся к первоначальному виду в окне History или просто удаляем новый кадр и новый слой. 5. НЕ МЕНЕЕ ВАЖНЫЙ ШАГ создание второго макроса. Теперь нам нужно, чтобы текст увеличивался и исчезал. Ну, с увеличением понятно, поступим, как и в предыдущем макросе, а вот для исчезновения придется использовать маскирующий слой. Его то мы и создадим для слоя с текстом. Нажав на кнопку "Add layer mask" в окне слоев. Тут всё просто: маскирующий слой белый - текст видно, черный - невидно, серый - слой с текстом будет полупрозрачным. Начинаем записывать макрос. IV. А вот теперь самое интересное. Устанавливаем основной цвет черным. Выбираем инструмент заливка и в его настройках параметр Opacity уменьшаем до 20 процентов. Выделяем маскирующий слой и заливаем его. Останавливаем запись макроса. Второй макрос готов. 6. Свершилось вся подготовка закончена, приступаем непосредственно к созданию анимации. II. Перетаскиваем текст вниз экрана, уберем его из области видимости. III. Создаем новый кадр анимации. Нажимаем Shift и удерживая его перетаскиваем слой с текстом на середину экрана. IV. Удерживая Ctrl выделяем оба кадра и нажимаем кнопку Tweens. В появившемся окне установим настройки: Теперь между нашими двумя основными кадрами появилось 8 промежуточных. Первый этап анимации готов, текст выплывает снизу экрана. V. Для следующего шага, нам понадобиться наш первый макрос "Поворот +20". Текст начал поворачиваться. И теперь выглядит так: VI. Как вы наверное уже догадались в этом шаге мы используем второй макрос "Увеличение +20". Здесь важно не забыть, в окне слоев выделить самый верхний слой и назначить ему слой маску. Выполняем макрос "Увеличение +20" раз этак 10. Всё наша анимация готова. Сохраняем её File > Save for Web… в формате GIF естественно. Любуемся результатом. Или Автор: badmaster
|
|