1. Початок роботи в програмі
2. Як створити кнопку, банер
3. Пишемо текст на кнопці, банері
4. Анімація кнопки або банера
5. Створення анімації кнопки з нуля
6. збереження анімації

EximiousSoft Banner Maker - зручна і багатофункціональна програма, що спеціалізується на створенні кнопок і банерів. У програмі є інструменти для створення анімації, її часто використовують для залучення уваги до кнопок. EximiousSoft Banner Maker містить безліч шаблонів і заготовок, з яких зручно створювати нову роботу. Однак, можна створити банер з нуля без використання шаблонів.

EximiousSoft Banner Maker - платна програма, є демо версія. Офіційний сайт .

Початок роботи в програмі

На початку нам пропонується вибрати розміри нашого майбутнього проекту.

З роботою програми можете ознайомитися з відео

Якщо ви хочете створити новий проект на основі готового шаблону, то використовуйте для створення проекту категорії Select a Category і далі вибір шаблону Select a Template.

Якщо ви хочете створити кнопку або банер з нуля, то зверніть увагу на колонку праворуч - тут ви знайдете рекомендовані розміри для банерів і кнопок Common Web graffik size:

Ви можете вибрати один з цих розмірів майбутньої заготовки. Якщо вам потрібен нестандартний розмір, то задайте його в категорії Specified Custom Size, Поставте галочку навпроти New Blank Banner, якщо хочете створити «порожній» проект і вкажіть бажаний колір або прозорий фон (Transparent).

Тепер ми потрапляємо у вікно редагування графіки в програмі.

Як створити кнопку, банер

Праворуч ви бачите кліпарт, який додається на наш «чистий аркуш» звичайним кліком мишкою. Щоб видалити непотрібний елемент з документа, натисніть клавішу Delete.

Малюємо кнопку з нуля:

Візьміть інструмент «Custom Shape» і обведіть майбутню кнопку по контуру:

Коли ми повертаємося у вихідну точку, то щоб завершити фігуру (замкнути її), двічі натискаємо мишкою.

Тепер активувалися інші інструменти програми для роботи з графікою. Ви можете залити кнопку будь-яким кольором (інструмент Solid Color), накласти градієнт (Gradient Colors), залити патерном (Pattern) або зробити прозорим (Transparent), додати зображення (Image), прибрати заливку (No Fill).

Зупинимося на градієнті, так як кнопки найчастіше роблять за допомогою градієнтної заливки. Якщо ви вже знайомі з іншими графічними редакторами, то пояснювати вам, як працювати з градієнтом немає сенсу, але якщо немає - то читайте нижче.

Щоб залити кнопку градієнтом, виберіть інструмент Gradient Colors, відкриється меню, зійдіть в самий його низ і натисніть на Custom Gradient. Ви потрапите в редактор градієнта. Тут в трьох категоріях лежати стандартні градієнти. Ви можете вибрати один з них. Якщо вам не підходять такі кольори, то трохи нижче - шкала градієнта. За її краях знаходяться чотири маленьких квадратика. Верхні відповідають за прозорість заливки (прозорість міняємо через Opacity), нижні - колір. Ліві - від якого кольору і прозорості початкові точки градієнта, а праві - кінцевий колір і прозорість). Клікайте на ці квадратики і міняйте колір і прозорість. У редакторі градієнта ви можете задати вид градієнта Gradient Mode:

• Linear - лінійний,
• Radial - радіальний,
• Angle - ангулярних,
• Conic - конічний,
• Diamond - ромбоподібний,
• SqrXY

Reverse - інверсія градієнта, тобто коли початкові і кінцеві точки градієнта міняються місцями. Подивіться на скріншот, він може вам прояснити мої пояснення.

Пишемо текст на кнопці, банері

Текст на кнопку додаємо за допомогою інструменту Add text. З'являється вікно, в яке вводимо текст, форматіруем його.

Після того, як ви написали текст на кнопці, ви можете його переміщати (клікніть по тексту у вікні перегляду і потягніть в потрібне місце документа), залити будь-яким кольором або градієнтів (клік по тексту на кнопці -> вкладка Drawing -> Sold Color або Gradient Colors), додати ефекти тіні, відображення, світіння, тиснення, текстури (інструменти Drop Shadow, Reflection, Outer Glow, Bevel Adge, Texture відповідно).

Анімація кнопки або банера

Приємним бонусом програми EximiousSoft Banner Maker є можливість додавання анімації. Читайте також статтю анімація банера в фотошопі . Ви також можете дізнатися, як робити анімовану кнопку в фотошопі

Ви можете використовувати для створення анімації, як стандартні ефекти, так і створити власну анімацію, втіливши свою ідею в життя за допомогою ІНТСРУМЕНТ анімації кадру.

Якщо ви поки не сильні в створенні gif-анімації , То перейдіть у вкладку Effects і виберіть один з ефектів анімації:

Ви можете також пограти з іншими настройками анімації.

Створення анімації кнопки з нуля

У нижній частині програми є шкала для створення кадрів анімації. Її ми будемо використовувати для створення ефекту анімації на вашій кнопці.

Найпростіше скористатися кнопкою дублікат кадру. Зробити зміни в дублікаті кадру (повернути або перемістити текст, змінити колір і т.п.) і знову дублювати тепер уже другий кадр і провести зміни вже в ньому. Анімацію ви можете переглянути у вікні Preview.

Таку анімацію кнопки я зробила, змінюючи лише рівень світіння. Анімація складається з трьох кадрів.

збереження анімації

Використовуйте команди File -> Save as Image

Зберігайте в форматі Gif, в категорії Save option зробіть активним Whole Animation. Натисніть кнопку Save.