Как в фотошопе нарисовать клетки


8

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

Шаг 1.
Авторы урока советуют воспользоваться готовой цветовой палитрой от Adobe Kuler. Я же вам советую воспользоваться огромным количеством готовых цветовых палитр на любой вкус, которые есть у меня на сайте. Выбираем из палитры три основных цвета и используем их при создании паттерна.
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 2.
Итак, открываем фотошоп и создаем новый документ (Ctrl+N), размером 98х98 пикселей.
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 3.
В меню выбираем «Просмотр» (View) > «Новая направляющая» (New Guide) и последовательно устанавливаем направляющие на значениях 8 пикселей, 28 пикселей, 36 пикселей, 49 пикселей, 57 пикселей, 70 пикселей, and 78 пикселей. Смотрим увеличенный рисунок внизу.
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 4.
Выделяем две полоски и заливаем их цветом #bd6e46, как на рисунке ниже.
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 5.
Выделяем еще две полоски и заливаем их цветом #294a49, как на рисунке ниже.
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 6.
Оставшиеся полоски заливаем цветом #ededa9.
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 7.
Теперь делаем дубликат слоя с полосками и трансформируем его на 90 градусов по часовой стрелке. В меню «Редактирование» (Edit) > «Трансформирование» (Transform) > «Поворот на 90 градусов по часовой» (Rotate 90 degrees clockwise).
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 8.
Дважды щелкаем по верхнему слою и в открывшемся окне устанавливаем значение «Заливка» (Fill opacity) на 50%.
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 9.
Получили такой вот результат. Картинка сильно увеличена.
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 10.
Теперь создадим еще один вспомогательный паттерн. Создаем новый документ (Ctrl+N) размером 6х6 пикселей, выбираем инструмент «Карандаш» (Pencil tool), выбираем цвет #d5ae78 и на новом слое закрашиваем четыре пикселя, как на рисунке ниже. Не забываем отключить задний фон.
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 11.
Теперь сохраним наш узор «Редактирование» (Edit) > «Определить узор» (Define Pattern).
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 12.
Теперь возвращаемся в наш основной документ с шотландской клеткой и два раза щелкаем по верхнему слою. В открывшемся окошке выбираем закладку «Перекрытие узора» (Pattern overlay) и выбираем узор, который мы сохранили в предыдущем шаге. Должен получиться такой вот паттерн.
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 13.
Теперь давайте сохраним и этот узор «Редактирование» (Edit) > «Определить узор» (Define Pattern).
Создаем в фотошопе паттерн для клетчатого шотландского узора

Шаг 14.
Теперь если создать в фотошопе документ любого размера и выбрать в стиле слоя созданный нами клетчатый узор среди паттернов фотошопа «Перекрытие узора» (Pattern overlay), то мы можем получить такой вот красивый фон в виде шотландского пледа. Если же вы хотите использовать этот узор в веб-дизайне, то на Шаге 12 сохраните этот узор отдельной картинкой.
Создаем в фотошопе паттерн для клетчатого шотландского узора

 
 

PS. Постовой. А вы знаете как правильно выбрать подарок, как преподнести подарок, как сделать подарок своими руками. Обо всех этих премудростях вам поможет узнать блог Дари Подарки. А их обзоры о самых прикольных, оригинальных и креативных подарках порадуют любого гурмана.

Оцените, пожалуйста, статью!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)
  • Короткая ссылка на этот пост: http://www.designonstop.com/?p=3675
  • Поддержать DesingNonstop рублём!

Источник: http://www.designonstop.com/tutorials/beginners/sozdaem-v-fotoshope-pattern-dlya-kletchatogo-shotlandskogo-uzora.htm



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Ответы как в фотошопе сделать лист в клетку? заранее благодарю Распределители вяжущего

Как в фотошопе нарисовать клетки Как в фотошопе нарисовать клетки Как в фотошопе нарисовать клетки Как в фотошопе нарисовать клетки Как в фотошопе нарисовать клетки Как в фотошопе нарисовать клетки