Как сделать макет сайта в Photoshop | Рамки для фотографий

Как сделать макет сайта в Photoshop

Как сделать макет сайта в PhotoshopСейчас дизайнеров сайтов довольно много, а вот информации о том, как собственно сделать макет сайта, практически нет.

  1. Создаем документ нужного размера в Photoshop, как и в других программах: меню “Файл”, кнопка “Создать”. Затем в появившемся окне необходимо внести значения ширины и высоты будущего сайта. Обычно высоту задают в пределах 1200 px, а ширину – около 4000 px.
  2. Выбираем фон шаблона сайта. Это может быть просто заливка каким-то цветом или картинка. Но фон обязательно должен быть.
  3. С помощью “Линейки” задаем ширину нашего сайта. Для этого понадобится инструмент “Прямоугольная область”. Также нужно задать стиль на заданный размер для наших значений ширины и высоты.
  4. Верхнего меню может и не быть, как на сайте, но зачастую оно есть. Поэтому с помощью инструмента “Прямоугольная область” выделяем место, а затем заливаем его цветом. Выбираем среди инструментов “Горизонтальный текст”, выставляем шрифт и пишем названия страниц.
  5. Создаем иконки социальных сетей. С помощью той же “Линейки” выставляем высоту иконок. Выбираем инструмент “Произвольная фигура”, удерживаем Shift и вставляем в нужное место.
  6. Логотип. Аналогично предыдущей работе с текстом.
  7. Делаем нижнее меню, как верхнее, но добавляем шум: вкладка “Фильтры”, команда Добавить шум. Печатаем названия наших рубрик и делаем разделители с помощью линий.
  8. В основной области будет 2 группы – контент и метки. Они также создаются инструментом “Прямоугольная область”. Размер устанавливайте по своему желанию.
  9. Низ сайта – так званый футер – создаем аналогично меню.

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

Поиск по сайту

Google

Рубрики