Інтернет = комп'ютер
 
Останні записи
  •  

    Як швидко зробити анімований GIF банер


    Зараз ми розглянемо дуже простій і дуже цікавий урок по самостійному створенню анімованого gif банера.

    Щоб було зрозуміліше, про що йде мова, і що зрештою вийде, дивимося відразу на кінцевий результат нашої роботи.

    На сьогоднішній день найпопулярніші банери, що приймаються практично на всіх веб-сайтах і на всіх баннерообменних мережах, є банери, засновані на gif або flash анімаціях стандартного розміру: 468х60, 100х100, 120х60, 88х31. Але звичайно, це не догма, можуть бути та інші, залежно від дизайну сайту.

    Ми з Вами розглянемо приклад створення анімованого банера з розмірами 468х60, яким і є вищезазначений приклад.

    Що таке gif? Це маленький відеоролик, що складається з декількох кадрів, який автоматично «програється». Ось з цього і виходитимемо. Тобто, нам потрібно зробити декілька кадрів (від двох і більш) і їх програти. Зробити це можна у фотошопе і прикладах таких в інтернеті множина. Але якщо у Вас немає стільки часу для освоєння премудрощів фотошопа – є шлях значно простіше і швидше. З тим же результатом. Це програма Bannershop GIF Animator 5. Викачати можна з будь-якого ресурсу.

    Отже, приступимо.

    Перше, що потрібно зробити, це визначитися з тим, як би Ви хотіли, щоб Ваш банер виглядав зрештою. Придумати текстову частину і саму концепцію рухів слів, картинок і ін. Намагатися створити анімацію не подумавши її від початку до кінця - невдячна праця.

    Друге, під нашу концепцію готуємо декілька малюнків. Не зупинятимуся детально, як це робити, і так зрозуміло, та і мета інша. Головне правило: кожен подальший малюнок – це черговий кадр Вашого фільму, тобто якась зміна до попереднього малюнка (додавання нового елементу або заміна елементу, слова і ін.).

    Для прикладу вважатимемо, що ми ці малюнки з розмірами 468х60 пікселів вже зробили. Ви їх просто копіюєте з цієї сторіночки і зберігаєте в одній теці під різними назвами, простіше всього 1,2,3 у форматі jpg.

    Як видно з прикладу, банер зовсім не складний і має всього три кадри.

    Далі відкриваємо програму Bannershop GIF Animator 5. При відкритті ставимо відкрити майстер анімації:

    Відкривається вікно майстра – ставимо слайд-шоу і натискаємо далі:

    В наступному вікні натискаємо кнопку вибору малюнка: Відкривається стандартне вікно відкриття документів (імпорту малюнків в нашому випадку).

    Утримуючи кнопку ctrl, виділяємо раніше збережені наші малюнки, і натискаємо відкрити. З'явиться наступне вікно з імпортом наших малюнків, натискаємо далі:

    З'явиться вікно, де нам запропонують встановити час частоти зміни кадрів в секундах. За умовчанням коштує 1 секунда. У нашому прикладі вибираємо 2 секунди. Якщо Ви робитимете більше кадрів, час можна зменшити. Воно може бути і менше 1 секунди.

    Натискаємо далі і в наступному вікні – готово.

    Отримуємо такий результат:

    Натиснувши зелену стрілку в панелі управління, нашу роботу перед збереженням можна програти. Сподобалося? Зберігаємо. Для цього натискаємо File – Savegifanimation.

    Скільки секунд пройшло? Це все!

    Відкриваємо і милуємося.

    Само-собой, це простий варіант. Якщо буде бажання попорпатися в цій програмці, скоро Ви виявите і освоїте її гідні переваги. Можна і так, тепер Ви вже розумієте, як це зробити:

    Я привів цей опис на прикладі банера мого сайту. Можете розмістити його на своєму сайті. Буду Вам вдячний. Присилайте так само і свої вдалі роботи з поясненнями, я доповнюватиму ними цю статтю.

    Спасибі за увагу.

    Оригінал

    info-e. com. Ua/useful_information/13/


    безпека | прибуток | бізнес | інтернет | блоги рунета