Главная » Мелирование » Как сделать простой и красивый узор - геометрический орнамент

Как сделать простой и красивый узор - геометрический орнамент

Применение узоров в Adobe Photoshop является необходимым процессом творчества для добавления различных интересных элементов в дизайне.

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

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

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

1. Обзор узоров программы с функцией «Управление наборами» (Preset Manager) .

2. Три различных способа применения паттернов в Фотошоп .

3. Как создать собственный узор.

4. Создание и применение линейного диагонального узора на практике.

5. Установка Фотошоп-паттерна в библиотеке программы.

6. Создание библиотеки узоров.

Изучение узоров программы с функцией «Управление наборами» (Preset Manager) .

Вы можете найти узоры программы, заданные по умолчанию через функцию «Управление наборами». Доступ к наборам осуществляется через верхнее меню программы во вкладке Редактирование-Управление наборами (Edit > Preset Manager) . По умолчанию, окно Управления (Preset Manager) отображает палитру кистей (Brushes).

В открывшемся диалоговом окне найдите опцию «Тип набора» (Preset Type) и нажмите на стрелочку вниз. Из выпадающего подменю выберите параметр «Узоры» (Patterns) и вы увидите появившийся по умолчанию программы набор.

Это не все узоры, которые есть в программе. Для того, чтобы увидеть их все, нужно перейти к наборам библиотек. Библиотека узора представляет собой набор из 1 или более образцов, имеющих расширение файла PAT.

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

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

Нажмите опцию «Добавить» (Append) , если не хотите изменять предыдущие узоры, а просто хотите добавить выбранные сейчас.

Применение паттернов в Фотошоп.

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

Наложение узора при помощи команды «Заливка» (Fill).

Самый простой способ наложения паттерна заключается в заполнении им выделенной области. Например, активируйте инструмент «Прямоугольное выделение» и выделите участок любого размера на холсте. Затем, перейдите в меню Редактирование-Выполнить заливку (Edit> Fill (Shift + F5)) и в диалоговом окне заливки в опции «Использовать» (Use) укажите параметр Регулярный/Шаблон (Pattern).

Заливка узором позволяет использовать опцию «Заказной узор» (Custom Pattern) . Нажмите на стрелку параметра и вызовите подменю с библиотеками паттернов, нажав стрелочку справа. Выбрав нужный набор или узор, кликните по нему и нажмите ОК, чтобы заполнить им ваше выделение.

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

Наложение узора в «Стилях слоя».

Если вы хотите применить узор для любого выбранного слоя, двойным кликом по миниатюре этого слоя откройте окно «Стили слоя» (Layer Style) . Почти в самом низу найдите параметр «Наложение узора» (Pattern Overlay) и активируйте его. Откроется диалоговое окно опции, где вы можете так же, как и в предыдущем примере, выбрать необходимый паттерн и применить его к слою.

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

Совет: Чтобы отрегулировать положение узора на холсте, в параметре «Наложение узора» активируйте флажок Просмотр (Preview) , а затем поместите курсор мыши на холст и, удерживая ее нажатой, передвигайте ваш паттерн в основном окне программы в любом направлении.

Рисование узором при помощи инструментов «Заливка» (Paint Bucket Tool) и «Узорный штамп» (Pattern Stamp Tool) .

Если вы хотите применить узор, рисуя им по холсту, используйте инструменты Заливка и Узорный штамп. Активируйте их и настройте на применение узоров, а не цвета в верхней панели программы.

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

Но рисование узором займет у вас значительно больше времени, чем способ наложения узора при помощи команды «Заливка» или «Стилей слоя».

Посмотрите на сводную таблицу преимуществ и недостатков разных способов при наложении узора.

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

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

Чтобы создать узор, используйте инструмент «Прямоугольное выделение» (Rectangular Marquee Tool (M)) и выделите область, которую хотите поместить в узор. Затем перейдите во вкладку Редактирование-Определить узор (Edit> Define Pattern) , чтобы определить выделенную область как паттерн и присвойте ему имя в диалоговом окне.

