Создаем в фотошопе паттерн для клетчатого шотландского узора

8

19802
07-06-2011

Создаем в фотошопе паттерн для клетчатого шотландского узораОчень симпатичный урок от 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 рублём!

Написать комментарий с помощью формы ВКонтакте

Написать комментарий с помощью формы Facebook

Комментариев 8 комментариев

Большое спасибо за урок.
Получился очень симпатичный плед =)

ОтветитьОтветить

@Наташа-Печенька:
Отлично ))

ОтветитьОтветить

Ой, а я всё гадал, на что же похож мой недавний мини-урок 🙂
Техника другая, но результат похож…

ОтветитьОтветить

@SwaEgo:
Возможно! Кинь ссылочку на урок, тоже интересно посмотреть 🙂

ОтветитьОтветить

@Наташа Клевер: Вот http://swaego.ru/2012/08/sozdanie-prostyx-tekstur-v-fotoshope/

ОтветитьОтветить

@SwaEgo:
Отличный урок! Мне понравился. Фильтром Максимум не пользовалась никогда, надо будет попробовать ))

ОтветитьОтветить

@Наташа Клевер: я вот тоже. Там столько неизведанного, чего-нибудь не то нажал, а смотришь, и хорошо получилось 🙂 Вообще постоянно что-то новое находишь, в основном случайно.

ОтветитьОтветить

@SwaEgo:
Это точно 🙂

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

51 queries in 0,440 seconds.