Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
> Нажмите и удерживайте левую кнопку мыши. '
> Не отпуская левую кнопку мыши, перемещайте мышь. На экране появится синий контур эллипса, размеры которого будут изменяться при передвижении мыши.
> Когда в полях ввода W и Н панели Info (Информация) отобразятся числа 160 и 40 -
размеры горизонтальной и вертикальной осей эллипса в пикселах, отпустите левую
кнопку мыши. Синий контур эллипса останется на экране.
ГЛАВА 3. Подготовка графики с помощью Macromedia Fireworks MX
75
>¦ Щелкните мышью на кнопке ||_,J| справа от значка <§> в нижней части панели Tools (Инструменты). На экране появится палитра цветов (Рис. 3.12), а указатель мыши изменится на/'. . •
> Щелкните мышью на белом квадрате в .-палитре для выбора цвета заливки. Палитра цветов закроется, кнопка |Д закрасится белым цветом. Эллипс также будет залит белым цветом (Рис. 3.23).
і H..Li.i,i,i-rti.:i Flicwuiks MX 2004 - [Udtilled 1 |.(| » 11111? IPilhn
Рис. 3.23. Базовые графические объекты баннера
В знакомстве «Текст для баннера» мы создадим текст для нашего баннера.
Чтобы не потерять рисунок при возможных сбоях в работе или выключении компьютера, изображение нужно сохранить на диске.
> Выберите команду меню File ¦ Save As (Файл * Сохранить как). На экране появится диалог Сохранить как (Save As) (Рис. 3.24).
QSbinat
^ Sample Piclurea
"J3 О t* ЕЭ-
А:1уч. ^i;.' h''. ': ' .>.У f!- * і V- -/¦
Итлй файла:
Тип Файла:
|Ur«tte^V|pr
|FiiewQik»[*.pr.B}
Отмена
¦ Рис. 3.24. Диалог Сохранить как (Save As)
> В открывающемся списке Папка (Save in) выберите диск для сохранения рисунка.
> В списке папок и файлов диалога Сохранить как (Save As) выберите папку, в которую нужно записать изображение.
7(, Быстро и легко ' создаем, программируем и раскручиваем' шУ-ьШ
«* Обратите внимание-, что в открывающемся списке Тип файла (File type) * выбрана строка Fireworks (*.рпд) для сохранения файла в формате PNG - Portable Network Graphic (Переносимый сетевой графический). Это универсальный форматдля Web-графики, сохраняющий информацию без потерь качества. Имена файлов в данном формате имеют расширение png.
> Нажмите кнопку Сохранить (Save), чтобы закрыть диалог Сохранить как (Save As). .' Рисунок будет сохранен на диске под именем баннер.png. .,...,,.,^. ^
В дальнейшем вы можете загрузить рисунок с диска с помощью команды меню File * . Open (Файл ¦ Открыть).
3«**»****, Ms* Текст для"баннера , А'' Ж :*
¦ Текст для нашего баннера мы будем создавать с помощью слоев. Напомним, что слоем называется дополнительный уровень для рисования. Изображение может состоять из нескольких слоев. Слои позволяют редактировать элементы рисунка независимо друг ¦ от друга.
Сначала создадим новый слой.
> Выберите команду меню Window ¦ Layers (Окно * Слои). На экране появится панель Layers (Слои) (Рис. 3.25).
В центральной части вкладки Layers (Слои) отображается список используемых слоев. В верхней части вкладки расположены открывающиеся списки, которые определяют параметры выбранного слоя. Например, первый слева открывающийся список
позволяет задать степень непрозрачности слоя.
- Значок*, которым помечено название слоя, означает, что все объ- Рис- 3-25- Панель . екты на данном слое видны на экране. Значок $ показывает, что Layers (Слои)
слой является активным, т.е. доступным для рисования.
> Нажмите кнопку ~ в нижней части вкладки Layers (Слои). На вкладке появится строка с именем слоя Layer 2 (Слой 2) и значком Q. Создан новый слой, который стал активным.
Теперь введем название фирмы АТЛАНТ в эллипс. ¦ ; ¦ % ' ¦
, > Нажмите кнопкута] на панели Tools (Инструменты). На панели Properties (Свойства) появятся параметры вводимого текста (Рис. 3.26).
• —¦ ¦ -------«• .^"4.tt**iMw#fSUt- Л ¦'-> ¦-¦¦'*
Отметим, что в подкаталог переходят двойным щелчком на его названии, в^родитель-скую папку верхнего уровня переходят с помощью кнопки ElF в верхней части диалога.
> В поле ввода Имя файла (File name) введите название файла баннер.
ГЛАВА 3. Подготовка графики с помощью Macromedia Fireworks MX_
77
1 „ шш И** JUluJU • В»ЕШ
и I« IH!*™. PI и
¦ * Ll_jq і і iidbja s рярі
I (»|0_JjJ [0_|0 [smooth Arti-M« [z]
I l A|lnf*iH |?_|?| В Auto kern
Рис. 3.26. Панель свойств текста
> "Выберите для текста шрифт Arial
открывающемся ¦ спиСке'Шрифтов панели
Properties (Свойства).
>• В поле ввода, расположенном справа от списка шрифтов, введите размер символов 30 < пунктов. , . '.• '•
Один пункт равен 1/72 дюйма, т.е. примерно 0,353 миллиметра.
> Щелкните мышью на кнопке О в панели Properties (Свойства). На экране появится „ палитра цветов (Рис. 3.12) , а указатель мыши изменится на /Г
> Щелкните мышью на зеленом квадрате в палитре для выбора цвета текста. Палитра цветов закроется, кнопка |д| в панели Properties (Свойства) закрасится зеленым цветом.