Приветствую, друзья! Итак, как вы наверное уже догадались, сегодня пойдет речь об узорах (pattern) в фотошопе. В этой статье я опишу, что такое узор в фотошопе и как самим создать свои собственные узоры.
Как известно в комплекте с фотошопом уже идут наборы узоров (pattern), но порой они не подходят для наших задачь либо хочется определенные под конкретные задачи. Одним словом хочется индивидуальности.
Что такое узор в фотошопе?
Сегодня мы будем изучать узоры на примере этого урока, но для начала давайте я дам определение тому что такое узор.
Узор - это небольшое изображение представляющее собою сочетание переплетение линий, красок, теней.
Посредством повторения таких изображений создаются ткани, в веб-дизайне бэкграунды. Примером таких узоров также может быть выложенная кафельная плитка в ванной комнате. В фотошопе посредством таких узоров (pattern) можно создавать различные фоны.
Создание собственного узора в фотошопе
Создавать мы будет узор ромбик, который после применения будет выглядеть вот так.
Открываем фотошоп, создаем новый документ с прозрачным фоном размеров 30х30 пикс.. Размер определяем из расчетов размеров нашего узора, к примеру для создания винтажного узора размер будет больше.
Я привык пользоваться линейками и направляющими, и вам рекомендую. Итак, если не включены линейки, то включаем их в меню просмотр > линейки. Сразу же установим деления линейки на пикс. Для этого кликнем правой кнопкой мыши по линейке и в выпадающем меню выберем пикселы.
Все наше среда для создания готова, теперь увеличим масштаб для удобства, и сделаем разметку с помощью направляющих. Направляющие имеют особенность прилипать, поэтому установим направляющие по всему периметру, а также по центрам сторон, как показано ниже на скриншоте.
Карандаш настроили, теперь выбираем инструмент «перо » настроим его как показано на скриншоте и создадим замкнутый контур, кликнув в 4 точках вершин, чтобы получился ромб.
Создали контур, теперь кликнем правой кнопкой мыши на изображение и в появившемся меню выбираем «выполнить обводку контура… »
В появившемся окне (выполнить обводку контура) выбираем инструмент карандаш и нажимаем «ок », мы создали узор.
Теперь еще раз кликнем по изображению правой кнопкой мыши и в выпавшем меню выбираем «удалить контур ».
Остается сохранить узор в базе фотошопа, чтобы в дальнейшем без проблем его можно было использовать. Чтобы сохранить узор в фотошопе идем в меню редактирование > определить узор в появившемся окне вводим название узора и сохраняем.
Вот и все узор создан, по такому принципу можно сделать любой узор в фотошопе. Работать с созданными узорами можно при помощи различных инструментов, об этом можно прочитать и . Удачных экспериментов в создание узоров (pattern), и не забудьте подписаться на новые статьи сайта .
Часто приходится искать и скачивать из интернета что-нибудь интересное и необычное из исходников – узоры, стили… А их так много.
Иногда нужно что-то определенное, искать нужное долго и не факт, что вообще найдешь.
Но зная способ создания узоров, стилей и градиентов все становится намного проще. А делается это на самом деле очень просто.
В этом уроке мы рассмотрим как можно создать свои собственные узоры, стили, градиенты в Фотошопе.
Допустим, есть фоновый рисунок цветного стекла и хочется сделать из него стиль, чтобы всегда был под рукой (в примерах используется Photoshop CS2, русская версия ).
Открываем в Фотошоп наш фоновый рисунок, берем инструмент () с заданными пропорциями 1:1 выделяем квадрат (или при нажатии клавиши Shift – автоматически выделяется квадрат). Переходим через меню (Редактирование - Определить узор).
В появившемся окне вводим имя узора – допустим «Цветное стекло » – и теперь он сохранен в галерее узоров.
На заметку – по большому счету можно не делать выделение, а сохранить в узор все изображение. Если узор симметричен, то можно выбрать фрагмент и тогда при наложении узора на изображение, края узора будут «склеиваться » и получится симметричное бесшовное полотно. Если узор без симметрии, то при заливке будет видна грань склеивания.
⇐ . (предыдущая страница учебника)
. (следующая страница учебника) ⇒
Как вы знаете, существуют различные виды орнаментов. Они бывают растительными, предметными, пейзажными, астральными, цветочными, фантастическими, каллиграфическими и др. Все зависит от того, из каких элементов выполняется узор. Геометрический состоит из простых фигур — круга, квадрата, прямоугольников, треугольников. Это самый распространенный и легкий для построения вариант. Чтобы его сделать, достаточно использовать трафареты или и понимать закономерность построения.
Геометрические орнаменты и узоры: виды
Расположение и характер композиции всегда связаны с формой предмета, на который наносится рисунок. По этому признаку существуют такие типы орнаментов из фигур:
- ленточный;
- сетчатый;
- центрический или розеточный.
Первый строится в виде прямой или криволинейной полосы, идущей по центру или краю изделия. Так оформляют фризы, бордюры. Во втором случае вся декорируемая поверхность заполняется рисунком. У третьего варианта отдельные элементы располагаются внутри квадрата, круга, ромба, прямоугольника, которые находятся в центре украшаемого предмета.
Области применения орнамента
Геометрические применялись с древних времен. Это был самый легкий способ украшения кувшина или горшка. Использовались обычные палочки, которыми делались круглые углубления в поверхности, линии.
С развитием технологий геометрические орнаменты начали применяться в архитектуре, одежде. Сейчас их часто используют для украшения текстильной продукции, платков, постельного белья, ковров, а также в полиграфии при печати книг, обоев, для декорирования мебели, отделочных материалов (керамической и потолочной плитки, ламината, линолеума и.т.д).
Важные понятия
Любой узор, геометрический, растительный, имеет определенный мотив и раппорт. Нужно четко понимать, что значат оба слова. Первое — это главный элемент орнамента. Он бывает простой, состоящий из одной формы с единым контуром, или сложный, который предполагает наличие нескольких составных частей.
В качестве мотива может выступать стилизованный цветок, лист, звезда, разные виды многоугольников, звезда, состоящая из треугольников. Раппорт представляет собой совокупность мотива или их группы и расстояния до соседнего.
Приемы построения орнамента
Каждый узор, геометрический, растительный или любой другой, представляет собой определенный ритм, то есть повторение, чередование определенных элементов. В качестве мотива можно взять равнобедренный треугольник. Многократно повторите его по горизонтали без промежутков, тогда получатся своеобразные зубчики, на одинаковом расстоянии или чередуя длину пространства между элементами в определенной комбинации. Вид ленточного орнамента будет меняться. То же самое можно сделать по вертикали.
Чтобы создать сетчатый узор, достаточно полученную на первом этапе строчку из треугольников повторить несколько раз в столбик. Каждый модуль может находиться как один под другим, так и со смещением. Два разных горизонтальных ряда чередуются по определенной закономерности, через один, два и т.д
Оригинальные декоры получаются при комбинации различных видов отзеркаливания. По горизонтали или вертикали отражаются строчки, столбцы или только их части в определенной комбинации.
Центрические геометрические орнаменты и узоры получить также легко. Достаточно выбрать точку вращения на одном из концов элемента, внутри него или за пределами и вокруг нее сдвигать треугольник на определенное количество градусов.
Как сделать орнамент новичку
Простые геометрические узоры выполнить очень легко. За основу берется набор фигур, скомпонованных, например, в квадрате. Этот модуль повторяется многократно по любой из приведенных выше закономерностей.
Самый простой и увлекательный способ разработать узор, геометрический, растительный или любой другой — это использовать графический редактор на компьютере. Подойдет программа, работающая с векторной графикой, под которой понимаются как раз простые геометрические формы, имеющие контур и заливку. Такие узоры можно получить в редакторе или Adobe Illustrator.
Алгоритм работы будет следующий:
- Из геометрических фигур составляете базовый элемент.
- Выполняете операцию группировки частей.
- Копируете модуль.
- Вставляете нужное количество раз.
- Применяете функцию распределения всех выделенных фрагментов на определенном расстоянии. Строка готова.
- Группируете ее так же, как и сам модуль вначале.
- Пробуете различные комбинации отражений, повторений. Можно даже сделать вращение по окружности с разным углом поворота.
Комбинаций будет получаться множество. Выбирайте лучшие, распечатывайте или используйте в любых других целях. Кстати, можно воспользоваться таким изображением в качестве трафарета: обвести получившийся узор через стекло на бумагу, а дальше использовать для росписи ткани, декора открыток ручной работы, вышивки, витража, резьбы и любой другой техники художественного мастерства.
Построение по клеткам
Узоры из легко сделать по сетке. Можно воспользоваться обычным тетрадным листом или предварительно расчертить тонкими линиями ячейки любого размера на листе. Уже по ним обводятся контуры или зарисовываются цветом фигуры. Величину частей и промежутков легко определить, посчитав клеточки.
Итак, вы увидели, как строятся геометрические орнаменты и узоры. Вы можете выбрать любой из приведенных способов и попробовать самостоятельно выполнить какой-то вариант. Если делать это задание на компьютере, вы получите огромное количество вариантов. Это занятие очень увлекает, так как заранее трудно даже предположить, какой в итоге получится сложный декор из простого элемента.
Узоры или «паттерны» в Фотошопе – фрагменты изображений, предназначенных для заливки слоев сплошным повторяющимся фоном. В силу особенностей программы заливать можно также и маски, и выделенные области. При такой заливке фрагмент автоматически клонируется по обеим осям координат, до полного замещения того элемента, к которому применена опция.
Паттерны в основном используются при создании фонов для композиций.
Удобство этой функции Фотошопа трудно переоценить, поскольку она экономит огромное количество времени и сил. В этом уроке поговорим об узорах, о том, как их устанавливать, применять, и каким образом можно создавать собственные повторяющиеся фоны.
Урок будет разбит на несколько частей. Вначале поговорим о способах применения, а затем о том, каким образом использовать бесшовные текстуры.
Применение
- Настройка заливки.
При помощи данной функции можно заполнить узором пустой или фоновый (закрепленный) слой, а также выделенную область. Рассмотрим способ на примере выделения.- Берем инструмент «Овальная область»
.
- Выделяем участок на слое.
- Идем в меню «Редактирование»
и кликаем по пункту «Выполнить заливку»
. Эту функцию также можно вызвать сочетанием клавиш SHIFT+F5
.
- После активации функции откроется окно настройки с названием «Заполнить»
.
- В разделе с названием «Содержимое»
, в выпадающем списке «Использовать»
выбираем пункт «Регулярный»
.
- Далее открываем палитру «Заказной узор»
и в открывшемся наборе выбираем тот, который считаем нужным.
- Нажимаем кнопку ОК
и смотрим на результат:
- Берем инструмент «Овальная область»
.
- Заполнение при помощи стилей слоя.
Данный способ подразумевает наличие на слое какого-либо объекта или сплошной заливки.
Пользовательские фоны
В Фотошопе по умолчанию имеется стандартный набор узоров, который Вы могли видеть в настройках заливки и стилей, и он не является пределом мечтаний творческого человека.
Интернет предоставляет нам возможность пользоваться чужими наработками и опытом. В сети существует множество сайтов с пользовательскими фигурами, кистями и паттернами. Для поиска таких материалов достаточно вбить в Гугл или Яндекс такой запрос: «узоры для фотошопа» без кавычек.
После скачивания понравившихся образцов мы, чаще всего, получим архив, содержащий один или несколько файлов с расширением PAT .
Данный файл необходимо распаковать (перетащить) в папку
C:\Пользователи\Ваша учетная запись\AppData\Roaming\Adobe\Adobe Photoshop CS6\Presets\Patterns
Именно эта директория открывается по умолчанию при попытке загрузки узоров в Фотошоп. Чуть позже Вы поймете, что данное место распаковки не является обязательным.
Как мы уже говорили чуть раньше, совсем не обязательно распаковывать файлы в папку «Patterns» . При загрузке узоров можно искать файлы на всех дисках. К примеру, можно завести отдельную директорию в надежном месте и складывать файлы туда. Для этих целей вполне подойдет внешний жесткий диск или флешка.
Создание узора
В интернете можно найти множество пользовательских узоров, но что же делать, если ни один из них нам не подходит? Ответ простой: создать собственный, индивидуальный. Процесс создания бесшовной текстуры творческий и интересный.
Нам понадобится документ квадратной формы.
При создании узора необходимо знать, что при наложении эффектов и применении фильтров, на границах холста могут появиться полоски светлого или темного цвета. Эти артефакты при применении фона превратятся в линии, которые очень сильно бросаются в глаза. Для того, чтобы избежать подобных неприятностей, необходимо немного расширить холст. С этого и начнем.
- Ограничиваем холст направляющими со всех сторон.
- Переходим в меню «Изображение»
и жмем на пункт «Размер холста»
.
- Добавляем по 50
пикселей к размерам Ширины и Высоты. Цвет расширения холста выбираем нейтральный, например, светло-серый.
Эти действия приведут к созданию вот такой зоны, последующая обрезка которой позволит нам удалить возможные артефакты:
- Создаем новый слой и заливаем его темно-зеленым цветом.
- Добавим нашему фону немного зернистости. Для этого обратимся к меню «Фильтр»
, откроем раздел «Шум»
. Необходимый нам фильтр называется «Добавить шум»
.
Размер зерна выбираем по своему усмотрению. От этого зависит выраженность текстуры, которую мы создадим на следующем этапе.
- Далее применим фильтр «Перекрестные штрихи»
из соответствующего блока меню «Фильтр»
.
Настраиваем плагин также «на глаз». Нам необходимо получить текстуру, похожую на не очень качественную, грубую ткань. Полного сходства добиваться не следует, так как изображение будет уменьшено в несколько раз, и фактура будет только угадываться.
- Применим к фону еще один фильтр под названием «Размытие по Гауссу»
.
Радиус размытия выставляем минимальный, чтобы текстура не очень пострадала.
- Проводим еще две направляющих, определяющих центр холста.
Выделяем один из квадратных участков, ограниченных направляющими.
Получим вот такую заготовку:
От дальнейших действий зависит, насколько мелкий (или крупный) узор мы получим.
Даем узору имя и нажимаем ОК .
Теперь у нас в наборе есть новый, собственноручно созданный паттерн.
Выглядит он следующим образом:
Как мы можем видеть, текстура очень слабо выражена. Исправить это можно, усилив степень воздействия фильтра «Перекрестные штрихи» на фоновый слой. Окончательный результат создания пользовательского узора в Фотошопе:
Сохранение набора с узорами
Вот мы и создали несколько собственных узоров. Как же их сохранить для потомков и собственного пользования? Все довольно просто.
Готово, набор с паттернами сохранен, теперь его можно передать другу, или пользоваться самому, не боясь, что несколько часов работы пропадут зря.
На этом закончим урок по созданию и использованию бесшовных текстур в Фотошопе. Делайте собственные фоны, чтобы не зависеть от чужих вкусов и предпочтений.
Итак, мы продолжаем изучать применение узоров в Фотошоп. В мы узнали, что такое узоры в Фотошоп, научились применять заливку узором, накладывать узор в стилях слоя и пользоваться инструментом «Узорный штамп».
В этой статье мы рассмотрим вопросы создания новых узоров и установки готовых узоров в Photoshop.
Это создает практически безграничные возможности по применению узоров в Фотошопе, так как количество созданных Вами узоров и тех, которые Вы можете скачать из интернета не ограничено.
Не будем тянуть время. Давайте же начнем.
1. Создание нового узора в Фотошоп.
Нет ничего сложного в том, чтобы взять и сделать узор для Фотошопа самому. Для этого потребуется выполнить всего несколько несложных действий.
Для большей наглядности я записал для Вас небольшое видео по созданию нескольких узоров. Одного большого из фотографии, а другого — микроузора, состоящего всего из нескольких пикселей.
Смотрим видео:
Как видите, это очень просто. Единственное неудобство — это то, что чем больше Вы установите (или создадите) узоров, тем больше они будут занимать места в окне выбора узора.
О том как удобно структурировать узоры (и не только узоры) я расскажу Вам в статье, посвященной управлению наборами в Фотошоп.
2. Как установить узоры в Фотошоп.
Огромное количество узоров можно скачать из интернета. Но это только пол дела.
Сначала расскажу немного теории, потом посмотрим видео, как все это выглядит на практике.
Разархивируем архив в отдельную папочку. Файлы наборов узоров имеют расширение .pat от английского слова pattern (образец, изображение).
Файлы узоров в Фотошопе по умолчанию находятся в папке: C:\Program Files\Adobe\Adobe Photoshop\Presets\Patterns (в зависимости от версии Фотошопа и операционной системы может немного отличаться).
Но это не обязательно. Пусть там лежат стандартные узоры. А для новых скачанных (или созданных самостоятельно) узоров рекомендую Вам завести отдельную папку на компьютере.
Лучше, если она будет храниться не на системно диске. Стандартные узоры при переустановке системы (если понадобится) установятся автоматически, а вот свои наборы Вы можете потерять.
Итак, переходим к практике. Смотрим видео:
Как видите, установить узоры тоже не вызывает больших трудностей.
Стоит отметить, что иногда в архивах с узорами отсутствуют файлы с расширением.pat, а есть только файлы с картинками. Это происходит потому, что авторы не потрудились сохранить узоры в формате.pat.
Но это ничего страшного. Ведь Вы теперь умеете сделать узор самостоятельно. Так что сможете из этих файлов с картинками сделать узоры самостоятельно.
Желаю Вам успехов в освоении Фотошопа.
Кстати, не забудьте , чтобы своевременно узнавать о выходе новых статей.