Уроки Photoshop: Використання Actions в анімації. Основи анімації для новачків, Програми для роботи з графікою, Програмні керівництва, статті

Джерело: demiart

Як відомо Actions (Операції) це набір макрокоманд або іншими словами записана послідовність дій, яку надалі можна відтворити. І використовуються ці макроси, як правило, для спрощення рутинної роботи. Наприклад, потрібно додати до фотографії рамку, це просто скажете ви, але якщо таку рамку потрібно додати до ста фотографій, ось тут то нам і допоможуть макроси. У PhotoShop CS2 є кілька колекцій вже створених макросів, крім Default Actions, є ще Frames (Рамки), Text Effects, Image Effects і безліч інших.
Викликати вікно Actions можна вибравши пункт меню Windows> Actions. Виглядає воно так:



Ті команди, які нам знадобляться для роботи, знаходяться внизу вікна Actions.

1. Зупинити запис макросу
2. Почати запис макросу
3. Відтворити макрос
4. Створити нову колекцію
5. Створити новий макрос
6. Видалити вибраний макрос або макрокоманду

Ось ми і використовуємо ці Actions для створення анімації.

Тепер по суті уроку.

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

1. Створимо новий документ. Для прикладу візьму розміри 192×128. Фон заллю білим.
2. Тепер чорним кольором пишемо текст. Отримаємо ось що:


3. Приділимо трохи уваги вікна анімації (для тих, хто не читає підручники).
Пункт меню Windows> Animation. Виглядає воно так:



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


Далі по пунктах:

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

4. УВАГА НАЙБІЛЬШИЙ ВАЖЛИВИЙ КРОК записує перший скрипт.

У вікні Actions натискаємо “Створити новий скрипт” з’явиться вікно:



Змінюємо ім’я. Я назвав скрипт “Поворот +20” оскільки наш текст буде повертатися на 20 градусів за 1 кадр за годинниковою стрілкою.
Натискаючи Record, запис почалася. Про це свідчить активна кнопка запису. Починаємо виконувати послідовність дій, строго по пунктах.


I. У вікні анімації натискаємо кнопку “Створити новий кадр”. З’явиться новий кадр під номером 2, який ні чим не відрізнятиметься від попереднього.


II. Тепер приховуємо шар “TEST TEXT”, дублюємо його і включаємо видимість шару “TEST TEXT copy”.



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



Вікно анімації тепер виглядає так.



У вікні Actions натискаємо “Зупинити запис макросу”. Перший макрос готовий.



Повертаємося до первісного вигляду у вікні History або просто видаляємо новий кадр і новий шар.


5. НЕ МЕНШ ВАЖЛИВИЙ КРОК створення другого макросу.

Тепер нам потрібно, щоб текст збільшувався і зникав. Ну, зі збільшенням зрозуміло, зробимо, як і в попередньому макросі, а ось для зникнення доведеться використовувати маскуючий шар. Його то ми і створимо для шару з текстом. Натиснувши на кнопку “Add layer mask” у вікні шарів.



Тут все просто: маскує шар білий – текст видно, чорний – невидно, сірий – шар з текстом буде напівпрозорим.


Починаємо записувати макрос.
Назвемо його наприклад “Збільшення +20”
I. Перший крок робимо, як і в першому макросі.
II. Другий, як не дивно теж.
III. У третьому кроці відбулися невеликі зміни:



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



Виділяємо маскує шар і заливаємо його.


Зупиняємо запис макросу. Другий макрос готовий.


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



II. Перетягуємо текст вниз екрану, приберемо його з області видимості.



III. Створюємо новий кадр анімації. Натискаємо Shift і утримуючи його перетягуємо шар з текстом на середину екрану.



IV. Утримуючи Ctrl виділяємо обидва кадру і натискаємо кнопку Tweens. У вікні встановимо налаштування:



Тепер між нашими двома основними кадрами з’явилося 8 проміжних.



Перший етап анімації готовий, текст випливає знизу екрану.


V. Для наступного кроку, нам знадобитися наш перший макрос “Поворот +20”.
Виділяємо останній кадр анімації і шар з текстом.
Виконуємо макрос “Поворот +20” дев’ять разів.


Текст почав повертатися. І тепер виглядає так:



VI. Як ви напевно вже здогадалися в цьому кроці ми використовуючи другий макрос “Збільшення +20”. Тут важливо не забути, у вікні шарів виділити самий верхній шар і призначити йому шар маску.



Виконуємо макрос “Збільшення +20” раз отак 10.


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

Зберігаємо її File> Save for Web … в форматі GIF природно.

Милуємося результатом.



Або



Автор: badmaster

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*