Узоры (Patterns) Photoshop: полное руководство. Узоры в Фотошопе: теория, создание, использование

Как вы знаете, существуют различные виды орнаментов. Они бывают растительными, предметными, пейзажными, астральными, цветочными, фантастическими, каллиграфическими и др. Все зависит от того, из каких элементов выполняется узор. Геометрический состоит из простых фигур — круга, квадрата, прямоугольников, треугольников. Это самый распространенный и легкий для построения вариант. Чтобы его сделать, достаточно использовать трафареты или и понимать закономерность построения.

Геометрические орнаменты и узоры: виды

Расположение и характер композиции всегда связаны с формой предмета, на который наносится рисунок. По этому признаку существуют такие типы орнаментов из фигур:

• ленточный;
• сетчатый;
• центрический или розеточный.

Первый строится в виде прямой или криволинейной полосы, идущей по центру или краю изделия. Так оформляют фризы, бордюры. Во втором случае вся декорируемая поверхность заполняется рисунком. У третьего варианта отдельные элементы располагаются внутри квадрата, круга, ромба, прямоугольника, которые находятся в центре украшаемого предмета.

Области применения орнамента

Геометрические применялись с древних времен. Это был самый легкий способ украшения кувшина или горшка. Использовались обычные палочки, которыми делались круглые углубления в поверхности, линии.

С развитием технологий геометрические орнаменты начали применяться в архитектуре, одежде. Сейчас их часто используют для украшения текстильной продукции, платков, постельного белья, ковров, а также в полиграфии при печати книг, обоев, для декорирования мебели, отделочных материалов (керамической и потолочной плитки, ламината, линолеума и.т.д).

Важные понятия

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

В качестве мотива может выступать стилизованный цветок, лист, звезда, разные виды многоугольников, звезда, состоящая из треугольников. Раппорт представляет собой совокупность мотива или их группы и расстояния до соседнего.

Приемы построения орнамента

Каждый узор, геометрический, растительный или любой другой, представляет собой определенный ритм, то есть повторение, чередование определенных элементов. В качестве мотива можно взять равнобедренный треугольник. Многократно повторите его по горизонтали без промежутков, тогда получатся своеобразные зубчики, на одинаковом расстоянии или чередуя длину пространства между элементами в определенной комбинации. Вид ленточного орнамента будет меняться. То же самое можно сделать по вертикали.

Чтобы создать сетчатый узор, достаточно полученную на первом этапе строчку из треугольников повторить несколько раз в столбик. Каждый модуль может находиться как один под другим, так и со смещением. Два разных горизонтальных ряда чередуются по определенной закономерности, через один, два и т.д

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

Центрические геометрические орнаменты и узоры получить также легко. Достаточно выбрать точку вращения на одном из концов элемента, внутри него или за пределами и вокруг нее сдвигать треугольник на определенное количество градусов.

Как сделать орнамент новичку

Простые геометрические узоры выполнить очень легко. За основу берется набор фигур, скомпонованных, например, в квадрате. Этот модуль повторяется многократно по любой из приведенных выше закономерностей.

Самый простой и увлекательный способ разработать узор, геометрический, растительный или любой другой — это использовать графический редактор на компьютере. Подойдет программа, работающая с векторной графикой, под которой понимаются как раз простые геометрические формы, имеющие контур и заливку. Такие узоры можно получить в редакторе или Adobe Illustrator.

Алгоритм работы будет следующий:

1. Из геометрических фигур составляете базовый элемент.
2. Выполняете операцию группировки частей.
3. Копируете модуль.
4. Вставляете нужное количество раз.
5. Применяете функцию распределения всех выделенных фрагментов на определенном расстоянии. Строка готова.
6. Группируете ее так же, как и сам модуль вначале.
7. Пробуете различные комбинации отражений, повторений. Можно даже сделать вращение по окружности с разным углом поворота.

