Создание текстуры

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

Сразу хочу показать какой мы будем рисовать макет:

Создание текстуры

Его же мы и будем верстать в разделах по урокам верстки

А это его цветовая схема:

Создание текстуры

Начнем с фона. Давайте зальем его этим цветом #e8e7de. Для этого кликаем по белому квадратику Создание текстуры  и вставляем код цвета без решетки:

Создание текстуры

Нажимаем OK. Теперь заливаем фон при помощи комбинации клавиш Ctrl+Backspace. Переходим к текстуре. Создайте новый документ, File > New или Ctrl+N. Размер 4x4px. Фон прозрачный. При помощи клавиш Ctrl++, увеличим масштаб, чтобы было удобно рисовать текстуру:

Создание текстуры

Теперь нужно залить область белым цветом. Потом взять инструмент Rectangular Marquee Tool, либо зажать клавишу M:

Создание текстуры

И выделить область таким образом:

Создание текстуры

Нажимаем на клавишу Delete, получаем:

Создание текстуры

Снимаем выделение при помощи комбинации клавши Ctrl+D. Далее идем в меню, Edit > Define pattern:

Создание текстуры

И в появившемся окне запишем названия для нашей текстуры, например, bg:

Создание текстуры

Нажимаем OK. Переходим к нашему макету. Окошко с текстурой можно закрыть, можно не сохранять. Больше не пригодится. И так, переходим к нашему макету. Кликаем по слою. Сейчас в панеле слоев у нас только один слой с фоном, поэтому не ошибетесь. Далее кликаем на Fx снизу панели:

Создание текстуры

Выбираем Pattern Overlay, далее выбираем нашу текстуру, и устанавливаем для нее следующие свойства:

Создание текстуры

  • Blend Mode: Overlay
  • Opacity: 45%

Остальное без изменений. Нажимаем Ok. И текстура для фона готова. Сохраните изменения File > Save As. Назовите как нибудь макет, и сохраните в отдельную папку на рабочем столе, или в любом удобном для вас месте. В дальнейшем сохраняйте изменения при помощи комбинаций клавиш Ctrl+S.

http://youtu.be/lyVQHS6c130

Источник: http://psd-html-css.ru/ps/sozdanie-tekstury

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

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



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

Создание текстуры | | 2012-04-24 16:35:00 | | Статьи Web-мастеру | | Прежде чем начать работу над макетом, давайте определимся с цветовой схемой. Если вы умеете рисовать, умеете подбирать цвета, то проблем с выбором цветовой гаммы не будет. Если нет, то можно зайти на | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: