Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
| Hone"™
Options
»
Adjutt Color
»
Bevel and Emboss
>
Blur
I.
Noise
+-
Other
V
Shadow and Glow
>
Sharpen
»
Eye Cand> 4000 LE
V
Alien Skin SpIaI LE
>
Puc. 3.31. Меню выбора эффектов
|гіа
*G03 a r^TI •ІГЗЗ
з
Нажмите клавишу чтобы закрыть диалог настройки
кромок. В окне документа у надписи АТЛАНТ появятся скошенные кромки (Рис. 3.33).
Рис 3 32 Диалог для настройки кромок
FHe ?dk Vie» S elect Modify Text ?onmandV Fjlteis Window Help
Г
11-'-I'll'
?**Hep,pngT
ЕАТЛАгт^Я Компьютеры на любой вкус
I нбЗхм' J ibcrtt
Рис. 3.33. Скошенные кромки у надписи АТЛАНТ
Теперь придадим надписи эффект рельефности, который создается сочетанием подсветки и затенения.
> Нажмите кнопку S рядом с надписью Effects (Эффекты) на панели Properties (Свойства) (Рис. 3.30). На экране появится меню выбора эффектов (Рис. 3.31).
> Выберите команду меню Bevel and Emboss * Inset Emboss (Скос и рельеф ¦ Рельеф
внутри) в списке эффектов. На экране появится диалог для настройки рельефности
ГЛАВА 3. Подготовка графики с помощью Macromedia Fireworks MX
81
(Рис. 3.34), а в окне документа надпись АТЛАНТ станет рельефной в соответствии с параметрами по умолчанию.
> В поле ввода справа от значка J введите глубину затенения 1 пиксел.
Поле ввода, помеченное значком Ц, дает возможность изменить контрастность в эффекте. С помощью поля ввода со значком © можно указать степень мягкости создания рельефности. Поле ввода, расположенное справа от значка позволяет установить угол падения света.
Рис. 3.34. Диалог для настройки рельефности ..
Нажмите клавишу чтобы закрыть диалог настройки рельефности. В окне документа надпись АТЛАНТ получит нужную рельефность (Рис. 3.35).
^rIu fiicv^rfca MX 20П4 - |блинер png (? ТІНІЇ (Тикі)"|
Bb ЕД Уин ?аІні И«В< I«» Com*™]. FjItBX Uni» Н«Ч" баннер png*
I.Jf ©І
тАТГІАН T О Компьютеры на люВоЙ вкус
АІ^^-Ш^^'^'Рис. 3.35. ЭффеКтрелЬефНости
Давайте создадим эффект тени. '
>• Нажмите кнопку Ш рядом с надписью Effects (Эффекты) на панели Properties (Свойства) (Рис. 3.30). На экране появится меню выбора эффектов (Рис. 3.32).
> Выберите команду Shadow and Glow ¦ Drop Shadow (Тень и свечение ¦ Тень наружу) в списке эффектов. На экране появится диалог для настройки тени (Рис. 3.36).
> В поле ввода справа от значка введите интервал, на который падает тень, - 5 пикселов.
Поле ввода, помеченное значком дает возможность изменить степень непрозрачности тени. С помощью поля ввода со значком © можно указать степень четкости тени. Поле ввода, расположенное справа от значка^., позволяет установить угол, под которым падает свет. Кнопка |Д| используется для изменения цвета тени. По умолчанию тень является черной.
+EZJEI н [^UE
А I3A5. z
п Knock out
Диалог
для настройки
тени . :
Если установить флажок Knock Out (Исключить), то надпись АТЛАНТ исчезнет, а останется только ее тень.
Нажмите клавишу чтобы закрыть диалог настройки тени. В окне документа
,' , надпись АТЛАНТ будет отбрасывать тень (Рис.. 3.37). ' .^'V^V> '
.їТДЙ.
- ч
82
Быстро и легко создаем, программируем и раскручиваем Web-сайт
' . - Рис. 3.37. Эффект падения тени для надписи
¦ ' . ' "\ -
Обратите внимание, что в области Effects (Эффекты) (Рис. 3.38) на панели Properties (Свойства) отображается список наложенных графических эффектов. Если сбросить флажок, расположенный слева от названия эффекта, то этот эффект будет отменен. Щелкнув мышью на выбранном эффекте, можно изменить настройки эффекта в появившемся диалоге.
о
Inner Bevel
V
о
Inset Emboss
о
Drop Shadow
Puc. 3.38. Список примененных эффектов .
3^*мья%о кИ. Оптимизируем и сохраняем графику
Web-графика больших размеров может долго загружаться с сайта. Программа Macromedia Fireworks. MX позволяет оптимизировать рисунок, уменьшая размер графического файла. При этом возможна потеря качества изображения. В данном знакомстве мы рассмотрим, как оптимизировать графику и сохранять ее в GIF-файле, одном из стандартных графических форматов.
Сначала оптимизируем наш баннер.
> Выберите вкладку 2-Up (2 варианта) в окне документа (Рис. 3.39). '\ '* "
IfJf Maiuninediariinnuiks MX 7ІШ |li,..ui.:|i щщ <а IUIK
!••яці BISDi
fjle ?dit View Select Modily Teil Coetnandi Fjftefs Window Help
1..- , .¦ ';.-.--',-!-.-.....>.,=Ш
J0riglhelr6»*iep,(ing ¦r J &6.71K
|G1F (Doafresnt, Fi) w iff* dttw
0s««56kbps l2Scck» J
;.0 ^C*-
Рис. 5.59. Вкладка 2-Up (2 варианта) окна документа
::-f.'»: ^
'.га »
ГЛАВА 3. Подготовка графики с помощью Macromedia, Fireworks MX_
_83
В левой части вкладки 2-Up (2 варианта) отображается оригинальный рисунок, а в правой части - изображение после оптимизации графики. Оптимизация может приводить к потере качества изображения. Сравнивая рисунки на вкладке, легко оценить, насколько изменится качество рисунка после оптимизации графики. Обратите