Анімовані картинки - досить оригінальне рішення, яке, наприклад, може залучати більше відвідувачів на ваш сайт. Зробити такий трюк нескладно, достатньо скористатися відомим графічним редактором Adobe Photoshop або іншою програмою зі схожим функціоналом.
Встановіть та запустіть Adobe Photoshop. За допомогою меню "Файл" відкрийте вкладку "Імпортувати" та клацніть "Кадри у відеошарі". Виберіть анімацію для розташування на вашому зображенні або фотографії (попередньо потрібно записати або скопіювати назву файлу даної картинки), і впишіть у вільному рядку вікна назву файлу.
Дочекайтеся, поки програма не розділить анімацію на кадри та шари. Виберіть інструмент "Чарівний ластик" (у вигляді іконки ластику зі зірочкою) і почистіть фон на кожному кадрі та шарі, клікаючи по них мишкою. Для цього потрібно клацнути інструментом на робочому вікні на тлі зображеної картинки. Якщо зображення дуже маленьке і має багато дрібних деталей, можна збільшити його за допомогою комбінації Ctrl + коліщатка миші вгору. Так ви зможете помітити, які елементи зображення були видалені, а які залишилися недоторканими.
Розгорніть на весь екран зображення, на яке потрібно додати анімацію. Натисніть лівий Shift на клавіатурі, щоб виділити всі шари. Перетягніть всі шари анімації на ваше зображення. У вікні анімації клацніть праву кнопку миші та клацніть клацніть "Створити кадри з шарів" у контекстному меню. Таким чином всі шари будуть розділені на кадри. Перший з них зі статичною картинкою вам більше не знадобиться, і його сміливо можна видалити. Завантажте на кожен кадр свою картинку, додаючи по черзі шар, потім кадр і потрібне зображення. Зрозуміло, краще стежити за тим, щоб всі шари і кадри при цьому відповідали один одному. У завершенні виставте необхідний час затримки (наприклад, 0,15 секунд) і задіяйте анімацію. Будь ласка, перевірте результат. Якщо вам потрібна картинка з миготливою анімацією всього з декількох кадрів (наприклад, для банера), можна зробити це ще простіше. Для початку створіть порожній шар, вибравши в головному меню функції "Шар" та "Створити". Також можна клацнути ліворуч від іконки, що зображає смітник. Виберіть інструмент "Заливка" (G). Виберіть колір і клацніть на зображенні. Воно повністю змінить свій колір. Задайте як тип накладання "Перекриття" та поставте непрозорість зображення. Нижній шар з початковим зображенням, розташованим на ньому, буде проступати крізь верхній. Налаштуючи ступінь прозорості верхнього шару, поставте потрібний ступінь затемнення всього зображення. За бажанням створіть ще один шар з білою заливкою. Далі налаштуйте анімацію вказаним вище способом.