ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ
ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ
«ТВЕРСКОЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ»
(ГОУВПО «ТГТУ»)
Кафедра эвм Создание баннера с использованием Macromedia Fireworks. Методические указания к лабораторным работам по курсу
«Компьютерная графика»
для студентов специальности
«Вычислительные машины, комплексы, системы и сети»
Тверь,
2009
Методическое указание разработано в соответствии с рабочей программой по дисциплине «Компьютерная графика» для студентов специальности ВМКСС. Предназначено для оказания помощи студентам в подготовке к выполнению лабораторных работ по данной дисциплине.
Составили:
© Тверской государственный технический университет
Лабораторная работа №1 Исходные данные
Название: Создание баннера в Macromedia Fireworks.
Цель работы: Изучение программной среды Macromedia Fireworks.
Задание: Создать с помощью Macromedia Fireworks анимированный баннер с использованием графических эффектов на прозрачным фоне, сохранить его оптимизированную для web версию.
Указания по выполнению работы
Баннер – это рекламный рисунок, размещаемый на веб-странице и имеющий ссылку на сайт рекламодателя. Создаваемый баннер будет состоять из логотипа ФИРМЫ и сменяющих друг друга надписей о деятельности данной ФИРМЫ.
Чтобы начать выполнение работы, откройте программу Macromedia Fireworks и создайте новый документ шириной (width) 500 пикселей, высотой (height) 100 пикселей, либо на ваш выбор, если вы уже знакомы с программой.
Рис. 1. Окно программы и новый созданный документ.
Создание логотипа
Логотип будет представлять собой несколько графических объектов: звезда, эллипс, прямоугольник.
Сначала выберем цвет для звезды. Для этого
Щелкните мышью на значке
в нижней части панели Tools
(Инструменты)Нажмите кнопку
в нижней части панели инструментов,
чтобы цвет контура стал прозрачнымЩелкните мышью на кнопке
справа от значка
.
На экране появится палитра цветов.
Выберите цвет (например, красный).
Теперь нарисуем звезду.
Выберите команду Menu – Window – Info, на экране появится панель Info, которая позволяет точно указывать положение и размер графических объектов.
Поля X и Y в верней части панели отображают текущие координаты указателя мыши. Поля ввода W и H показывают ширину и высоту выделенного графического элемента. Справа от символов X и Y, в нижней части панели, отображаются горизонтальные и вертикальные координаты выбранного объекта. Все параметры указываются в пикселях
Нажмите и удерживайте кнопку
на панели Tools.
На экране появится меню геометрических
объектов.Выберите команду Polygon Tool в меню геометрических объектов. На панели Tools кнопка
будет заменена на кнопку
в нажатом состоянии. А на панели
Properties
появятся параметры выбранного
инструмента.В открывающемся списке Shape (Форма) выберите значение Star (Звезда) для создания звезды. Поле ввода Sides используется для ввода числа вершин звезды.
Если в группе элементов управления Angle (Угол) сброшен флажок Auto, то установите его, чтобы углы в вершинах звезды определялись автоматически.
Установите указатель мыши так, чтобы справа от символов X и Y в верхней части панели Info отображались числа 10 и 10 – координаты центра создаваемой звезды.
Не отпуская левую кнопку мыши перемещайте мышь. На экране появится синий контур звезды, размеры которого будут изменяться при движении мыши.
Когда звезда будет желаемого размера, отпустите кнопку мыши. В полях ввода W и H появится ширина и высота созданного объекта в пикселях.
Теперь нарисуем прямоугольник желтого цвета.
Рис. . Панель свойств прямоугольника.
Для этого снова вызовите меню геометрических объектов
В меню выберите команду Rectangle Tool
По аналогии с предыдущим пунктом, нарисуйте прямоугольник шириной примерно 124 пикселя справа от звезды.
Изначально прямоугольник будет иметь тот же цвет, что и звезда. Чтобы поменять цвет на желтый, щелкните мышью на кнопке справа от значка . На появившейся палитре выберите желтый цвет.
Теперь нарисуем внутри прямоугольника эллипс.
Для этого снова вызовите меню геометрических объектов
В меню выберите команду Ellipse Tool
Нарисуйте эллипс посередине прямоугольника.
Для эллипса выберите черный цвет
Графическая основа баннера завершена. Прежде, чем переходить к текстовой составляющей, рекомендуется сохранить полученные результаты во избежание потерь информации.