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

Чтобы загрузить библиотеку, которые поставляются в комплекте с 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), выбираете:

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

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

Давайте попробуем создать яркую полосатую текстуру при помощи инструмента «узор» самостоятельно. Для изучения этого урока потребуются простейшие инструменты.

Для начала создаем новый документ размером 120 на 60 пикселей.

Теперь выбираем инструмент «прямоугольник».

И на нашем документе рисуем прямоугольник нужного цвета. У меня будет # bbbed1.

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

И рядышком выставляю еще несколько прямоугольников цветов: # dce2ee, #e2dcea, #6c95c8, # 2b579e.

Вот такая симпатичная картинка у меня получилась. Ей-то и уготована учесть стать будущим узором для фона.

Сводим слои.

И во вкладке «редактирование» ищем команду «определить узор».

Даем ему поэтичное и уникальное имя.

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

Создаем новый документ. А на нем любую геометрическую фигуру. Она должна находиться на новом слое. Это важно!

У меня это выглядит так.

И в окне слоев ищем «параметры наложения. Для этого кликаем по слою с прямоугольников левой клавишей мыши.

Наш узор найдется именно здесь. Выбираем его и применяем.

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

Думаю, вы уже догадались, что вы можете создавать разные узоры множеством способов. Все, что придет в голову. Это могут быть точки, линии, кружки, звезды. Любые геометрические фигуры могут стать вашей заготовкой. Более того, можно особо не мучиться и взять кусочек готовой картинки. Допустим, какое-нибудь дерево или листочек. Определяем картинку как узор и вуаля! Мы можем замостить ею все, что душе угодно. И не придется страдать над выставлением линеек, наложением цветов и сдвиганием фигур. Казалось бы, прием элементарный, а экономия времени колоссальная.

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

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

Что такое узор в фотошопе?

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

Узор - это небольшое изображение представляющее собою сочетание переплетение линий, красок, теней.

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

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

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

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

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

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

Карандаш настроили, теперь выбираем инструмент «перо » настроим его как показано на скриншоте и создадим замкнутый контур, кликнув в 4 точках вершин, чтобы получился ромб.

Создали контур, теперь кликнем правой кнопкой мыши на изображение и в появившемся меню выбираем «выполнить обводку контура… »

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

Теперь еще раз кликнем по изображению правой кнопкой мыши и в выпавшем меню выбираем «удалить контур ».

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

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

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

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

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

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

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

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

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

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

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

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

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

Использование иглы при создании маникюра

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

Подготовка рабочего места

Для работы понадобятся:

Как работать иголкой в домашних условиях: основные правила

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

Если нет уверенности в своих силах, можно потренироваться в рисовании на стекле.

• Рисовать можно как по сухому основанию, так и по мокрому, однако для начинающих художников работа на мокром предпочтительнее. К тому же, при работе «по мокрому» получаются более интересные цветовые переходы. Но работать нужно быстро, пока лак не засох.
• Для удобства иглу можно поместить в автоматический карандаш вместо грифеля.
• Во время работы она должна двигаться под углом 90 градусов к плоскости рисунка.
• При выполнении рисунка не стоит сильно нажимать на иглу, чтобы не поцарапать ногтевые пластины.
• После выполнения каждого нового действия инструмент необходимо протирать салфеткой, чтобы на рисунок не попали комочки застывшего лака.
• Порядок работы повторяется последовательно для каждого ногтя.

Техника выполнения рисунка «солнышко»

1. Рисунок наносят на подготовленные ногти, поэтому сначала нужно сделать обычный маникюр и придать ногтям форму.
2. Ноготь, на который будем наносить рисунок, покрываем зеленым лаком. При необходимости можно нанести и второй слой. Это основа для рисунка. Поскольку рисунок осуществляется по мокрому основанию, не нужно дожидаться высыхания основы, а действовать стоит очень быстро.
3. Выбираем контрастный лак, например, белый и ставим точку посередине ногтя.
4. Иглой проводим линии из центра точки, рисуя лучики, как на схеме.

   Из центра белой точки иглой рисуем лучики, вытягивая рисунок

5. п.2,3,4 выполняются на каждом ногте.
6. После высыхания рисунка закрепляем его прозрачным лаком.

   Hисунок нужно закрепить финишным покрытием, чтобы придать блеск

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

Dыполнение рисунка из двух цветов лака придаст узору яркости

Рисунок лаком «веточка»: поэтапный урок

Как сделать цветочный узор «Тюльпан» на ногтях (видео)

Схема «Зигзаг»: простой узор для начинающих

Более простой вариант рисунка – «зигзаг», выполняется с использование двух цветов лака, без проставления точек. Для его выполнения:

Техника «абстракция»: выполняем дома

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

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

   наносим лак-основу и сверху проставляем цветные точки, не позволяя им высохнуть

2. Рисуем иглой петельки, причём игла не должна отрываться от поверхности. Абстрактный рисунок выполняется по схеме:

   абстрактный рисунок можно нанести на любую часть ногтевой пластины

3. Закрепляем финишным покрытием.

Выполнение усложнённого абстрактного рисунка (видео)

Схема «параллель»

Очень интересные и разнообразные рисунки можно сделать на основе этой схемы.

Выполнение рисунка в голубых тонах (видео)

Как делать узор «паутинка»

Это ещё один рисунок на ногтях, для выполнения которого нужно несколько сочетающихся цветов лака. Рисунок наносят на уголок ногтевой пластины или с одного края. Порядок выполнения таков: