EximiousSoft Banner Maker — программа для создания кнопок и баннеров

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).

EximiousSoft Banner Maker - начало работы

Теперь мы попадаем в окно редактирования графики в программе.

Как создать кнопку, баннер

Справа вы видите клипарт, который добавляется на наш «чистый лист» обычным кликом мышкой. Чтобы удалить ненужный элемент с документа, нажмите клавишу 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.

Сохранение анимации

Add a Comment

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая кнопку «Отправить комментарий», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта

На нашем Портале графики вы узнаете все о Photoshop и обо всем, что связано с дизайном. Все уроки имеют подробное описание и скриншоты, поэтому будут особенно полезны для начинающих дизайнеров. Вы познакомитесь и с другими программами графики и работой в них. Например, Gimp - отличный бесплатный редактор, в котором вы можете проводить полноценную обработку фото. Наша коллекция дополнений сделает вашу работу более легкой и приятной. Вы можете стать нашим соавтором и заработать. Добавляйте новости на сайт через удобную форму обратной связи, размещать дополнения фотошоп со ссылкой на файлообменники. Если вам понравились наш сайт, то не забудьте подписаться на рассылку или rss, поделиться с друзьями в социальных сетях или добавить в закладки!