Комбинаций будет получаться множество. Выбирайте лучшие, распечатывайте или используйте в любых других целях. Кстати, можно воспользоваться таким изображением в качестве трафарета: обвести получившийся узор через стекло на бумагу, а дальше использовать для росписи ткани, декора открыток ручной работы, вышивки, витража, резьбы и любой другой техники художественного мастерства.

Построение по клеткам

Узоры из легко сделать по сетке. Можно воспользоваться обычным тетрадным листом или предварительно расчертить тонкими линиями ячейки любого размера на листе. Уже по ним обводятся контуры или зарисовываются цветом фигуры. Величину частей и промежутков легко определить, посчитав клеточки.

Итак, вы увидели, как строятся геометрические орнаменты и узоры. Вы можете выбрать любой из приведенных способов и попробовать самостоятельно выполнить какой-то вариант. Если делать это задание на компьютере, вы получите огромное количество вариантов. Это занятие очень увлекает, так как заранее трудно даже предположить, какой в итоге получится сложный декор из простого элемента.

Часто приходится искать и скачивать из интернета что-нибудь интересное и необычное из исходников – узоры, стили… А их так много.

Иногда нужно что-то определенное, искать нужное долго и не факт, что вообще найдешь.

Но зная способ создания узоров, стилей и градиентов все становится намного проще. А делается это на самом деле очень просто.

В этом уроке мы рассмотрим как можно создать свои собственные узоры, стили, градиенты в Фотошопе.

Допустим, есть фоновый рисунок цветного стекла и хочется сделать из него стиль, чтобы всегда был под рукой (в примерах используется Photoshop CS2, русская версия ).

Открываем в Фотошоп наш фоновый рисунок, берем инструмент () с заданными пропорциями 1:1 выделяем квадрат (или при нажатии клавиши Shift – автоматически выделяется квадрат). Переходим через меню (Редактирование - Определить узор).

В появившемся окне вводим имя узора – допустим «Цветное стекло » – и теперь он сохранен в галерее узоров.

На заметку – по большому счету можно не делать выделение, а сохранить в узор все изображение. Если узор симметричен, то можно выбрать фрагмент и тогда при наложении узора на изображение, края узора будут «склеиваться » и получится симметричное бесшовное полотно. Если узор без симметрии, то при заливке будет видна грань склеивания.

⇐ . (предыдущая страница учебника)

. (следующая страница учебника) ⇒

Наложение узора в Photoshop

1. Что такое узоры в Фотошоп и зачем они нужны.

Узоры в Photoshop это фоновые изображения, которые можно использовать для заливки областей, содержимого слоев и масок.

Вся прелесть их использования заключается в том, что это фоновое изображение тиражируется (повторяется) до тех пор, пока не заполнит весь элемент, на который оно накладывается.

Этот инструмент очень хорошо подходит для создания фонов.

Простой пример: нужно закрасить фон кнопки диагональными параллельными линиями. Что будем делать? Рисовать отдельно линию, потом ее копировать и размножать? А потом обрезать получившееся изображение по контуру кнопки? Это слишком сложно и главное - долго.

Можно просто применить к изображению кнопки узор, состоящий из нескольких пикселей. И этот узор размножится и закрасит всю Вашу кнопку четко по контуру.

Или же нужно, например, наложить на какой-нибудь элемент текстуру какого-нибудь материала. Ткани, например. Применяем к изображению элемента узор текстуры ткани - и все!

2. Как использовать узоры в Фотошоп?

В Photoshop есть три основных способа применения узора к элементу.

Первый способ - заливка узором.

Наверняка каждый уже пробовал заливать содержимое слоя или выделения каким-нибудь цветом. А ведь можно заливать не только цветом, а и узором.

Смотрим коротенький видеоурок:

Вся прелесть использования заливки узором в том, что мы можем делать каждую заливку в новом слое. А это в дальнейшем дает возможность применения к каждому слою своих дополнительных стилей.

Второй способ - применение стиля слоя «Наложение узора».

При использовании этого способа у нас нет возможности в дальнейшем применить к заливке другие стили (так как узор сам и есть элемент стиля слоя), но зато появляются дополнительные параметры наложения узора.