Совет: Многие предпочитают создавать узор для своей работы за пределами рабочего документа. Это хорошая практика. Создавая Новый документ (Ctrl+N) для своего узора, вы тем самым, концентрируетесь на данной работе, не отвлекаясь ни на что более.

Создание и применение диагонального линейного узора.

Давайте попробуем сделать один из моих любимых паттернов в фотошоп: диагональный узор, который был применен для дизайна сайта «Design Instruct».

Создаем новый документ (Ctrl+N) в Фотошоп размером 600х600 рх и разрешением 72 рх/ дюйм c белым фоном.

Активируем инструмент «Горизонтальный текст» (Horizontal Text Tool (T)) и пишем фразу Design Instruct в верхней части холста. Выберите темный цвет для текста (#000000) , чтобы ясно видеть нашу работу. В данном варианте использован шрифт Helvetica Neue Medium размером 30 pt, но можно выбрать любой другой шрифт программы (например, Arial).

Теперь переходим к созданию узора для нашего основного документа. Его мы будем рисовать в отдельном документе Фотошоп . Создаем новый документ (Ctrl+N) размером 3х3 рх и разрешением 72 рх/дюйм. Цвет фона Прозрачный (Transparent) .
При сохранении узора в программе позже будет выбран белый цвет фона по умолчанию.

Так как холст довольно маленького размера, увеличим его инструментом Zoom Tool (Z) (лупа), приблизив. Я увеличил холст до 3200% от основного размера, что является максимальным увеличением.

Теперь будем рисовать белые диагональные линии по направлению из верхнего левого угла к нижнему правому. Для этого активируем инструмент Карандаш (Pencil Tool (B)) .

Установим цвет переднего плана (Foreground) на белый (#ffffff) и настроим размер карандаша на 1 рх с жесткостью (Hardness) 100%. Убедитесь, что опции Непрозрачность (Opacity) и Нажим (Flow) равны 100%.

Я в своем примере специально переключился на другой цвет, чтобы вы могли ясно видеть весь процесс создания узора. Удерживая Shift, нажмите Карандашом (Pencil Tool) в левом верхнем углу холста, а, затем в правом нижнем. Получилось ровное диагональное соединение из квадратов.

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

После создания диагональной линии, перейдите в Выделение – Все (Select> All (Ctrl+A)) , чтобы выделить весь холст.

Теперь перейдите во вкладку Редактирование-Определить узор (Edit> Define Pattern) и в диалоговом окне присвойте имя вашей линии, т.е введите любое название для вашего узора. После нажмите ОК.

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

Команда «Заливка» (Fill).

Создаем новый слой выше слоя с текстом (Ctrl+Shift+N) . Выделим текст, удерживая Ctrl и кликнув по иконке этого слоя.

Переходим в Редактирование-Выполнить заливку (Shift+F5) . В диалоговом окне в опции Использовать (Use) выбираем Узор (Pattern) , а в опции Заказной узор (Custom Shape) находим наш нарисованный паттерн с диагональными линиями.

Нажимаем Ок, чтобы применить узор с помощью команды Заливка (Fill).

Положительным моментом данной техники является то, что заливка узором находится на отдельном слое, что позволяет добавлять к паттерну разные стили слоя, которые не влияют на текстовой слой под ним. Давайте попробуем так сделать. Уменьшим непрозрачность (Opacity) слоя с узором до 80%.

Совет: Хорошей практикой является использование узора на отдельном от объекта слое. Но, чтобы объект перемещался по холсту вместе с примененным к нему узором, используйте функцию Связать слои (Link Layers) . Иконка этой функции имеет форму скрепки и находится внизу панели слоев. Выделите нужные слои ( Ctrl +клик по миниатюре слоя) и нажмите на значок скрепки, или правой кнопкой мыши кликните по выделенным слоям и выберите опцию - Связать слои.

Применение диагонального узора в «Стилях слоя».

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

Дважды щелкните по текстовому слою, чтобы вызвать окно «Стилей слоя» (Layer Style) и выберите параметр «Наложение узора» (Pattern Overlay) . В окне параметра нажмите на стрелку с узором и из набора выберите ваш созданный диагональный паттерн. Включите функцию Предварительного просмотра (Preview) , чтобы контролировать процесс наложения узора и, если необходимо, изменить что-либо.

Вот вкратце разъяснение опций окна «Наложение узора» (Pattern Overlay) :

1. Изменение режима смешивания в узоре (Умножение, Перекрытие, Осветление основы и т.д.)

2. Управление непрозрачностью узора. Чем ниже уровень непрозрачности, тем прозрачнее узор.

3. Окно узора. Открыв его, можно выбрать любой узор для наложения на объект.

4. Создание нового имени для данного узора.

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

5. Масштаб (Scale) регулирует масштаб и разрешение узора.

6. Связать со слоем (Link with Layer)

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

Наложение узора при помощи инструмента «Узорный штамп» (Pattern Stamp Tool (S)) .

Теперь попробуем использовать в работе наш диагональный узор при помощи «Узорного штампа». По своему стилю данный инструмент похож на использование Кисти (Brush Tool (B)) , только рисуем мы не цветом, а узором по холсту.

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

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

На Новом слое (Ctrl+Shift+N) начните рисовать поверх текста узором. Вы можете видеть, что я использовал штамп лишь в некоторых местах текста и менял непрозрачность (Opacity) инструмента для уникального эффекта.
В отличие от предыдущих двух способов наложения узора (Заливки и Стилей слоя) этот прием немного сложнее и требует определенного навыка.

Установка узоров в Фотошоп.

Если вы хотите использовать узоры, скачанные с других сайтов, то загрузить их в программу довольно просто. Перейдите в Редактирование-Управление наборами (Edit> Preset Manager) и в диалоговом окне нажмите на функцию «Загрузить» (Load) справа. Помните, что ваш скачанный узор должен иметь расширение РАТ, чтобы программа установила его. В открывшемся окне загрузки укажите место нахождения вашего файла с узором и нажмите «Загрузить».

Обычно узоры устанавливаются программой в папку по такому пути: Adobe Photoshop > Presets > Patterns .

Вот несколько бесплатных ресурсов, которыми вы можете воспользоваться при поиске нужных узоров:

Создание библиотеки узоров.

Чтобы создать шаблоны узоров в библиотеке программы, перейдите во вкладку Редактирование-Управление наборами (Edit > Preset Manager) . Выберите в списке образцы, которые вы хотите добавить в библиотеку, удерживая Ctrl и делая клик по нужным узорам, выделяя их. Далее нажмите кнопку «Сохранить» (Save Set) . Сохраните набор выбранных узоров в любом месте вашего компьютера.

Теперь этот файл можно установить и на других компьютерах. Успехов в освоении программы!

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

Но наше с вами особое внимание сегодня будет приковано к тому, как создать фон или текстуру в виде вязки на спицах или иначе, в виде джемперной вязки, вязки свитеров. Ни для кого не секрет, что вязка с «зимним» рисунком - «бич» новогодних праздников и особенно в западных странах (аналогично тому, как клипарты Санта-Клауса в России используются гораздо чаще, чем Деда Мороза). Поэтому, создавая оформление для распродажи в интернет-магазине, небольшой секции с товарами или для раздела «Наше Новогоднее Предложение » (а может даже просто, меняя дизайн самого обычного сайта компании на новогодне-праздничный), вполне уместно использовать небольшой кусочек такого вот вязаного фона или текстурки. Обычно в виде вязки изображают оленей, снежинки, елочки, угловые орнаменты, точечки, звездочки, буквы и надписи. Иными словами, все то, что легко самостоятельно вывязать спицами и нитками.

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

Особенности создания вязаной текстуры

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

Кроме того, орнаменты в вязке всегда используются простые, а для веб-дизайна особенно. Разумеется, если необходимо/хочется создать шедевр Айвазовского в виде вязки, то это одно. Можно посидеть и отрисовать кисточками. Но для оформления сайтов такое не нужно. Даже…неуместно. Требуется нечто простое, скромное, несложное визуально, поскольку основной нагрузки все это нести не будет, но именно своей ненавязчивостью придаст праздничное настроение посетителям.

И еще один момент; он больше связан именно с вязанием. Чтобы вывязать рисунок (пусть и новогодний), его размечают строго по клеточкам, ассоциируя каждую петлю с одной клеткой. Поэтому, чтобы и нам в Photoshop нарисовать оленя или снежинку, придется её четко и симметрично рассчитать по клеточкам. На самом деле это несложно и в интернете таких материалов «навалом» и Google приходит на помощь. Тем более, что схемы вышивки крестиком тоже могут подойти, но они мелковаты в деталях.

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

Photoshop проще Illustrator

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

Создаем новый документ с размерами 50х50 рх с прозрачным фоном. Это будет и наш узор, и наша кисточка. Рисуем фигуру Эллипс по высоте нашего квадратика. Толщину его определите сами, это и отобразит толщину нити. Выделяем фигуру ctrl+ T и поворачиваем ее так, чтобы нижний конец был в середине квадрата, а верхний смотрел в угол.

Копируем слой, зажимая Alt+ЛКМ и разворачиваем второй эллипс по горизонтали. Совмещаем две фигуры, чтобы их нижние концы сошлись, объединяем слои и сохраняем как кисть и как узор. Меню Редактирование -> Определить кисть и Определить узор.

Создаем новый документ. Размер его зависит от вашего узора, который вы будете размножать. Если это часть орнамента, посчитайте, сколько петелек в нем. А одна петля у нас 50 рх. Мы выбрали 1000х600, прозрачный.

Переходим в Редактирование -> Настройки -> Направляющие, сетки и устанавливаем линию сетки каждые 50 пикселей, то есть по ширине нашей петли. Внутреннее деление на свое усмотрение. Затем Просмотр - > Показать -> Сетку.

Казалось бы, что проще всего нажать заливку узором и затем раскрасить полосами и блоками. Но при этом узор будет выглядеть, как обычная «елочка». Поэтому проще сейчас выбрать кисточку с нашей петлей, определить цвет и на новом слое нарисовать петлю. Теперь переходим к инструменту Перемещение, зажимаем ALT + ЛКМ и копируем слой вправо . Таким образом, по горизонтали мы создаем полоску петелек.

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

Создали полоску. Слоев много. Объединяем их. И аналогичным образом начинаем копировать одной большой полосой вниз. НО. Если у вас дома есть вязаные вещи и вы внимательно посмотрите на вязку, то петельки по вертикали расположены очень близко. То есть четко по вертикали в сетке в Photoshop выравнивать не стоит. Наоборот, подберите то значение (у нас смещение было 34 рх по Y), что более красиво и придерживайтесь его.

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

Теперь приступим к самому простому орнаменту. Создаем новый слой. И вообще, все рисунки на фоне петель рисуем на новых слоях. Поскольку рождественские рисунки обычно вывязываются белым цветом на ярком контрастном фоне, то выбираем нашу кисточку. Размер может быть на пару пикселей больше, чем оригинальный размер в 50рх. Причина в том, что нитки, бывает, тоже используют чуть разные. А такой вариант добавит узору реалистичности. И рисуем столбик петельками поверх наших фоновых петелек. Поверьте, считать и фантазировать по уже заготовленному фону гораздо проще, чем сразу кисточкой рисовать, меняя цвета. Чуть ниже еще столбик, и еще. Затем, готовую часть орнамента можно скопировать на новый слой. И вот что получилось.

Разумеется, что 50 px кисточка может быть и крупной, поэтому смотрите по сетке (настройте её) и поэкспериментируйте с разными вариациями. Елочка, надписи, олени и другие украшательства рисуются точно также. Более того, можно создать заготовки фона или орнаментов.

Таким образом, один раз подобрав рисунок и подготовив базовые элементы, можно быстро создать вязаную текстуру и написать «Скидка 50% на все » и елочку со снежинкой в уголочке. А уже поверх петель разместить изображения флакончиков, баночек и прочего. Вариаций много и они разные.

Action Ugly Sweater

Второй, возможно, более простой способ создания вязаного рисунка - это использование actions для Photoshop. Ugly Sweater в своем составе имеет сам actions, а также узор и стиль.

Запускаем английскую версию Photoshop и последовательно устанавливаем каждый из трех файлов. Как это делается можно прочитать… да хотя бы и в последнем материале по actions 2017 .

Особенность данного дополнения в том, что перевести в вязаную текстуру можно практически любое изображение. То есть, совершенно неважно насколько оно художественное или схематичное, главное - чтобы оно было четким. Кроме этого, перед началом самого Actions вы можете выбрать размер петель.

Установили все файлы из архива, открываем изображение. Мы подобрали самые простые, но праздничные элементы и попробуем их «связать».

Мы также выбрали размер петель 50px (для сравнения) и нажимаем Play. Рано или поздно появится окно фильтра Постеризация . Чем больше вы укажите значение, тем плавнее и градиентнее будут переданы цветовые оттенки. В реальной вязке оттенки можно передавать, но сложно, поэтому цвета обычно четкие. Мы выберем нечто среднее - 4.

Следующий диалог ориентирован на работу с количеством петель в целом. Либо петель будет густо и много, либо мало.

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

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

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

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

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

Наборы узоров

Но если самим создавать рисунки и вязки нет желания/фантазии, то, разумеется, в интернете можно найти и готовые варианты узоров, изображений, орнаментов. Например, на одном только freepik можно найти как просто подборку рождественских узоров, так и фоновых текстур. И вот какие:

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

Заключение

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

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

Так или иначе, но создание вязаной текстуры - отличный вариант сделать уникальный дизайн проекта. Никто не говорит о том, чтобы делать весь фон страницы (во весь экран монитора) в петельках и орнаментах. Но украсить какие-то отдельные элементы - это просто и красиво. Кроме того, такие текстуры придадут проекту некоторую изюминку и привлекут посетителей «домашней теплотой» к сайту, к контенту. Представьте, если интернет-магазин продает одежду. Почему бы не оформить раздел свитеров, шапок или шарфиков именно в вязаном стиле? Или объявление о тематической распродаже?

Скажите, что: «кропотливо и сложно. Хочется быстро: раз-два и быстренько отдали на верстку или сами сверстали ». Но такого не бывает или бывает редко. Чтобы получился отличный дизайн, нужно еще поработать и над визуальной составляющей, изображениями. Да к тому же, если не на этот год, то к следующему году можно успеть воплотить идеи орнаментов и неторопливо нарисовать что-то необычное и красивое. Ибо вязка спицами актуальна во все времена, вне зависимости от стилей, трендов, «фишек» и веяний в дизайне. Вечность в классике.

С наступающим вас, читатели, годом рыжего песика!

Итак, мы продолжаем изучать применение узоров в Фотошоп. В мы узнали, что такое узоры в Фотошоп, научились применять заливку узором, накладывать узор в стилях слоя и пользоваться инструментом «Узорный штамп».

В этой статье мы рассмотрим вопросы создания новых узоров и установки готовых узоров в 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) привязывает узор к конкретному слою, так если вы будете передвигать слой с отмеченным параметром, то узор будет перемещаться вместе со слоем, если вы уберете галочку с этого параметра, то слой будет перемещаться отдельно, а узор останется.

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

Вы можете сохранить и загрузить настройки, установленные по умолчанию для каждого эффекта в диалоговом окне Стилей слоя. Щелкнув Сделать по умолчанию (Make Default), Фотошоп сохранит любые настройки, который активны в данный момент, как новые настройки по умолчанию для этого эффекта.
Нажав на Сбросить по умолчанию (Reset to Default), Фотошоп загрузит любые настройки, которые были последними сохраненными. Это позволяет вам экспериментировать и просто перезагружать настройки, если хотите начать сначала.

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

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

Ой, что-то я заболтался.

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

Итак, приступим, наконец-то, научимся как сделать узор в фотошопе .

Шаг 1. Создаем файл с размерами 4 на 4 пикселя. Да-да, Вы все правильно прочитали. Такое маленькое изображение у нас будет.

Шаг 2. Берем карандаш, и выставляем цвет черный, и толщину 1 пиксель. То есть, минимум.

Шаг 3. Делаем подобное, как у меня на скриншоте:

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

Шаг 4. Все, узор у нас готов, но как же сохранить его? Переходим в Редактирование > Определить узор…