Шаблон сайта в Photoshop

Как сделать шаблон сайта в Photoshop

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

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

Для начала просто представьте в своей голове, что вы хотите видеть в качестве дизайна своего проекта.

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

При открытии нового документа обязательно укажите нужную ширину, она должна составлять 1024 пикселей. Высота в данном случае не является принципиальным понятием, вы можете довольствоваться тем параметром, который Photoshop присвоит документу по умолчанию либо настроить любой удобный для вас. Не забывайте о разрешении, вам подойдет 72 пикселя на дюйм, что касается цветов, то тут желателен режим RGB 8bit.

Чтобы в шаблоне сайта в Photoshop вы могли более уверенно ориентироваться относительно размеров и пропорций элементов, было бы неплохо воспользоваться дополнительными настройками представления, они помещены в разделе View – New Guide.

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

Шаблон сайта в Photoshop готов, теперь следует подумать о том, в каком формате его «перетащить» в HTML-код.

А делается это очень просто, при использовании ножика. Просто выделяйте нужную маленькую область на шаблоне сайта в Photoshop, вырезайте и сохраняйте. И так частью за частью, кусочек за кусочком. В результате у вас получится своеобразная мозаика, которую нужно будет собрать путем верстки.

Оставьте мне собщение