<
  • Главная
Статьи

Як відредагувати анімовану картинку (аватарку, банер, смайлик)

27.02.10

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

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

Якщо в останньому рядку написано щось про 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, який заточений під роботу з гіф-анімацією, ніж танцювати з бубном навколо Фотошопа, який для цього пристосований мало.

Читайте також:



Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

    Возможности Jetpack плагина
    Вступление Возможности Jetpack плагина это более 30 функциональных модуля плагина, делающего его универсальным плагином WordPress, заменяющего аналогичные сторонние плагины. Jetpack один заменяет десятки

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

    Плагины на приват для Майнкрафт ПЕ
    > > Плагины на приват для Майнкрафт ПЕ Порой всем нам хочется попробовать себя в роли администратора сервера и испытать эту ответственность, но, к сожалению, вы не всегда все знаете о создании

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью