A5.ru: конструктор сайтов

A5.ru: создать собственный сайт без лишних затрат и усилий!

В этой статье, мы рассмотрим,  как сделать баннер для сайта  с помощью бесплатной программы - Falco GIF Animator, без использования мастера создания баннеров, то есть вручную.

О том, как сделать баннер с помощью мастера создания баннеров, я писал в предыдущей статье, там же Вы найдете ссылку для скачивания программы Falco GIF Animator

Ну что же, давайте начнем создавать баннер для сайта.

Запускаем программу  Falco GIF Animator,  и в меню  “File” выбираем “New”.

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

Давайте отметим основные панели с инструментами, которыми мы будем пользоваться: это панель выбора инструментов  рисования и текста,  это панель для добавления  эффектов и это панель управления фреймами, на рисунке их хорошо видно:

Программой Falco GIF Animator - вручную

Рабочее окно программы, состоит из трех подокон, в первом - мы можем выбирать фреймы баннера,  во втором - редактировать активный фрейм и в третьем - просматривать результат редактирования.

С рабочим местом разобрались, теперь давайте поставим задачу. Предположим, что нам нужно сделать баннер, в котором последовательно, в трех фреймах,  сверху вниз, будут по очереди появляться слова:  

                                                           Как  

                                                                самому

                                                            создать

и в последнем, четвертом фрейме, появится слово САЙТ, написанное более крупным шрифтом.

Начинаем делать баннер.

У нас открыт первый фрейм баннера, поэтому в инструментах рисования нажимаем кнопку  “T” – текст,  кликаем в верхнюю часть окна редактирования фрейма левой кнопкой мыши, в окне редактирования фрейма  появляется курсор и мы можем набрать первое слово “Как”.

Чтобы задать нужный цвет для текста, выбираем его из цветовой палитры  в правой части окна программы.

Первый фрейм готов.

Делаем дубликат первого фрейма, воспользовавшись соответствующей кнопкой панели управления фреймами.

Во втором фрейме, слово “Как” уже присутствует.  Вновь выбираем инструмент “T” – текст,  и кликаем в окно редактирования второго фрейма, ниже слова “Как”.

Там появляется курсор и мы набираем второе слово “самому”. Второй фрейм готов.

Делаем дубликат второго фрейма и получаем третий фрем.

Точно так же как в первом и втором фреймах, кликаем  в окно редактора третьего фрейма, но уже в нижней его части, и добавляем слово “создать”. Третий фрейм готов.

Теперь создаем четвертый фрейм, дублируя третий.

В окне редактора четвертого фрейма выделяем все, с помощью инструмента  “Rectangle Selection”  (Прямоугольное выделение) и удаляем все, что в нем есть.

В четвертом фрейме у нас должно быть одно слово - “САЙТ”, написанное более крупным шрифтом.

Вновь выбираем инструмент текст “T”,  затем в меню  “Text” -> ”Font”, задаем более крупный размер шрифта, в моем случае шрифт получился равным 22. Теперь набираем слово “САЙТ”.

Баннер готов.

Теперь Вы можете прокрутить баннер, нажав в панели управления эффектами кнопку “Play”. Просматривая баннер,  можно увидеть недочеты и оперативно их устранить в редакторе фреймов.

Как правило, доработка баннера заключается в подборе времени прокрутки каждого фрейма. Это можно сделать, выбрав инструмент  “Set General Rate” в панели управления фреймами.

Меня обычно устраивает время для каждого фрейма, заданное параметром равным 1200 единиц, это около одной секунды.

Для того, чтобы баннер прокручивался в цикле, не забудьте отметить галочкой бокс, с параметром “Repeat forever” (Повторять всегда).

Теперь осталось сохранить баннер в файл с расширением .gif, для этого кликаем последовательно кнопки меню: “File” - “Save As…”, и вбив имя баннера,  сохраняем его на жесткий диск.

Автор: Виктор Милованов 

 

Как создать сайт без знания HTML

Как создать сайт без знания HTML

Как создать сайт на WordPress

Как создать сайт на WordPress

CSS для начинающих

CSS для начинающих

Скачать без регистрации