27.02.10

Найчастіше непрофесійні дизайнери стикаються з проблемою редагування анімації в форматі gif. Це найстаріший, досить простий і дуже популярний формат для створення рухомих картинок. Є, звичайно, і інші види анімації: flash, silverlight , анімація за допомогою css або javascript т.п., але ці теми ми залишимо поки на майбутнє.

анімовані аватарки , Смайлики - це майже завжди формат gif. Щоб відрізнити анімацію gif від flash, потрібно натиснути правою кнопкою миші по цій анімації. Якщо в останньому рядку написано щось про Adobe Flash Player, значить, це флеш-анімація:

В іншому випадку, знайдіть в контекстному меню пункт, який відповідає за збереження картинки на ваш комп'ютер і подивіться, яке розширення і у потрібного вам малюнка. Для цієї ж мети підійде пункт Властивості контекстного меню.

Якщо збережений файл виявиться gif -картінкой, яку потрібно трохи підредагувати, прибрати зайві або додати нові кадри, нам знадобиться спеціальна програма Ulead GIF Animator 5, яка, на мій погляд, є кращою програмою для створення і редагування gif-анімації:

1. Виконуємо стандартні дії по відкриттю потрібного файлу в програмі Ulead GIF Animator 5 (File -> Open Image ...).

2. У самій нижній лінійці кадрів виділяємо потрібний малюнок і редагуємо його, використовуючи панель інструментів програми. Функціональність у Ulead GIF Animator 5, звичайно, нижче ніж у Photoshop, але цілком достатньо, щоб внести необхідні правки в гіф-анімацію.

3. Якщо без Фотошопа все ж не обійтися, утримуючи клавішу Shift на клавіатурі, виділяємо всі непотрібні кадри (які не потрібно редагувати) і видаляємо їх, залишаючи тільки один, який потрібно редагувати. Зберігаємо залишився кадр в форматі gif і відриваємо його в Фотошопі, після чого правимо його до потрібного стану.

4. Виправлений в Photoshop кадр гіф-анімації зберігаємо в форматі gif в папці з первісної анімованої картинкою.

5. За допомогою команди File -> Animation Wizard ... програми Ulead GIF Animator 5 створюємо з відредагованого в Фотошопі і початкового файлу гіф-анімації один новий файл. Зайвий невідредагований кадр видаляємо. За допомогою перетягування за шкалою кадрів розставляємо фрейми в потрібному порядку, при необхідності змінюючи їх час затримки. Детальніше про створення gif-анімації читайте в моїй статті Як зробити анімований GIF банер .

6. Отриманий результат зберігаємо в форматі gif за допомогою команди File -> Save As ... -> Gif File ... Виправлена анімація gif готова.

Звичайно, логічно було б робити все тільки за допомогою програми Photoshop, адже з її допомогою можна створювати gif-анімації. Але не так все просто, як здається. Універсальність і потужність програми Фотошоп також має свої межі і відкривати вже готову анімовану гифку в ньому досить складно. Наприклад, у мене не встановлений Quick Time і при спробі імпортувати gif-файл як відео я бачу помилку:

Але навіть якщо б Quick Time був встановлений і він був би потрібної версії, це б зовсім не гарантувало правильне відкриття анімації в Фотошопі. Іноді кадри все ж не розділяються або розділяються не повністю, що робить редагування гифки як мінімум скрутним. Замість цього можна скачати Java для Minecraft і покопатися в коді для цієї гри.

Ще я чув, що є спеціальні плагіни для правильного імпортування gif-анімації Фотошопом. Не знаю, не вникав в це питання. Як на мене, то краще використовувати старий перевірений Ulead GIF Animator 5, який заточений під роботу з гіф-анімацією, ніж танцювати з бубном навколо Фотошопа, який для цього пристосований мало.