.

Создание графики с эффектом тени

Проблема свечения проявляется особенно сильно, когда для вашего изображения применяется эффект тени. О тени можно говорить, как о “сглаживании в квадрате”. Взгляните 12.15. Из-за того что изображение создано на прозрачном слое в Fireworks, несложно предположить, что при экспорте эффект прозрачности будет сохранен (настройки при экспорте позволяют отрегулировать прозрачность). Проблема, однако, состоит в том, что настройки прозрачности доступны только при создании графики в пределах программы Fireworks. При экспорте и юбражения его фон по умолчанию снова станет белым. А прозрачность GIF-изображения влияет только на создание сплошного белого фона, что приводит к созданию больших “дыр” на месте падения тени.

Фон изображения, создаваемого Тень создана с расчетом на плавный переход на прозрачном слое, от используемого по умолчанию белого при экспорте станет белым фона, а не от черного фона Web-страницы

Чтобы приобрести опыт разработки графики для Web-страниц с использованием программного средства Fireworks, выполните следующую последовательность действий по подготовке и экспорту изображения с эффектом тени.

1. Запустите программу Fireworks и создайте новый файл.

Для этого выберите команду File^New. В открывшемся диалоговом окне задайте размер 200x200 пикселей и разрешение 72 dpi, чтобы у вас было достаточно пространства для работы. Затем щелкните на образце цвета для задания пользовательских настроек цвета. Выберите цвет, соответствующий вашей целевой HTML-странице (для создания сглаженной графики). В данном случае можно выбрать любой цвет. Затем щелкните на кнопке ОК.

2. Нарисуйте круг.

На панели инструментов активизируйте инструмент Ellipse (щелкните и удерживайте нажатой кнопку мыши на инструменте Rectangle до появления контекстного меню, в котором есть пункт Ellipse). Нарисуйте круг (рис. 12.16). Когда вы отпустите кнопку мыши, круг по-прежнему будет оставаться выделенным, и вы сможете задать для него другие цветовые настройки. Для этого в нижней части панели инструментов выберите подходящий цвет (рис. 12.16).

Нарисуйте круг для сглаживания изогнутых краев изображения с цветом фона. В данном случае не подходят контуры с прямыми линиями, например квадрат, потому что здесь нет закругленных углов, которые можно было бы сделать плавными.

3. Добавьте тень.

Для добавления мягкой тени найдите в инспекторе свойств опцию Effects (рис. 12.17). Щелкните на значке “+” и в раскрывающемся меню выберите значение Shadow and GlowoDrop Shadow. В документе появится небольшая тень круга. Щелкните на любом свободном месте документа для того, чтобы подтвердить настройки по умолчанию и закрыть окно с настройками в инспекторе свойств.

4. Оптимизируйте графику с помощью прозрачности GIF.

Если панель Optimize еще не открыта, выберите соответствующий пункт ,1сню Window. На панели Optimize выберите из списка значение GIF

Adaptive palette и задайте 128 цветов. Затем выберите из списка значение Index Transparency, чтобы сделать цвет фона прозрачным. Щелкните на образце цвета рядом с надписью Matte, выберите подходящий цвет и щелкните пипеткой (инструментом Eyedropper) на фоне документа. Выберите закладку Preview для просмотра изменений в документе. Результат должен получиться похожим 12.18.

Чтобы экспортировать это изображение для Web-страницы, выполните команду File^Export. В диалоговом окне экспорта дайте новое имя своему изображению, а затем сохраните его.

Щелкните на закладке Preview

Соответствие фоновому узору

А что если вы захотите поместить графику с эффектом сглаживания на мозаич- ный фон? Этот процесс аналогичен рассмотренному ранее. Единственное отли- чие заключается в том, что вы должны выбрать среднее значение цвета из вашего узора, а затем использовать этот цвет в качестве фонового при создании графики и ее подготовке к экспорту. Когда вы зададите выбранное среднее значение цвета в качестве прозрачного цвета, сглаженные пиксели изображения будут в общем соответствовать цвету вашего фонового узора.



Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×