Суббота, 28.01.2023, 03:04


Главная
Онлайн уроки Регистрация ВходРеклама у нас / ПОМОЧЬ ПРОЕКТУ
Приветствую Вас, Новичок · RSS
Меню сайта
доска почета

brettnz69
Файлов:
8389

zyzy
Файлов:
2481

didl3
Файлов:
1056

NIKIG
Файлов:
1007
статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня были:
brettnz69

 Каталог статей
Обучающие уроки » Статьи » Онлайн уроки Photoshop


Применение Actions в анимации, Онлайн уроки Photoshop

Нравится

Использование Actions в анимации. Основы анимации для новичков

Ну, для новичков, это я наверное загнул, скорее для середнячков rolleyes.gif , поскольку совсем простые вещи я объяснять не буду.
Может то, что я напишу для кого - то тривиальные истины, но для начинающих, я думаю, будет полезно.

Так как возникло небольшое недоразумение, добавил этот абзац biggrin.gif . Берем PHOTOSHOP версии 7 и выше и все последующие действия делаем именно в PHOTOSHOP.

Как известно Actions (Операции) это набор макрокоманд или иными словами записанная последовательность действий, которую в последствии можно воспроизвести. И используются эти макросы, как правило, для упрощения рутинной работы. Например, нужно добавить к фотографии рамку, это просто скажете вы, но если такую рамку нужно добавить к ста фотографиям, вот тут то нам и помогут макросы. В PhotoShop CS2 имеется несколько коллекций уже созданных макросов, кроме Default Actions, есть ещё Frames (Рамки), Text Effects, Image Effects и множество других.
Вызвать окно Actions можно выбрав пункт меню Windows > Actions. Выглядит оно так:

Использование Actions в анимации

Те команды, которые нам пригодятся для работы, находятся внизу окна Actions.

1. Остановить запись макроса
2. Начать запись макроса
3. Воспроизвести макрос
4. Создать новую коллекцию
5. Создать новый макрос
6. Удалить выбранный макрос или макрокоманду

Вот мы и используем эти Actions для создания анимации.

Теперь по сути урока.

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


1. Создадим новый документ. Для примера возьму размеры 192x128. Фон залью белым.
2. Теперь черным цветом пишем текст. Получим вот что:

Использование Actions в анимацииИспользование Actions в анимации
3. Уделим немного внимания окну анимации (для тех, кто не читает учебники).
Пункт меню Windows > Animation. Выглядит оно так:

Использование Actions в анимации

Мы видим первый кадр анимации, который выглядит, так же как и наш документ. Под ним всплывающий список, в котором можно установить время проигрывания этого кадра в секундах. Для нашей анимации установим 0,1 сек.
Внизу окна кнопки управления анимацией.
Всплывающий список позволяет установить способ проигрывания анимации Once - анимация проигрывается 1 раз, Forever – бесконечное проигрывание и Other – устанавливаем время проигрывания анимации в
секундах.

Далее по пунктам:

1. Вернутся к первому кадру анимации
2. На один кадр назад
3. Воспроизвести анимацию
4. На один кадр вперед
5. Создание перехода между двумя выбранными кадрами
6. Создать новый кадр анимации
7. Удалить выбранный кадр анимации

4. ВНИМАНИЕ САМЫЙ ВАЖНЫЙ ШАГ записываем первый скрипт.

В окне Actions нажимаем «Создать новый скрипт» появится окно:

Использование Actions в анимации

Изменяем имя. Я назвал скрипт «Поворот +20» поскольку наш текст будет поворачиваться на 20 градусов за 1 кадр по часовой стрелке.
Нажимам Record, запись началась. Об этом свидетельствует активная кнопка записи. Начинаем выполнять последовательность действий, строго по пунктам.

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

Использование Actions в анимации

II. Теперь скрываем слой «TEST TEXT», дублируем его и включаем видимость слоя «TEST TEXT copy».

Использование Actions в анимации

III. Нажимаем Ctrl + T (или Edit>Transform>Scale) и в панели свойств устанавливаем поворот 20 градусов.

Использование Actions в анимации

Окно анимации теперь выглядит так.

Использование Actions в анимации

В окне Actions нажимаем «Остановить запись макроса». Первый макрос готов.

Использование Actions в анимации

Возвращаемся к первоначальному виду в окне History или просто удаляем новый кадр и новый слой.

5. НЕ МЕНЕЕ ВАЖНЫЙ ШАГ создание второго макроса.

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

