Як анімувати картинку

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


Як анімувати картинку




Встановіть та запустіть програму Adobe Photoshop. Через меню «Файл» відкрийте вкладку «Імпортувати» і клацніть по пункту «Кадри в відеошарів». Виберіть анімацію для приміщення на вашому зображенні або фотографії (попередньо потрібно записати або скопіювати назву файлу даної картинки), і впишіть в вільному рядку вікна, що з`явилося назва файлу.

Дочекайтеся, поки програма не розділить анімацію на кадри і шари. Виберіть інструмент «Чарівна гумка» (у вигляді іконки гумки із зірочкою) і почистіть фон на кожному кадрі і шарі, клацаючи по ним мишкою. Для цього потрібно клацнути інструментом по робочому вікну на тлі зображеної картинки. Якщо зображення дуже маленьке і має безліч дрібних деталей, можна збільшити її за допомогою комбінації Сtrl + коліщатко мишки вгору. Так ви зможете помітити, які елементи зображення були видалені, а які залишилися недоторканими.

Розгорніть на весь екран зображення, на яке потрібно додати анімацію. Затисніть на клавіатурі лівий Shift, щоб виділити всі шари. Перетягніть всі шари анімації на ваше зображення. У вікні анімації натисніть праву кнопку миші і в контекстному меню клацніть по пункту «Створити кадри з шарів». Таким чином всі шари будуть розділені на кадри. Перший з них зі статичної картинкою вам більше не знадобиться, і його сміливо можна видалити.

Довантажити на кожен кадр свою картинку, додаючи по черзі шар, потім кадр і потрібне зображення. Зрозуміло, краще стежити за тим, щоб всі верстви і кадри при цьому відповідали один одному. На завершення виставте необхідний час затримки (наприклад, 0,15 секунд) і задійте анімацію. Перевірте отриманий результат.

Якщо вам потрібна картинка з миготливою анімацією всього з декількох кадрів (наприклад, для банера), можна зробити це ще простіше. Для початку створіть порожній шар, вибравши в головному меню функції «Шар» і «Новий». Можна також клікнути на кнопку зліва від зображає кошик іконки.

Виберіть інструмент «Заливка» (G). Виберіть потрібний вам колір і клацніть по зображенню. Воно повністю змінить свій колір. Вкажіть в якості типу накладення «Перекриття» і поставте непрозорість картинки. При цьому нижній шар з розташованим на ньому вихідним зображенням буде проступати крізь верхній. Регулюючи ступінь прозорості верхнього шару, поставте потрібну ступінь затемнення всього зображення. За бажанням створіть ще один шар з білої заливкою. Далі налаштуйте анімацію зазначеним вище способом.



Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 166
Увага, тільки СЬОГОДНІ!