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

28.12.2015 Автор: Рубрика: Photoshop, Искусство

Залог успешного и интересного сайта – уникальный дизайн, выполненный специально для вашего сайта. Создайте свой собственный шаблон оформления вашей веб-странички с помощью программы Adobe Photoshop.

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

 

 

Для того, чтобы создать собственный шаблон сайта необходимо:

1. Ознакомьтесь с правилами стилевого оформления сайтов. Выясните, какие цвета хорошо и легко воспринимаются людьми. Правильное цветовое и стилевое оформление – залог успешного создания будущего сайта, на котором будет использоваться ваш шаблон.

2. Сделайте на бумаге эскиз своего шаблона и приступить непосредственно к созданию шаблона.

3. Запустите Photoshop на вашем компьютере.

4. Создайте новое изображение. Дайте ему имя, например, My_first_template.

5. Для начала выберете размер изображения 1000х1000. Это оптимальный размер, отображение которого не вызовет проблем при отображении в браузерах пользователей.

6. Установите разрешение в 75 пикселей на дюйм.

7. Заполните фон с помощью инструмента Заливка.

8. Отобразите линейки и направляющие с помощью меню Просмотр.

9. Проведите направляющие в документе, тем самым обозначив границы для отдельных блоков своего шаблона.

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

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

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

13. Сохраните свой шаблон, выполнив команду Файл – Сохранить для Веб. Выберите тип файлов, рекомендуем выбрать JPEG. В результате мы получим папку с именем My_first_template, в которой будут находиться объекты нашего шаблона. Имена объектов будут привязаны к имени шаблона. Например, используемая картина может иметь следующее имя My_first_template_01.jpg.

 

Статья прочитана 366 раз(a).

Оставьте комментарий!

Вы должны быть авторизированы чтобы оставлять комментарии.