Использование Actions в анимации

Тут всё просто: маскирующий слой белый – текст видно, черный – невидно, серый – слой с текстом будет полупрозрачным.

Начинаем записывать макрос.
Назовем его например «Увеличение +20»
I. Первый шаг делаем, как и в первом макросе.
II. Второй, как ни странно тоже.
III. В третьем шаге произошли небольшие изменения:

Использование Actions в анимации

IV. А вот теперь самое интересное. Устанавливаем основной цвет черным. Выбираем инструмент заливка и в его настройках параметр Opacity уменьшаем до 20 процентов.

Использование Actions в анимации

Выделяем маскирующий слой и заливаем его.

Останавливаем запись макроса. Второй макрос готов.

Использование Actions в анимации

6. Свершилось вся подготовка закончена, приступаем непосредственно к созданию анимации.
I. Для анимации я создам новый документ, с новым фоном и текстом.

Использование Actions в анимации

II. Перетаскиваем текст вниз экрана, уберем его из области видимости.

Использование Actions в анимации

III. Создаем новый кадр анимации. Нажимаем Shift и удерживая его перетаскиваем слой с текстом на середину экрана.

Использование Actions в анимации

IV. Удерживая Ctrl выделяем оба кадра и нажимаем кнопку Tweens. В появившемся окне установим настройки:

Использование Actions в анимации

Теперь между нашими двумя основными кадрами появилось 8 промежуточных.

Использование Actions в анимации

Первый этап анимации готов, текст выплывает снизу экрана.

V. Для следующего шага, нам понадобиться наш первый макрос «Поворот +20».
Выделяем последний кадр анимации и слой с текстом.
Выполняем макрос «Поворот +20» девять раз.

Использование Actions в анимации

Текст начал поворачиваться. И теперь выглядит так:

Использование Actions в анимации


VI. Как вы наверное уже догадались в этом шаге мы используем второй макрос «Увеличение +20». Здесь важно не забыть, в окне слоев выделить самый верхний слой и назначить ему слой маску.

Использование Actions в анимации

Выполняем макрос «Увеличение +20» раз этак 10.

Всё наша анимация готова.

Сохраняем её File > Save for Web… в формате GIF естественно.

Любуемся результатом.

Использование Actions в анимации

Если что непонятно спрашивайте, по возможности отвечу.

Использование Actions в анимации

Смотрите также:


Категория: Онлайн уроки Photoshop | Добавил: GOR (22.01.2012)
Просмотров: 1164 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email:
Код *:
Copyright BENO Corp © 2023
кабинет
Суббота
28.01.2023
03:04

Требуются файловики за плату
Логин:
Пароль:
Пользователей: 47487 Зарегистрируйтесь чтобы убрать рекламу
Предлагаем:
БЕСПЛАТНОЕ РАЗМЕЩЕНИЕ ВАШИХ СТАТЕЙ С ВЕЧНЫМИ ССЫЛКАМИ!
Онлайн уроки
Большой сборник советов по устранению неполадок в Windows 7
Волшебное превращение портрета в фарфоровую маску
Создаем концепт лесного монстра
Удаляем веснушки с лица
Превращаем женщину в эльфийку
Метод быстрого скетча
Взрыв дизайнерского вдохновения
Рисуем «Ретро Постер», Super Cool Retro Poster, в 10 этапов
Night Sky - обои в стиле ночного неба
Учимся создавать собственный форум
НОВЫЕ КОММЕНТАРИИ
Учимся создавать собственный форум Young Heaven - Naked Teens & Young Porn Pict

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Dirty Porn Photos, daily updated galleries <

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Scandal porn galleries, daily updated lists

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Big Ass Photos - Free Huge Butt Porn, Big Bo

Учимся создавать собственный форум Sexy pictures each day
http://bomdage

Учимся создавать собственный форум Nude Sex Pics, Sexy Naked Women, Hot Girls P

Учимся создавать собственный форум New hot project galleries, daily updates
Учимся создавать собственный форум Hot sexy porn projects, daily updates


Учимся создавать собственный форум Browse over 500 000 of the best porn galleri




Любая публикация опубликованная на софт портале предоставлена только для ознакомления и является авторским материалом. Администрация не несет никакой отвественности за размещенные новости, программы, статьи и ущерб не оплачивает. Копирование без авторского разрешения уголовно наказуемо законодательством РФ и Украины: "Об авторском и смежном праве". Если вы берете новость с сайта то вы обязаны поставить активную ссылку!
Карта сайта