Создание Web-графики в Фотошоп

Фотошоп для подготовки
Web-графики

Подготовка графических элементов web-страниц в Фотошоп

Продолжение...

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

ПРИМЕЧАНИЕ. Растровая графика основана на представлении изображения как совокупности точек (пикселов). Вы можете изменять каждый пиксел растрового изображения независимо от других. Это позволяет легко работать с цветом в каждой точке изображения, добиваясь различных эффектов. Векторное изображение описывается при помощи нескольких опорных точек. Все остальные точки вычисляются при помощи различных формул. Получить доступ к некоторой произвольной точке изображения при этом сложно, поэтому эффекты в векторной графике практически отсутствуют. Зато такое изображение легко трансформировать и масштабировать, изменяя несколько числовых значений. В отличие от растровой графики, векторная графика при подобных операциях не теряет качества.

Растровые изображения получают либо сканированием, либо рисуют в графических редакторах (например, в Фотошоп). Для рисования прямо на компьютере очень удобны графические планшеты. Они позволяют более точно, чем мышью, управлять движением курсора. Векторные изображения рисуются в графических векторных редакторах. Самым известным и широко распространенным векторным редактором является Corel Draw фирмы Corel, но при его использовании возникает проблема совместимости с редакторами растровой графики, которые необходимы для подготовки изображений, помещаемых на страницу. С Фотошоп наилучшим образом совмещается векторный редактор Adobe Illustrator.

Независимо от того, какой редактор использовался для подготовки изображения, для подготовки его к размещению на странице необходим растровый редактор, так как изображения в форматах GIF, JPEG и PNG — растровые.

На рис. 6.8 показан пример использования нарисованной графики для оформления сайта.

Подготовка графических элементов web-страниц в Фотошоп

Рис. 6.8. В оформлении сайта могут использоваться изображения, нарисованные дизайнером

Обратите внимание на орнамент заголовка — чаще всего подобные элементы разрабатываются для конкретного сайта и являются уникальными. Это позволяет сделать оформление сайта оригинальным.


Рейтинг@Mail.ru