- •Кафедра эвм Создание баннера с использованием Macromedia Fireworks. Методические указания к лабораторным работам по курсу
- •Лабораторная работа №1 Исходные данные
- •Указания по выполнению работы
- •Создание логотипа
- •Текст для баннера
- •Наложение графических эффектов.
- •Анимация
- •Оптимизируем и сохраняем графику.
- •Просмотр в браузере
- •Прозрачный фон
- •Знакомство с инструментами для анимации
- •Сменяющиеся рисунки
- •Просмотр и настройка параметров ролика
- •Оптимизируем и сохраняем графику
Текст для баннера
Текст для нашего баннера будем создавать с помощью слоев. Слоем называется дополнительный уровень для рисования. Изображение может состоять из нескольких слоев. Слои позволяют редактировать элементы рисунка независимо друг от друга.
Создадим новый слой.
Выберите команду Widow – Layer. На экране появится панель Layers. В центральной части вкладки Layers отображен список используемых слоев. В верхней части вкладки расположены выпадающие списки, которые определяют параметр выбранного слоя. Значок
показывает, что все объекты данного
слоя видны на экране, а значок
означает, что слой является активным,
то есть доступным для рисования.Нажмите кнопку
в нижней части вкладки Layers.
На вкладке появится строка с именем
слоя Layer
2 и значком
.
Теперь введем в эллипс… название фирмы!
Нажмите кнопку
на панели Tools.
На панели Properties
появятся параметры вводимого текста.
Установку параметров произведем после
ввода текста.
Рис .. Панель свойств текста.
Теперь введем текст. Подведите мышь к окну документа, указатель мыши изменится. Щелкните мышью на внутренней области эллипса. На экране появится выделенная рамка с текстовым курсором для ввода и редактирования текста
Введите в рамке текст – название фирмы, например, Красная Армия. Выделите текст и задайте ему параметры на панели Properties так, чтобы размер надписи соответствовал размеру эллипса.
Переместим надпись в центр эллипса.
Нажмите кнопку
на панели Tools. Подведите указатель мыши
к надписи в окне документа.Нажмите и удерживайте левую кнопку мыши. Не отпуская её, перемещайте мышь – вместе с курсором будет перемещаться созданная надпись.
Поместите надпись в центр эллипса.
Щелкните мышью на любом свободном месте окна документа, чтобы сбросить выделение рамки с текстом.
Теперь создадим еще одну надпись, справа от прямоугольника, на новом слое.
Создайте еще один слой – Layer 3
На этом слое создайте надпись «всех сильней!», поместите её в правой части документа (справа от прямоугольника с логотипом) и задайте подходящие параметры текста.
Сбросьте выделение рамки с текстом, щелкнув на любом свободном месте.
Поздравляем, текстовое наполнение баннера создано. Сохраните документ.
Рис 2. Результат вышеописанных действий.
Наложение графических эффектов.
Сначала скошенные кромки у надписи внутри эллипса.
Щелкните мышью на надписи внутри эллипса в окне документа, она выделится голубой рамкой.
Нажмите кнопку
рядом с надписью Filters на панели Properties.
На экране появится меню выбора фильтров.Выберите команду меню Bevel and Emboss – Inner Bevel в списке фильтров. На экране появится диалог для настройки кромок. Обратите внимание, что у надписи внутри эллипса появятся скошенные кромки в соответствии с установленными по умолчанию параметрами.
В первом сверху открывающемся списке выберите строку Smooth, чтобы кромки формировались сглаженными. Вы можете изменить параметры кромок, изменяя значения полей ввода на окне настройки кромок: ширину кромки, контрастность, закругленность, угол скоса кромки.
Нажмите клавишу Enter, чтобы закрыть диалог настройки кромок.
Теперь придадим надписи эффект рельефности, который создается сочетанием подсветки и затенения.
Нажмите кнопку рядом с надписью Filters на панели Properties. На экране появится меню выбора фильтров.
Выберите команду меню Bevel and Emboss – Inset Emboss в списке фильтров. На экране появится диалог для настройки рельефности. А надпись внутри эллипса станет рельефной в соответствии с установленными по умолчанию параметрами.
Рис. 3. Диалог для настройки кромок.
Поля ввода в диалоговом окне позволяют изменять настройки рельефности: глубину, контрастность, мягкость, угол падения света.
Нажмите клавишу Enter, чтобы закрыть диалог настройки рельефности.
Создадим эффект тени.
Нажмите кнопку рядом с надписью Filters на панели Properties. На экране появится меню выбора фильтров.
Выберите команду меню Shadow and Glow – Drop Shadow в списке эффектов. На экране появится диалог для настройки тени.
Вы можете изменить параметры тени, изменяя значения полей ввода на окне настройки кромок: интервал, на который падает тень, степень непрозрачности тени, степень четкости тени, угол, под которым падает свет, а также цвет тени. Если установить флажок Knock Out (Исключить), то надпись исчезнет, а останется только её тень.
Нажмите клавишу Enter, чтобы закрыть диалог настройки кромок.
Рис. 4. Надпись с наложенными графическими эффектами.
Сохраните файл в формате .png – он понадобится далее.
