designКак сделать баннер для сайта?

HTML5 bannersКак сделать баннер для сайта? Этим вопросом задаются практически все вебмастеры. Вы можете заказать баннер у наших профессиональных дизайнеров или создать баннер онлайн в нашем новом генераторе анимированных HTML5 баннеров.

В данной статье мы познакомим Вас с основными функциями генератора баннеров.

РЕГИСТРАЦИЯ

Для входа в генератор пользователю необходимо создать новую учетную запись, если ее еще  нет.
- Как создать новую учетную запись?

Registration


Во-первых, нажмите на ссылку "ЗАРЕГИСТРИРУЙТЕСЬ".

Registration 2

Затем заполните необходимые поля: имя пользователя (имя должно иметь буквы  a-Z и цифры) , адрес электронной почты, пароль и
повторно ввести пароль (для подтверждения того, что вы заполняете его правильно). В конце нажмите кнопку "ЗАРЕГИСТРИРОВАТЬ"

Если все поля запомнены правильно и Ваше имя пользователя не существует, то Ваша учетная запись будет создана успешно. Если нет, тогда запомните  поля заново.


ВХОД В ГЕНЕРАТОР

После успешной регистрации, пользователь может войти в систему.
- Как войти в аккаунт?
Вы должны заполнить имя пользователя и пароль. Затем нажмите кнопку ВХОД.
Если все поля заполнены правильно, вы получите доступ к Вашей учетной записи.


ЛИЧНЫЙ КАБИНЕТ

account

После успешного входа в систему, пользователи попадают в личный кабинет.

В котором присутсвуют следующие пункты:
* Создать баннер
* Просмотр всех баннеров
* Выход

СОЗДАНИЕ БАННЕРА


- Как добавить новый слайд?

New slide

Нажмите на кнопку "Новый слайд" и новый слайд будет добавлен вниз.  Также слайды можно перетаскивать мышкой, меняя их последовательность.

slide

В блоке настройки слайда можно настроить длительность слайда, наложение его на другой слайд. А также диблировать его со всем содержимым или безвозвратно удалить.

- Как добавить изображение в слайд?

Нажмите на слайд, в который Вы хотите добавить изображение, а затем нажмите на кнопку "Добавить картинку"

insert img


Затем нажмите на кнопку "Загрузить", чтобы загрузить изображение или перетащите файл в указанную зону.

ВНИМАНИЕ! ДОЖДИТЕСЬ ЗАГРУЗКИ ИЗОБРАЖЕНИЯ НА САЙТ И ЗАПУСКА ГРАФИЧЕСКОГО РЕДАКТОРА!

insert img 2В левом блоке располагаются настройки, которые могут применяться для редактирования вставляемого изображения. Кадрирование, отражение, поворот.

Для отмены эффектов Вы можете нажать кнопку "Оригинал" и вернуться к исходному изображению.

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

Для окончания редактирования и вставки изображения в баннер нажмите кнопку "ПРИМЕНИТЬ"

edit imgНастроить параметры  изображения можно в правом меню, которое отроется при выделении изображения.


- Как добавить текст к определенному слайду?

insert text


Нажмите на слайд, на который Вы хотите добавить текст и нажмите на ссылку "Добавить текст".  Текст введите в открывщемся поле справа. Все настройки текста можно сделать блоке ниже.

Как разместить ссылку в баннере?

link

Нажмите кнопку "Настроить". В правом блоке откроются настройки всего баннера.

Обязательно передвиньте ползунок "АВТОЗАПУСК" вправо, чтобы баннер запускался сразу после загрузки, также рекомендуемся включить и "Цикличность", чтобы баннер не останавливался после проиграша, а начинал сначала.

Передвиньте ползунок вправо "ССЫЛКА"

Ниже введите ссылку, куда должен вести баннер при нажатии пользователем.

Как создать анимацию?

animation

Выбрав любой из элементов внизу, откроется блок управления анимацией.  Для назначения эффектов появления или исчезновения элемента  нажмите на иконку "волшебная палочка". В открывшемся меню настройте подходящий эффект анимации.

Как опубликовать баннер?

Для сохранения и публикации баннера в правом верхнем углу нажмиме на кнопку "СОХРАНИТЬ" и следуйте подсказкам.


Просмотр всех созданных баннеров

all banner

Все созданные и сохраненные баннеры переносятся в личный кабинет, где Вы можете в любой момент посмотреть  html-код  для  размещения баннера.

Нажав кнопку "Править", Вы можете вернуть  баннер в редактор и внести корректировки.

Удалить баннер. (ВНИМАНИЕ! После нажатия кнопки "УДАЛИТЬ", обязательно обновите страницу, чтобы увидеть актуальные баннеры)

Выход

После окончания работы в генераторе нажмите "ВЫХОД"

Приятной работы!