Как нарисовать макет для сайта в Photoshop

В этом разделе я покажу на живом примере как рисуется макет для сайта в программе Adobe Photoshop. У меня стоит версия программы CS5. Особых отличий в этих версиях нет, поэтому вы можете смело работать и в 3, и в 4. Прежде чем приступить к работе, нужно определиться со структурой. Какой макет будет? С одной колонкой, с двумя, с тремя? Резиновый будет макет, или фиксированный? В общем нужен набросок. Схематично изобразать структуру сайта можно при помощи таких программ как https://www.lucidchart.com/

Как нарисовать макет для сайта в Photoshop

Либо можно вообще не рисовать структуру :) А сразу открыть программу Adobe Photoshop, нажать на клавиши Ctrl+N, либо через меню выбираем File > New. После чего откроется окно, в котором мы укажем ширину и высоту для макета:

Как нарисовать макет для сайта в Photoshop

Минимальная ширина макета должна быть не больше 1024px, так как у тех, чей монитор имеет разрешение 1024*768px, при просмотре сайта будет появляться горизонтальная полоса прокрутки. Высоту поставим 1000px. Фон прозрачный (background: transparent). Жмем OK.

Теперь давайте сбросим цвета. Нажмите на клавишу D. После этого у нас Foreground color (цвет переднего плана) станет черным, а Background color (цвет фона) станет белым:

Как нарисовать макет для сайта в Photoshop

Добавим фон к нашему макету, для этого зажимаем клавиши Ctrl+Backspace, тогда фон станет белым. Если зажмем Alt+Backspace, то черным. Давайте оставим белый фон.

В следующем уроке добавим текстуру к фону.

http://youtu.be/qCgylbLb2aA

Источник: http://psd-html-css.ru/ps/kak-narisovat-maket-dlya-sayta-v-photoshop

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

Как нарисовать макет для сайта в Photoshop | | 2012-04-23 12:03:00 | | Статьи Web-мастеру | | В этом разделе я покажу на живом примере как рисуется макет для сайта в программе Adobe Photoshop. У меня стоит версия программы CS5. Особых отличий в этих версиях нет, поэтому вы можете смело | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: