A5.ru: конструктор сайтовA5.ru: создать собственный сайт без лишних затрат и усилий! |
В этой статье, мы рассмотрим, как сделать баннер для сайта с помощью бесплатной программы - Falco GIF Animator, без использования мастера создания баннеров, то есть вручную. О том, как сделать баннер с помощью мастера создания баннеров, я писал в предыдущей статье, там же Вы найдете ссылку для скачивания программы Falco GIF Animator. Ну что же, давайте начнем создавать баннер для сайта. Запускаем программу Falco GIF Animator, и в меню “File” выбираем “New”.
На первом шаге, нам необходимо выбрать размер создаваемого баннера, давайте для примера, выберем 128x128 пикселей. Давайте отметим основные панели с инструментами, которыми мы будем пользоваться: это панель выбора инструментов рисования и текста, это панель для добавления эффектов и это панель управления фреймами, на рисунке их хорошо видно: Рабочее окно программы, состоит из трех подокон, в первом - мы можем выбирать фреймы баннера, во втором - редактировать активный фрейм и в третьем - просматривать результат редактирования. С рабочим местом разобрались, теперь давайте поставим задачу. Предположим, что нам нужно сделать баннер, в котором последовательно, в трех фреймах, сверху вниз, будут по очереди появляться слова: Как самому создать и в последнем, четвертом фрейме, появится слово САЙТ, написанное более крупным шрифтом. Начинаем делать баннер. У нас открыт первый фрейм баннера, поэтому в инструментах рисования нажимаем кнопку “T” – текст, кликаем в верхнюю часть окна редактирования фрейма левой кнопкой мыши, в окне редактирования фрейма появляется курсор и мы можем набрать первое слово “Как”. Чтобы задать нужный цвет для текста, выбираем его из цветовой палитры в правой части окна программы. Первый фрейм готов. Делаем дубликат первого фрейма, воспользовавшись соответствующей кнопкой панели управления фреймами. Во втором фрейме, слово “Как” уже присутствует. Вновь выбираем инструмент “T” – текст, и кликаем в окно редактирования второго фрейма, ниже слова “Как”. Там появляется курсор и мы набираем второе слово “самому”. Второй фрейм готов. Делаем дубликат второго фрейма и получаем третий фрем. Точно так же как в первом и втором фреймах, кликаем в окно редактора третьего фрейма, но уже в нижней его части, и добавляем слово “создать”. Третий фрейм готов. Теперь создаем четвертый фрейм, дублируя третий. В окне редактора четвертого фрейма выделяем все, с помощью инструмента “Rectangle Selection” (Прямоугольное выделение) и удаляем все, что в нем есть. В четвертом фрейме у нас должно быть одно слово - “САЙТ”, написанное более крупным шрифтом. Вновь выбираем инструмент текст “T”, затем в меню “Text” -> ”Font”, задаем более крупный размер шрифта, в моем случае шрифт получился равным 22. Теперь набираем слово “САЙТ”. Баннер готов. Теперь Вы можете прокрутить баннер, нажав в панели управления эффектами кнопку “Play”. Просматривая баннер, можно увидеть недочеты и оперативно их устранить в редакторе фреймов. Как правило, доработка баннера заключается в подборе времени прокрутки каждого фрейма. Это можно сделать, выбрав инструмент “Set General Rate” в панели управления фреймами. Меня обычно устраивает время для каждого фрейма, заданное параметром равным 1200 единиц, это около одной секунды. Для того, чтобы баннер прокручивался в цикле, не забудьте отметить галочкой бокс, с параметром “Repeat forever” (Повторять всегда). Теперь осталось сохранить баннер в файл с расширением .gif, для этого кликаем последовательно кнопки меню: “File” - “Save As…”, и вбив имя баннера, сохраняем его на жесткий диск. Автор: Виктор Милованов |
CSS для начинающихСкачать без регистрацииКак создать сайт в блокнотеСкачать без регистрацииКак создать простой сайт без знания HTML-2Скачать без регистрации |