Как создать слайдер онлайн

Создать анимированный баннер для Вашего сайта несложно при помощи бесплатных онлайн-сервисов. Еще об одном сервисе, где не только баннер можно создать, но и анимированную картинку (слайдер), объединив несколько изображений и добавив различные эффекты переходов между слайдами речь пойдет ниже.

Я сама давно пользуюсь сервисом http://gifovina.ru/ О нем и расскажу в статье.

Для создания анимации онлайн необходимо заранее подготовить несколько изображений. С текстом или без - решать Вам.

В сервисе есть возможность добавлять фигуры к слайдам (выбор, правда, небольшой): выноски, пузыри и звезды. А на фигуры уже наложить текст.

У фигуры меняется размер, цвет контура, цвет заливки. Текст выделяется жирным, курсивом, цветом из палитры. Шрифта на выбор всего 2: Arial и Times New Roman.

Пример простого слайдера в начале статьи. На каждый слайд я добавила фигуру и текст.

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

Расскажу подробнее, как это сделать.

1. Переходим в сервис http://gifovina.ru/

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

3. Ждем, когда загрузятся все файлы.

4. После загрузки все картинки появятся в уменьшенном размере в верхней части окна.

Между слайдами размещены кнопки настройки эффектов перехода. Они нужны в том случае, если вы хотите настроить разные эффекты перехода для разных слайдов. Если же Вам нужен один эффект для всех слайдов - воспользуйтесь панелью в правой части окна.

Среди эффектов есть всплытие и сдвиг:

Наезд и Створки:

Жалюзи и пикселизация:

Есть даже маленькое схематическое изображение каждого эффекта.

5. Также в правой части экрана Вы можете настроить размеры будущего слайдера. 

По умолчанию (Авто) размер 320х240 пикселей. Еще представлены на выбор 4 размера, а также возможность настроить свои размеры.

6. С режимом подгонки (Вписывать/Обрезать) и длительностью кадров поэкспериментируйте.

7. После того как настроили все параметры и эффекты, нажимаем кнопку Готово.

8. Ждем несколько секунд.

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

Если необходимо подредактировать слайдер - нажимаем кнопку Закрыть, а если все устраивает - Скачать.

Файл сохраняется на компьютер в формате .GIF, который и предназначен для анимации и анимированных картинок.

Предлагаю пример моего слайдера, созданного онлайн.

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