Смотрим урок:

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

Третий способ применения узоров - использование инструмента «Узорный штамп».

Принцип использования узорного штампа очень прост. Рисовать кистью каждый умеет. Так вот, узорный штамп - это та же самая кисть, только рисует она не цветом, а выбранным узором.

Смотрим, как это происходит:

Итак, мы с Вами разобрались в том, что такое узоры для Фотошопа и как их использовать.

1. Создание нового узора в Фотошоп.

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

Для большей наглядности я записал для Вас небольшое видео по созданию нескольких узоров. Одного большого из фотографии, а другого - микроузора, состоящего всего из нескольких пикселей.

Смотрим видео:

Как видите, это очень просто. Единственное неудобство - это то, что чем больше Вы установите (или создадите) узоров, тем больше они будут занимать места в окне выбора узора.

2. Как установить узоры в Фотошоп.

Огромное количество узоров можно скачать из интернета. Но это только пол дела.

Сначала расскажу немного теории, потом посмотрим видео, как все это выглядит на практике.

Разархивируем архив в отдельную папочку. Файлы наборов узоров имеют расширение.pat от английского слова pattern (образец, изображение).

Файлы узоров в Фотошопе по умолчанию находятся в папке: C:\Program Files\Adobe\Adobe Photoshop\Presets\Patterns (в зависимости от версии Фотошопа и операционной системы может немного отличаться).

Но это не обязательно. Пусть там лежат стандартные узоры. А для новых скачанных (или созданных самостоятельно) узоров рекомендую Вам завести отдельную папку на компьютере.

Лучше, если она будет храниться не на системном диске. Стандартные узоры при переустановке системы (если понадобится) установятся автоматически, а вот свои наборы Вы можете потерять.

Итак, переходим к практике. Смотрим видео:

Как видите, установить узоры тоже не вызывает больших трудностей.

Стоит отметить, что иногда в архивах с узорами отсутствуют файлы с расширением.pat, а есть только файлы с картинками. Это происходит потому, что авторы не потрудились сохранить узоры в формате.pat.

Но это ничего страшного. Ведь Вы теперь умеете сделать узор самостоятельно. Так что сможете из этих файлов с картинками сделать узоры самостоятельно.

Желаю Вам успехов в освоении Фотошопа.

Стили слоя в Фотошопе, это популярный способ добавления различных эффектов, в частности Тень и Обводка, к слоям неразрушающим способом. Имея необходимые знания и опыт, можно добиться любого эффекта. Однако для достижения эффектов, вам необходимо понимать, что представляет собой каждая опция и как они могут быть скомбинированы, чтобы получить желаемый результат.

В этой статье, , мы объясним параметры Наложения Узора и способы, в которых он может быть использован для создания различных эффектов. Давайте начнем.

Применение “Наложение Узора”
Наложение Узора используется, как следует из названия, добавление узора к различным слоям. Использование Наложение Узора в соединении с другими эффектами может помочь вам создать углубленные стили.

Диалоговое окно Наложение Узора в Стилях Слоя
Наложение Узора не имеет много параметров, и поэтому он является эффектом “Вкл/Выкл”, он не похож на другие эффекты, параметры в которых могут кардинально изменить из первоначальный вид.

Режим Смешивания
Режим Смешивания позволяет вам устанавливать режим смешивания для вашего Узора. По умолчанию стоит Обычный (Normal), который просто отображает узор на вашем слое. Если вы незнакомы с тем, как работают каждый из режимов, я рекомендую вам почитать об этом.

На следующем примере, вы можете видеть как изменение режима с Обычного на Линейный Затемнитель (Linear Burn), повлияют на наш полосатый узор, переключит с белого и красного на прозрачный и темно красный цвет.

Непрозрачность
Бегунок Непрозрачности регулирует прозрачность нашего узора. Малое значение делает Наложение узора более прозрачным, когда как большее значение отображает узор более четко.

