Дизайн

разработка дизайна в photoshop'e

краткая инструкция


Найденный с помощью библиотеки шаблонов (www.templatemonster.com) вариант дизайна веб-сайта и сохраненное в формате JPGізображеніе необходімо открыть в программе Photoshop (рис. 1).

[pic]
Рис. 1. Пример открытого в программе Photoshop изображения JPG

Поскольку сохраненная картинка имеет значительно меньший размер,чем размер необходимый для дизайна веб-сайта, то с помощью команды меню Image=>Image Size… можно задать требуемые значения размера изображения (рис. 2).

[pic]
Рис. 2. Диалоговое окноImage Size

Дизайн сайта обычно рисуется для так называемого среднестатического размера страницы. На сегодняшнее время среднестатистический размер определяющий ширину страницысотставляет 1024 пикселя (pixels). Поэтому в открывшемся диалоговом окне Image Size в тектовом поле заменяем существующее значение Width (Ширина) на значение 1024 pixels (пикселей) (рис. 3).

[pic]
Рис. 3.Текстовое поле Width (Ширина) диалогового окна Image Size

ВНИМАНИЕ. Перед вводом нового значения в текстовое поле Width (Ширина) проверьте наличие установленного флажка (птички) слеваот параметра Constrain Proportions (Сохранять пропорции) (рис. 2).

После того как вы зададите требуемый размер изображению, оно увеличится, и вы увидите, что изображение стало пиксельным(рис. 4).

[pic]
Рис. 4. Фрагмент растрового JPG изображения после увеличения его размера

Несмотря на некачественное изображение, мы можем его использовать в качестве основы дляразработки своего личного дизайна для веб-сайта. Резльтат работы в Photoshop сохраняется всегда в формате PSD командой меню File=>Save As… (рис. 5).

[pic]
Рис. Диалоговое окно Save As (Сохранитькак)

При сохранении выбирается формат (Format) PSD, а в качестве имени указывается design. Таким образом, конечный файл дизайна веб-сайта является файл...