ЯК навчитися робити анімацію

Красиві миготливі і мінливі картинки - інструмент веб-дизайну, за допомогою якого реально створити цікаві і незвичайні ефекти. За рахунок цього можна залучити на ресурс нових користувачів.

Вам знадобиться

- картинка;
- Adobe Photoshop.

Інструкція

Навчитися створювати анімаційні картинки можна за кілька хвилин, для цього знадобиться програма Adobe Photoshop і, власне, графічний файл, який послужить як основи. Якщо немає редактора, його необхідно завантажити та встановити.

Натисніть на картинку правою кнопкою миші та виберіть команду «Відкрити за допомогою», потім клацніть по значку програми. Якщо розміри зображення не відповідають необхідним, то змініть у вкладці «Зображення» - «Розмір зображення».

За допомогою зв'язки «Шар» - «Створити дублікат шару» наклоніруйте потрібну кількість шарів. Воно має бути рівним числу кадрів. Наприклад, якщо плануєте на зображенні задати трикратне мигання зірок, при цьому кожне мерехтіння повинно змінюватися іншим, то підготуйте три шари - по одному для кожного ефекту.

На правому нижньому меню у вкладці «Шари» виділіть оком один шар, а з решти зніміть позначки.

У верхньому меню в полі «Вікно» виберіть «Анімація». У робочому просторі з'явиться спеціальна шкала, в якій відобразиться виділений оком фрагмент.

Знайдіть на ньому команду «Дублює виділені кадри», натисніть стільки разів, скільки у вас відображається шарів у правому нижньому меню. Кожен з них прив'яжіть до певного кадру. Робиться це так: виділяєте фрагмент на шкалі анімації, ставите «глазик» на потрібний шар, з решти елементів мітки знімаєте. Повторіть операцію з кожним шаром.

Зупиніться на першому шарі - прийшла пора видозмінити зображення. Додайте ефекти у відповідності з вашим задумом і переходите до наступного елементу - для цього просто переставте значок очка на потрібний шар.

На кожному кадрі задайте час - наведіть на потрібний фрагмент курсор, натисніть праву кнопку миші і з випав списку виберіть потрібний інтервал. Повторіть з кожним елементом.

Перегляньте анімацію, при необхідності видозмінити її і збережіть («Файл» - «Зберегти для Web»). Допустимий формат файлу - Gif.