На следующем примере, вы можете видеть, как низкое значение Непрозрачности делает узор слегка прозрачным, отображая черный цвет сквозь текст.

Узор
Это то место, где вы выбирает ваш узор. Программа Photoshop идет вместе с большим количеством узоров по умолчанию, но вы также можете создать ваши собственные.
Чтобы создать ваш собственный узор, просто откройте изображение в Фотошопе, нажмите Ctrl+A, выберите весь холст и щелкните по Редактирование>Определить Узор (Edit>Define Pattern). Затем можете найти этот узор в списке узоров в диалоговом окне Наложения Узоров.
Маленькая иконка следующая за коллекцией узоров создает новые предустановки, используя текущий выбранный узор.
В дополнение, кнопка Прикрепить к начальной точке (Snap to Origin) позволяет вам выравнивать Узор по слою, к которому прикрепляется.
Вы можете также щелкнуть и перетащить узор на ваш документ, чтобы вручную расположить узор, пока открыто диалоговое окно Наложение Узора.

На следующем примере вы можете видеть как повлияет на стиль изменение Узора, но оставив остальные параметры без изменения.

Масштаб
Можете изменять размер узора, увеличивая или уменьшая масштаб. Фотошоп не очень хорошо справляется с повторным взятием образцов в Диалоговом окне, так что лучше использовать числа 10%, 25%, 50% и др.
Параметр Связать со слоем (Link with Layer) привязывает узор к конкретному слою, так если вы будете передвигать слой с отмеченным параметром, то узор будет перемещаться вместе со слоем, если вы уберете галочку с этого параметра, то слой будет перемещаться отдельно, а узор останется.

На следующем примере, уменьшение масштаба узора, даст больше деталей узора, т.к. будет видно большее количество рисунка узора. Эффект становится больше заметным, когда используется более детализированный узор.

Чтобы загрузить библиотеку, которые поставляются в комплекте с Photoshop, нажмите на иконки шестерёнки (треугольника в ранних версиях) справа, Это откроет Вам меню предустановленных наборов:

Выберите один из наборов из раздела, который я обвёл красной рамкой, например, "Скалы" (Rock Patterns).

При выборе шаблона для загрузки, вам будет задан вопрос, хотите ли Вы заменить существующие модели, или добавить к ним. Нажмите на кнопку "Добавить" (Append):

Это действие добавит набор к текущим образцам вместо их замены. Кроме того, для удобства выбора, можете увеличить миниатюры образцов, кликнув по пункту "Большие миниатюры" (Large Thumbnail):

Применение узоров Photoshop

Теперь мы можем использовать узоры из набора "Скалы". Давайте рассмотрим способы их применения.

Инструмент "Заливка" (Fill, Shift+F5): заливка узором выделенной области

Самый простой способ применения узора - это выделить область, которую необходимо заполнить вашим рисунком, а затем с помощью команды Редактирование --> Выполнить заливку (Edit --> Fill) залить выделение.
Например, вы можете использовать инструмент "Прямоугольная область" (Rectangular Marquee Tool), чтобы создать выделение где-либо на холсте, пройти о вкладке Редактирование --> Выполнить заливку, откроется диалоговое окно "Заполнить" (Fill), в окне в разделе "Использовать" (Use) выбираете пункт "Регулярный" (Pattern), затем кликаете по цветному квадратику, выбираете узор из тех, которые мы загрузили в менеджере, нажимаете ОК:

Команда "Заливка" (Fill) является самым простым способом нанесения узора на весь холст или его часть, кроме того, Вы можете использовать её на отдельном слое, а это означает, что вы можете вносить изменения в этот слое, не затрагивая другие слои.

Стиль слоя "Наложение узора" (Pattern Overlay)

Подробно работа с этим стилем слоя описывается .

Если Вы хотите применить узор ко всем непрозрачным пикселям слоя, воспользуйтесь этим способом.

Откройте диалоговое окно этого стиля слоя, выберите узор и примените стиль, подробнее читайте :

