Гарний gif банер для вашого сайту доступна інструкція до застосування
це самий бюджетний і простий варіант у виготовленні привабливою графіки;
існує багато різноманітних програм для виготовлення gif банерів, завдяки якому можна вибрати найбільш підходящий софт;
індексація банерів подібного типу відбувається дуже швидко і продуктивно.
вона займає суттєвий «вага», який може негативно впливати на швидкість завантаження веб-сторінки;
функціонал гіф банери обмежений традиційною зміною кадрів;
якість «гифки» може істотно постраждати через спроби зниження баннерного «ваги».
Оптимальна програма для виготовлення gifбаннеров
Ось, власне, і список популярних програм:
Анімація, зроблена в AP
Розглянемо покрокову інструкцію того, як зробити мінливий банер своїми руками за допомогою Фотошопа. І хоча ця програма вважається досить складною і мудрованої в управлінні, проте для створення якісної і привабливою gif анімації вам потрібно зробити всього 15 кроків.
Отже, для того щоб зробити мінливий банер в AP, вам знадобиться:
1. Створити новий документ за допомогою комбінації ctrl + n і встановити необхідні габарити. У нашому прикладі це - 88 * 31 pix.
2. Поставити колірну палітру фону: наприклад, # FDF8D9.
3. Клацнути на F7: відкриється палітра шарів. Затиснувши кнопку alt, клацнути два рази по Background. Виходить елементарний фоновий шар.
4. Необхідно створити обведення для шару зсередини: клікнути два рази по створеному пласту і у виниклому віконці вибрати Stroke (знайти його можна в нижньому кутку вікна). Задати характеристики майбутнього банера: «розмір»: 1; «Локалізація»: всередині; «Колір»: # A28564. Після чого клікнути O'k.
5. Придумати привабливу текстову частину для першого кадру за допомогою інструмента гарячої клавіші T. Необхідно на час «приховати» текст, клікнувши по цій іконі -. У нас перша фраза звучить так: «Все найцікавіше в мережі Інтернет».
6. Виготовлення підкладки. Зробити новий пласт за допомогою натискання комбінації shift + ctrl + n. Вибрати інструмент прямокутного виділення (для зручності можна використовувати гарячу клавішу М). Виділити необхідну частину для роботи: використовуйте «Пропуск», щоб швидко пересувати виділену область. Залити форму відтінків #FAEEAC.
7. Прибрати виділену область за допомогою ctrl + d, написати нову фразу. У нас це:
8. Вибрати пласт з фразою FREEGOLD.RU, копіювати його за допомогою ctrl + j. Обидва текстових шару необхідно приховати і працювати з «клонованою» пластом. Знайти в розкладці Filter пункт Motin Blur і задати наступні параметри: «кут» - 0, «дистанція» - 10.
9. Анімувати першу сценку: зробити фоновий, «підроблений» і текстовий шари візуально кількістю переглядів.
10. Відкрити пункт «Анімація» в розкладці Windows і копіювати кадр: для цього необхідно активізувати функцію Duplicates selected frames.
11. Налаштувати функцію анімації для наступної сценки. Включити копіювати шар і подивитися «мультик» за допомогою іконки Play.
12. Знову зробити «клон» сценки. Розмитий пласт вимикається, а більш точний - включається. Вибрати другу і третю сценки, використовуючи shift, натиснути Tweens animation frames.
Вказати у виниклому вікні число сценок - 5, натиснути O'k. Подібний показник дозволить домогтися плавного переходу між сценами.
13. Дублювати останню сценку. Фоновий і текстовий ( «Найцікавіше ...») пласти залишити включеними, що залишилися шари - відключаються. На виході повинно вийти до 9 сценок.
14. Необхідно поставити часовий показник для кожної окремої сцени. Це робиться в нижній вкладці, розташованої внизу будь-якого кадру. У запропонованому списку відсутній відповідний показник часу? В такому випадку слід скористатися функцією Others або «Інші».
Підбираючи оптимальний часовий проміжок для нашого банера, ми зупинилися на:
15. Останній крок - збереження анимированной гифки в розділі File. У віконці, що з'явилося вказати формат gif.
Завдяки такому розміщенню Ви можете збільшити кількість користувачів свого сайту, залучити нових клієнтів, підвищити продажі