click

Полезная информация

Как сделать дизайн сайта самому в фотошопе?

Самостоятельное создание дизайна – задача сложная, но выполнимая. Начинать лучше с блогового шаблона, который в конце нужно будет сверстать в HTML. О том, как создать дизайн сайта в фотошопе с нуля, вы узнаете далее.

web_dizainer.jpg

Пошаговая инструкция

Создание дизайна сайта в фотошопе осуществляется в следующей последовательности:

  1. Покупайте программу, если вы еще этого не сделали.
  2. Создайте документ и задайте его размеры. Размеры выбирайте в зависимости от ширины создаваемой площадки (берите с небольшим запасом) и тематики шаблона.
  3. Подготовьте фон – он может быть цветным или белым.
  4. Выставите размеры будущего сайта – для этого используется «Линейка» (активизировать функцию можно в разделе «Просмотр»). Найдите центр документа и поставьте на нем линейку.
  5. Создайте группу (дайте ей название) и подгруппу. Вновь созданный в группе слой назовите «фоном» – он будет выполнять роль верхнего меню.
  6. Вытяните линейку и выделите прямоугольную область вдоль горизонтальной линейки. Используя инструмент «Заливка», оформите выделенную область, после чего отмените выделение. В «Горизонтальном тексте» пропишите наименование страниц и разместите тексты в полях.
  7. Сделайте разделители между страничками, поработайте с тенями.
  8. Добавьте закладки.
  9. Сделайте логотип, добавьте название рубрик и недостающие линии.
  10. Создайте новую группу «Инфопанель» со слоем, затем еще две группы – «Метки» и «Контент». В «Контенте» нужна подгруппа «Левый» для блоков с записями.
  11. Добавляйте кнопку «Далее», потом текст и смотрите, что получилось. Для разделения записей используйте разделитель из кругов.
  12. Разместите блок записей, сделайте в группе «Сайдбар» подгруппу «Поиск».
  13. Подготовьте слой в «Поиске», когда он будет готов, приступайте к виджетам. Делайте группу «Виджет», слой, линии (получится фон заголовка, для которого вам нужно будет подобрать цвет заливки).
  14. В заголовок добавьте заголовок (текстом), потом иконку.
  15. Сделайте записи к виджетам.

Готов простой дизайн сайта как создать который вы теперь знаете. Останется доработать низ макета шаблона – и можно будет приступать к верстке.

Дизайн сайта создать самостоятельно можно, хотя задача это непростая. Если вы не знакомы с программой, не уверены в своих силах или хотите получить более профессиональный результат, обращайтесь в «Кай Ком». Специалисты веб-студии работают качественно, быстро и с гарантией!


Возврат к списку