Этот метод даёт больше гибкости в настройках, вы можете легко скрывать, удалять, масштабировать, менять режим наложения , регулировать непрозрачность и т.д.

Совет: чтобы отрегулировать положение вашего узора на холсте, при открытом диалоговом окне редактирования стиля слоя наведите курсор на документ, нажмите и удерживайте левую клавишу мыши и перетаскивайте узор по холсту.

Инструменты рисования

Кроме этого, узоры на холст можно накладывать с помощью инструментов "Узорный штамп" (Pattern Stamp Tool) и "Заливка" (Paint Bucket Tool).

Данные инструменты следует применять в том случае, если вы хотите нанести узор на определённые области.
Инструменты рисования также вам больше контроля, что особенно проявляется при использовании графического планшета.

Тем не менее, работа этими инструментами займет гораздо больше времени, чем применения стиля слоя или заливки. Кроме того, при использовании "Узорного штампа" результаты могут быть непредсказуемыми.

Сводная таблица: применение узоров Photoshop:

Как создать собственный пользовательский узор Photoshop

Создать собственный узор совсем не сложно, если знаешь базовые принципы.
Для начала, нужно понять, что основа узора - это всегда прямоугольник. Даже если это круг на прозрачном фоне, всё-равно картинка будет рассматриваться как прямоугольник.

За основу для узора будет взят не только чёрный круг, но и весь холст, иными словами, картинка будет рассмотрена, как прямоугольник

Я продемонстрирую создание узора на примере. Создаю документ размером 40 на 40 пикселей и рисую в центре чёрный круг диаметром примерно 30 пикселей:

Чтобы создать узор на основе этого изображения, надо пройти по вкладке Редактирование --> Определить узор (Edit --> Define Pattern), после чего откроется диалоговое окно, где нужно задать имя:

Всё, узор сохранён в стеке. Если мы сейчас откроем менеджер наборов, мы его увидим:

Далее создадим документ, к примеру, 640 на 480 пикселей с белым фоном и нанесём на него это узор с помощью инструмента "Заливка". Нажимаем Ctrl+F5, открывается диалоговое окно, где выбираем "Регулярный" (Pattern), а затем наш узор:

Нажимаем ОК. Вот, что получилось:

Как видите, документ залит повторяющимися кружками, а между кружками имеется расстояние, как я и писал выше. Но это я сделал для примера, с помощью такого узора ничего интересного не сваять.

Создание собственного узора

Давайте сделаем собственный диагональный узор, с помощью которого придадим оригинальный дизайн логотипу сайта. Вот какой логотип получился у меня:

Но, т.к. материал получится очень длинным, я вынес урок по созданию собственного узора и применению его для создания логотипа сайта в отдельный материал .

Сохранение собственного узора

Сейчас наш новый узор находится в стеке программы Photoshop, если мы удалим его из стека, мы удалим его насовсем. Целесообразно будет сохранить узор на компьютере для дальнейшего по электронной почте, опубликовать в интернете и т.п.

Сделать это очень просто. Надо открыть диалоговое окно менеджера управления наборами и кликнуть мышкой по нужному узору. Если Вам необходимо сохранить несколько узоров, зажмите клавишу Ctrl и кликните по нужным. Вокруг выбранных узоров появится тонкая синяя рамка. При этом станет активной кнопка "Сохранить..." (Save Set...). Вам осталось лишь нажать на неё и выбрать папку для сохранения на Вашем компьютере.

Загрузка узоров в Photoshop

Для начала надо скачать набор узоров (файл.pat) и сохранить его на компьютере. Затем заходим в менеджер узоров и нажимаем кнопку "Загрузить" (Load):

Откроется стандартное окно Windows`а для выбора папки, выбираете папку, где сохранили набор и дважды кликаете по сохранённому файлу.

Откроется окно с вопросом, хотите ли Вы заменить набор или добавить к имеющемуся в стеке, или заменить (ОК или Append), выбираете:

Узоры из набора добавятся в стек.