Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
> Установите указатель мыши на значке [=> на панели
History (Предыстория).
Нажмите и удерживайте левую кнопку мыши.
> Не отпуская левую кнопку мыши, перемещайте мышь вверх. Вместе с указателем мыши будет передвигаться значок
>- Когда значок |=> разместится рядом со строкой Edit Bitmap (Редактировать в растровом режиме), отпустите левую кнопку мыши. Зеленый прямоугольник и нарисованная от руки фигура исчезнут из окна документа. Это означает, что последние действия по созданию здххпшртсшшмгаеныенены.
Ц Delete
Stroke Color ¦j Insert Empty Bitmap
Q Edit Bitmap Tool
Stroke Color Q Select Pixels Fl Color
Q Exit Bitmap Mode
gjj Deselect
Рис. 3.17. Панель History (Предыстория)
Давайте восстановим отмененные операции.
> Подведите указатель мыши к значку [=> на панели History (Предыстория). >• Нажмите и удерживайте левую кнопку мыши. '
> Не отпуская левую кнопку мыши, передвигайте мышь вниз. Вместе с указателем мыши будет перемещаться значок
> Когда значок [=> окажется напротив строки Fill (Заливка), отпустите левую кнопку мыши. В окне документа вновь появится зеленый прямоугольник с пунктирным выделением.
Попробуем удалить зеленый прямоугольник аналогом ластика.
>- Нажмите кнопку | на панели Tools (Инструменты). На панели Properties (Свойства) появятся параметры выбранного инструмента (Рис. 3.18).
EiJ.: I
"ECB
вП»Е
®
Рис. 3.18. Панель свойств ластика
Действие указанного инструмента заключается в закрашивании объектов ¦ рисунка цветом фона. Прямоугольные объекты удобнее удалять большим квадратным ластиком.
>¦ Нажмите кнопку [¦_], чтобы выбранный инструмент удаления имел прямоугольную
форму.
> В поле ввода Size (Размер) введите размер стороны квадрата ластика 50 пикселов.
> Подведите указатель мыши к окну документа. Указатель мыши изменится на П.
ГЛАВА 3. Подготовка графики с помощью Macromedia Fireworks MX_71_
Обратите внимание, что если на панели Tools (Инструменты) нажата кнопка ]&\ в векторном режиме, то указатель мыши в окне документа принимает вид 0, что означает, что ластик в векторном режиме не работает. •....,. ,..^?»:, ...
Сейчас мы удалим эллипс наиболее простым способом.
> Нажмите кнопку на панели Tools (Инструменты).
> Щелкните мышью на эллипсе. Контур эллипса выделится синим цветом. •'1^' ' .
> Нажмите клавишу hH. Эллипс будет удален. „ -
Чтобы быстро удалить остальные объекты на рисунке, выполните следующие шаги.
> Подведите указатель мыши к левому верхнему углу рабочей области окна документа. ¦
Нажмите и удерживайте левую кнопку мыши.
> Не отпуская левую кнопку мыши, перемещайте мышь вправо и вниз. На экране вится прямоугольная рамка, один из углов которой будет передвигаться вместе с указателем мыши.
> Когда все объекты изображения окажутся внутри рамки, отпустите левую кнопку
мыши. Все объекты рисунка будут выделены синим цветом.
> Нажмите клавишу HH. Объекты изображения будут удалены. .. . - ...
Следует отметить, что кнопка на панели Tools (Инструменты) позволяет вырезать из рисунка нужную область.
ЗнАШли^€о ШЬ. Начинаем изготовление баннера
Многие сайты существуют и развиваются за счет рекламы. Напомним, что рекламный рисунок называется баннером. Как правило, баннер помещается на Web-странице и имеет ссылку на сайт рекламодателя. Создаваемый баннер будет состоять из логотипа вымышленной компьютерной фирмы АТЛАНТ и сменяющих друг друга надписей о деятельности данной компании. В этом знакомстве мы нарисуем базовые объекты нашего баннера: звезду, прямоугольник и эллипс, а также сохраним изображение на диске.
Сначала выберем цвета для создаваемой звезды.
> Щелкните мышью на значке ^ в нижней части панели Tools (Инструменты).
> --Нажмите и удерживайте левую кнопку мыши. Пунктирное выделение прямоугольничка станет неподвижным. .. _ . - . ,.: .
> Не отпуская левую кнопку мыши, перемещайте указатель мыши по прямоугольнику.' ¦
> Отпустите левую кнопку мыши, когда зеленый прямоугольник будет полностью удален. ¦
> Нажмите кнопку ГО) на панели Tools (Инструменты), чтобы перейти в векторный графический режим. Пунктирное выделение области исчезнет.
72 '
Быстро и легко создаем, программируем и раскручиваем Web-сайт
> Нажмите кнопку (ЕЯ в нижней части панели Tools (Инструменты), чтобы цвет контура стал прозрачным; ' ''"'V.' ' '
> Щелкните мышью на кнопке справа от значка ф в нижней части панели Tools (Инструменты). На экране появится палитра цветов заливки (Рис. 3.12), а указатель. мыши изменится на fl.
> Щелкните мышью на красном квадрате в палитре для выбора цвета заливки. Палитра цветов закроется, кнопка ю| закрасится красным цветом. Это означает, что цвет заливки стал красным.
Теперь нарисуем звезду.
Выберите команду меню Window * Info (Окно ¦ Информация). На экране появится панель Info (Информация), которая позволяет точно указывать положение и размеры ских объектов (Рис. 3.19).
Рис 119 Панель Info (Информация)