Пять инструментов для работы с узорами в фотошопе
/ Сергей Нуйкин / Теория по фотошопу
Друзья привет, рад что заглянули! Сегодня в нашей статье пойдет речь об инструментах, которыми можно применять узор в фотошопе. В данной статье я расскажу о 5 инструментах. Каждый, из которых имеет свои плюсы и минусы, а также ряд особенностей. Такие как масштабируемость узора, возможность применения к выделенной области, возможность создавать местами полупрозрачный узор.
Итак, давайте начнем с самого начала, в предыдущем уроке мы создали простой узор, вот на его основе мы и будем рассматривать способы применения. Если вы не знаете, как создать узор, то рекомендую сначала ознакомиться со статей, как сделать узор в фотошопе.
Будем считать, что узор создавать вы умеете, ну или на крайний случай можете использовать стандартный, один из тех, что идут вместе с photoshop.
Создадим новый документ, произвольного размера это значения не имеет. И будем применять к нему наш узор разными способами.
Можете залить градиентом или оставить однотонный цвет.
Инструмент 1: заливка (G).
Выберем инструмент заливка на панели инструментов, установим вид заливки на регулярный, в окошке рядом выберем наш узор. И заливаем наш фон, как видите фон стал в сеточку.
При использование этого инструмента мы можем настроить непрозрачность узора, за счет настройки параметра непрозрачность у инструмента заливка.
А также мы можем применять заливку к выделенной области. К примеру, возьмем инструмент прямоугольная область (M) создадим выделение и зальем его узором, у нас зальется только выделенная область.
Можно выполнять заливку на прозрачный фон тем самым мы получим только узор сетки.
Инструмент 2: узорный штамп (S).
Выбираем инструмент узорный штамп, настроим его по порядку слева на право, выберем мягкую кисть.
При необходимости можно выбрать один из режимов наложения. Настройте непрозрачность при необходимости. Благодаря этому параметру можно в некоторых местах делать узор менее заметным. Ну и в заключение выберем сам узор, и можно рисовать штампом.
Инструмент 3: команда в меню «выполнить заливку… (Shift+F5)».
Идем в меню редактирование > выполнить заливку или жмем на сочетание клавиш Shift+F5. В появившемся окне выбираем использовать: регулярный, а также заказной узор выбираем наш узор. Можно установить режим наложения и выставить непрозрачность.
Инструмент 4: используя новый слой заливку.
Для этого идем в меню слои > новый слой заливка > узор, в появившемся окне даем имя нашему слою, можно установить галочку на, использовать предыдущий слой для создания обтравочной маски (статья по обтравочной маске) тогда наш узор будет применен к имеющемуся предыдущему слою как обтравочная маска.
Если этот параметр не устанавливать, то у нас будет создан слой маска. Установив параметр, цвет мы сделаем пометку цветом для нашего слоя. Также мы можем установить режим наложения и непрозрачность (непрозрачность можно и отрегулировать позже в панели слоев).
Жмем «ок» и у нас вновь появляется окно, в котором мы выбираем наш узор и задаем дополнительные параметры масштаб узора очень удобный параметр, иногда очень выручает, а также сохранение узора в наборе если необходимо. Хочу заметить момент, когда мы находимся в этом окне мы легко можем двигать наш слой маску с узором в любую сторону как нам больше подойдет, а если нас не устраивает и мы хотим вернуть все на свои места, то просто нажимаем на кнопку «привязка к началу координат» тогда все наши сдвиги сбросятся и узор встанет на начало координат. Жмем «ок» и наш узор применился с нашими настройками.
Инструмент 5: при помощи стиля слоя.
Идем меню слои > стили слоя > параметры наложения, либо двойной клик по слою справа от имени слоя (подробнее о стилях слоя). В стилях слоя мы можем использовать узор в двух параметрах как текстуру для тиснения и как наложение узора.
Для использования как текстуру для тиснения переходим на вкладку текстура, выбираем наш узор и настроим параметры масштаб и глубина тиснения. А также для некоторых текстур можно устанавливать инверсию.
Для наложения узора переходим в стилях слоя на вкладку наложение узора, можно выбрать режим наложения, сам узор. Также как и при использование слоя заливки при создание узор можно двигать на холсте и если не устроит можно сделать привязку к началу координат. Можно масштабировать узор, за счет чего можно добиться более нужного результата.
А также если произвели большое количество действий и запутались, а хочется восстановить исходные значение можно воспользоваться кнопкой «восстановить значения по умолчанию» тогда все настройки сбросятся.
На этом все, я рассказал о 5 способах использования узоров в фотошопе, каждый из которых имеет свои уникальные стороны. Поэкспериментируйте и вы сами поймете их.
Если не подписаны на обновления, рекомендую подписаться, тогда раньше всех будите узнавать о новых статьях.
Прочли статью, не уходите сразу на фотодизарте есть еще масса интересного и полезного.
Как создать стиль, узор, градиент в Фотошопе
Часто приходится искать и скачивать из интернета что-нибудь интересное и необычное из исходников – узоры, стили… А их так много.
Иногда нужно что-то определенное, искать нужное долго и не факт, что вообще найдешь.
Но зная способ создания узоров, стилей и градиентов все становится намного проще. А делается это на самом деле очень просто.
В этом уроке мы рассмотрим как можно создать свои собственные узоры, стили, градиенты в Фотошопе.
Допустим, есть фоновый рисунок цветного стекла и хочется сделать из него стиль, чтобы всегда был под рукой (в примерах используется Photoshop CS2, русская версия).
Открываем в Фотошоп наш фоновый рисунок, берем инструмент Rectangular Marquee Tool (Инструмент «Прямоугольная область» / Клавиша «M») с заданными пропорциями 1:1 выделяем квадрат (или при нажатии клавиши Shift – автоматически выделяется квадрат). Переходим через меню Edit — Define Pattern (Редактирование — Определить узор).
В появившемся окне вводим имя узора – допустим «Цветное стекло» – и теперь он сохранен в галерее узоров.
На заметку – по большому счету можно не делать выделение, а сохранить в узор все изображение. Если узор симметричен, то можно выбрать фрагмент и тогда при наложении узора на изображение, края узора будут «склеиваться» и получится симметричное бесшовное полотно. Если узор без симметрии, то при заливке будет видна грань склеивания.
Теперь, зайдя в «Preset Manager» (Управлении библиотеками / Управление наборами) (Меню — Редактирование — Управление библиотеками / Photoshop CS2) и выбрав вкладку «Petterns» (Узоры) мы увидим свой узор.
Мы можем его так же сохранить в любую папку, нажав на кнопку «Save» (Сохранить). Как правило, в Фотошоп все сохраненные узоры (паттерны) хранятся в папке «путь к программе../Photoshop CS2/PresetsPatterns».
По той же технике создается стиль.
Применим данный узор к тексту
Создадим новый документ с белой заливкой 300 х 300 px. Выберем инструмент Type Tool (Инструмент «Горизонтальный текст» / Клавиша «T») и напишем букву «S» – шрифт можете выбрать любой, так же и как размер, но в данном случае использован «Jill Sans Ultra Bold» и размер 200 (достаточно объемный шрифт для наглядности заливки стилем).
Щелкаем правой кнопкой на слое с текстом и выбираем параметры наложения (или два раза щелкаем мышкой по слою с текстом, только не на названии слоя, иначе включится функция переименование слоя и не на миниатюре слоя – выделится текст на изображении).
Выбираем вкладку – перекрытие узора и из палитры узоров, выбираем наш сохраненный узор (можно привязать к началу координат для распределения узора по изображению).
Работая с другими вкладками (тень, свечение, тиснение и т.д.) создаем тот стиль, который нам понравится (можно экспериментировать с настройками) – в общем, полностью творческий процесс.
Допустим, у нас может получиться такое (сильно не мудрила, лишь для примера):
Теперь сохраняем стиль — находясь в настройках стиля слоя, жмем на «New Style» (Новый стиль):
Задаем название стиля и теперь в «Preset Manager» (Управлении библиотеками / Управление наборами), в закладке «Styles» (Стили) будет и наш стиль, который мы можем применять в любой, необходимой для нас ситуации. Например, залить фигуру нашим стилем (выбираем инструмент Custom Shape Tool (Инструмент «Произвольная фигура» / Клавиша «U»), из библиотеки фигур выбираем нужную фигуру и из библиотеки стилей – наш стиль) и получится:
И воспользуемся еще одной возможностью – созданием своих кистей — букву S мы можем сохранить как кисть: заходим через меню Edit — Define Brush Preset (Редактирование — Определить кисть), задаем имя и вот уже в библиотеке кистей есть наша буква.
Одно но – к кисти нельзя применить градиенты и стили, они применяются ко всему изображению, на которое наносится кисть.
Можно только менять настройки кисти.
Ну и наконец – градиент. Можно взять любой существующий градиент и отредактировать его по своему вкусу.
Берем инструмент Gradient Tool (Инструмент «Градиент» / Клавиша «G»), выбираем тот, который бы хотели отредактировать (в принципе, редактирование может полностью изменить первоначальный вариант, все зависит от желания), щелкаем два раза «ЛК мышки» на окошке с миниатюрой градиента для вызова редактора и после делаем с ним, что хотим.
Ну вот, теперь можно самим экспериментировать с собственными стилями, узорами и градиентами и создавать свои библиотеки.
Автор: sns;
Источник;
⇐ • Как сделать свою кисть (предыдущая страница учебника)
• Как установить новый узор (следующая страница учебника) ⇒
Скачать шаблоны для фотошопа бесплатно 100 файлов в формате .
patСортировать по: В тренде Новейшие Рекомендовать Релевантные Популярные Непопулярные Запросить дизайн
цветочная флора повторяющиеся лепестки ботанический цветок заблуждение иллюзия ботаника фрукты формы цветы повторяющиеся значки элементы природы повторяющиеся религия восточные восточные религиозные украшают фруктовые значки иллюзорные элементы декора
Все-бесплатно-download.com
[ PS узоры ] бесшовный рисунок повторяющий симметричную геометрию декор ( .pat 458.45KB )
All-free-download.com
[ PS Patterns ] Цветочный шаблон шаблона черно-белый плоский повторяющийся дизайн иллюзии симметрии ( .pat 1.04MB )
com [ PS Patterns ] шаблон шаблона мандалы плоский ретро симметричный декор лепестков ( .pat 1.80MB )
Все-бесплатно-download.com
[ PS Patterns ] Шаблон шаблона авокадо динамический плоский классический дизайн ( .pat 1.71MB )
All-free-download.com
[ PS Patterns ] шаблон рисунка мандалы плоские симметричные геометрические фигуры эскиз ( .pat 1.06MB )
All-free-download.com
[ PS Patterns ] шаблон венка черный белый плоский классический иллюзия симметрия ( .pat 863.11KB )
Все-бесплатно-download.
com
[ PS Patterns ] шаблон арбузного узора плоский грязный ретро-дизайн ( .pat 1.31MB )
All-free-download.com
[ PS Patterns ] шаблон шаблона лепестков черный белый классический повторяющийся эскиз симметрии ( .pat 314.28KB )
All-free-download.com
[PS Patterns] цветы шаблон шаблона в классическом стиле черный белый плоский повторяющийся дизайн (.pat 978,10 КБ)
All-free-download.com
[ PS Patterns ] Шаблоны с птицами и цветами плоские классические повторяющиеся элементы природы ( .pat 2.96MB )
All-free-download.
com
[ PS Patterns ] шаблон шаблона мандалы плоский винтажный симметричный повторяющийся рисунок от руки ( .pat 2.02MB )
All-free-download.com
[ PS Patterns ] Шаблоны фруктовых узоров Плоский повторяющийся дизайн ( .pat 2.46MB )
All-free-download.com
[ PS Patterns ] шаблон шаблона мандалы плоский классический симметричный цветочный эскиз ( .pat 841.74KB )
All-free-download.com
[ PS Patterns ] шаблон шаблона с цветами в японском стиле повторяющиеся лепестки плоский классический дизайн ( .pat 2.97MB )
Все-бесплатно-download.
[ узоры PS ] одиночный цветочный узор, повторяющий классический симметричный дизайн ( .pat 979.98KB )
All-free-download.com
[PS Patterns] шаблон шаблона мандалы плоский классический симметричный цветочный контур (.pat 1.72MB)
All-free-download.com
[ PS узоры ] разнообразие фруктовых узоров плоский красочный ретро-дизайн ( .pat 1.60MB )
Все-бесплатно-download.com
[ PS Patterns ] клубничный узор шаблон плоский классический повторяющийся грязный дизайн ( .pat 2.28MB )
All-free-download.
com
[ PS Patterns ] шаблон узора с цветами в японском стиле, повторяющий элегантный классический эскиз лепестков ( .pat 3.27MB )
All-free-download.com
[PS узоры] бордюрные элементы классический стиль узор шаблон симметричные повторяющиеся кривые формы эскиз (.pat 911,09 КБ)
All-free-download.com
[ PS Patterns ] разнообразие шаблонов фруктовых узоров красочный плоский беспорядочный дизайн ( .pat 2.10MB )
All-free-download.com
pat 1.87MB )
All-free-download.com
бесплатно скачать фотошоп шаблон Пэт Пэт файл бесплатно скачать фотошоп цветочный узор бесплатно фотошоп цветочный узор бесплатно коммерческое использование фотошоп узоры шаблоны формата пэт образцы фотошоп бесплатно веб-шаблон скачать ведро с краской бесплатно zip файл фотошоп 7 0 шаблоны прозрачные узоры пэт файл установить огненный узор пэт фото узоры фотошоп ткань скачать бесплатно круг узор кирпичный узор
[ PS Patterns ] шаблон мандалы плоский ретро повторяющиеся лепестки эскиз ( .pat 2.81MB )
All-free-download.com
[ PS Patterns ] шаблон с оранжевым рисунком плоский ретро грязный декор ( .pat 1.18MB )
All-free-download.
com
All-free-download.com
[ PS выкройки ] ананас узор шаблон яркий повторяющийся классический декор ( .pat 1.83MB )
All-free-download.com
[ PS узоры ] орнаментальный цветочный узор плоские повторяющиеся лепестки эскиз ( .pat 641.68KB )
All-free-download.com
[PS Patterns] шаблон с цветами в японском стиле, повторяющий плоский классический дизайн (.pat 2.51MB)
Все-бесплатно-download.
com
[ PS узоры ] шаблон мандаринового узора плоский классический грязный декор ( .pat 1.55MB )
All-free-download.com
[ PS узоры ] узор в цветочном стиле, повторяющий классический декор из лепестков ( .pat 935.99KB )
All-free-download.com
[ PS Patterns ] шаблон шаблона мандалы плоский ретро симметричный контур формы флоры ( .pat 1.81MB )
Все-бесплатно-download.com
[ PS узоры ] шаблон цветочного узора в классическом стиле повторяющиеся лепестки декор ( .pat 992.76KB )
All-free-download.
com
[PS Patterns] абстрактный узор из кривых классический бесшовный повторяющийся иллюзионный декор (.pat 919.76KB)
All-free-download.com
[ PS выкройки ] яблочный узор шаблон плоский классический повторяющийся рисованный декор ( .pat 1.69МБ)
All-free-download.com
[PS Patterns] шаблон ботанического узора плоский классический повторяющийся симметричный дизайн иллюзии (.pat 1,001.88KB)
All-free-download.com
[ PS узоры ] узор с птицами и цветами плоский классический повторяющийся эскиз ( .pat 2.52MB )
All-free-download.
com
[ PS Patterns ] Шаблоны с птицами и цветами Плоские виды туканов Листья Флора Декор ( .pat 4.15MB )
Все-бесплатно-download.com
фотошоп ломтики лепесток кусочки листья лист цветы узор фон повторять ткань нарезанный фрукт ткань форма геометрическая геометрия природа элемент мандала геометрическое существо пустыня дикая природа птицы виды бесшовные арбуз оранжевый клубника симметричные формы ананас дикая природа тукан абстракция закрученный кусок авокадо кривые рисованной абстрактный лимон оранжевый фрукты яблоко разнообразие оранжевый иконки различные элементы рамы из груши
Загрузка дополнительных элементов, пожалуйста, подождите…
Идет загрузка дополнительных элементов, пожалуйста, подождите…
Критерий поиска:
Тип поиска:
Совпадение с любымСовпадение со всеми
Искать в:
ВекторыИконкиФотографииШрифтыШаблоны сайтовPSD
Лицензия:
Все лицензииРазрешить коммерческое использование
Результат сортировки:
Сначала лучшее совпадениеСначала новыеСначала много загрузокСначала меньше загрузок
- Дом
- Лицензии
- Срок
- Конфиденциальность
- О
- Связаться с
Создание повторяющихся узоров из пользовательских фигур в Photoshop
Шаг 1.
Создание нового документаКак мы узнали еще в начале этой серии, первое, что нам нужно сделать, это создать одну плитку, которая станет нашим повторяющимся узором. Для этого нам нужен новый пустой документ, поэтому перейдите на Файл в строке меню в верхней части экрана и выберите Новый :
Выберите «Файл» > «Создать».
Откроется диалоговое окно «Новый документ» Photoshop. Размер документа, который мы здесь создадим, станет размером плитки, которая будет повторяться как узор. Поскольку меньшие плитки должны повторяться больше, чем большие, чтобы заполнить одинаковое пространство, размер плитки оказывает большое влияние на общий вид узора. Позже вы захотите поэкспериментировать с различными размерами плитки для своих собственных дизайнов, но для этого урока введите 9.0357 100 пикселей для Ширина и Высота документа и убедитесь, что Фоновое содержимое установлено на Прозрачный .
Вы можете оставить значение Разрешение по умолчанию 72 пикселя/дюйм :
Диалоговое окно «Новый документ».
Когда закончите, нажмите OK, чтобы закрыть диалоговое окно. Новый пустой документ появится на вашем экране. Документ размером всего 100 x 100 пикселей может быть немного мал для работы с ним, поэтому я увеличу его, удерживая нажатой кнопку 9.0357 Ctrl (Win) / Command (Mac) и мой пробел , который временно переключает нас на Photoshop Zoom Tool (вы увидите, как курсор мыши изменится на увеличительное стекло) и несколько раз щелкните внутри окно документа. Здесь я увеличил до 500%:
Шаблон шахматной доски — это способ Photoshop сообщить нам, что фон документа прозрачен.
Шаг 2. Добавьте направляющие в центр документа
Далее нам нужно найти точный центр нашего документа, и мы можем сделать это с помощью Photoshop направляющие .
Когда мы рассмотрели основы создания повторяющихся узоров, мы узнали, как добавлять направляющие с помощью команды «Новая направляющая». На этот раз мы добавим направляющие, используя линейки Photoshop . Любой способ добавления направляющих подходит, поэтому не стесняйтесь использовать любой метод, который вы предпочитаете. Однако для этого руководства перейдите в меню View в верхней части экрана и выберите Rulers :
Выберите Вид > Линейки.
Вы увидите, что линейки Photoshop появляются вверху и слева от документа. Щелкните в любом месте внутри левой линейки и, удерживая нажатой кнопку мыши, перетащите вертикальную направляющую в центр документа. Когда вы подойдете достаточно близко к центру, направляющая встанет на место. Отпустите кнопку мыши, чтобы разместить направляющую:
Щелкните внутри левой линейки и перетащите направляющую в вертикальный центр документа.
Затем щелкните в любом месте верхней линейки и, снова удерживая нажатой кнопку мыши, перетащите горизонтальную направляющую вниз в центр документа.
Когда вы окажетесь достаточно близко к центру, направляющая встанет на место. Отпустите кнопку мыши, чтобы разместить вторую направляющую:
Щелкните внутри верхней линейки и перетащите направляющую в центр документа по горизонтали.
После добавления обеих направляющих можно отключить линейки, вернувшись в меню View и снова выбрав Rulers . Или вы можете использовать удобное сочетание клавиш Ctrl+R (Win) / Command+R (Mac), чтобы быстро включать и выключать линейки при необходимости. Место, где пересекаются обе направляющие, является точным центром документа. На моем снимке экрана направляющие отображаются красным цветом. Если вы следили за первым уроком в серии, вы знаете, что это потому, что я изменил цвет моих направляющих в настройках Photoshop, просто чтобы их было легче увидеть на снимках экрана. Цвет направляющих по умолчанию — голубой, это цвет, в котором будут отображаться ваши направляющие, если вы не изменили его в настройках:
Не волнуйтесь, если ваши направляющие отображаются другим цветом, например голубым.
Цвет не важен.
Шаг 3. Выберите инструмент пользовательской формы
Выберите инструмент Custom Shape Tool на панели инструментов. По умолчанию он скрывается за инструментом «Прямоугольник» , поэтому щелкните инструмент «Прямоугольник» и удерживайте кнопку мыши нажатой в течение секунды или двух, пока не появится всплывающее меню, затем выберите инструмент «Пользовательская фигура» в нижней части списка:
Нажмите и удерживайте инструмент «Прямоугольник», затем выберите в меню инструмент «Пользовательская фигура».
Шаг 4. Выберите параметр «Заполнить пиксели»
Photoshop дает нам три различных способа использования его инструментов формы. Мы не будем вдаваться в подробности о них здесь, но в целом мы можем использовать их для рисования векторных фигур , путей или фигур на основе пикселей . Photoshop позволит нам сохранить наш дизайн как шаблон только в том случае, если он был сделан с пикселями, поэтому сначала нам нужно сообщить Photoshop, что мы хотим, чтобы формы, которые мы собираемся нарисовать, были заполнены пикселями, и мы делаем это в параметрах.
Полоса вдоль верхней части экрана. В крайнем левом углу панели параметров находится ряд из трех значков. Каждый значок выбирает один из трех типов фигур, которые мы можем рисовать. Нажмите на третий значок (тот, что справа), чтобы выбрать Заполнить пикселей вариант:
Выберите параметр «Заполнить пиксели», щелкнув соответствующий значок на панели параметров.
Шаг 5. Выберите пользовательскую форму
Теперь, когда мы сказали Photoshop рисовать фигуры на основе пикселей, нам нужно выбрать фигуру, которую мы хотим нарисовать. Щелкните миниатюру предварительного просмотра формы на панели параметров:
.Щелкните миниатюру предварительного просмотра формы.
Откроется Средство выбора форм , в котором отображаются маленькие эскизы всех форм, из которых мы в данный момент можем выбирать. Чтобы выбрать фигуру, просто нажмите на ее миниатюру. я выберу Форма сердца , нажав на нее.
Выбрав фигуру, нажмите Enter (Win) / Return (Mac), чтобы закрыть окно выбора формы:
Нажмите на миниатюру формы сердца, чтобы выбрать ее.
Шаг 6. Нарисуйте фигуру в центре документа
Нам нужно нарисовать нашу фигуру в центре документа, поэтому мы добавили направляющие, чтобы найти центр для нас. Мы хотим, чтобы наша фигура была черной на данный момент, поэтому нажмите букву D на клавиатуре, чтобы быстро сбросить настройки Photoshop.0357 Цвета переднего плана и фона к их значениям по умолчанию, если это необходимо, что установит цвет переднего плана на черный. Вы можете увидеть текущие цвета переднего плана и фона, посмотрев на их миниатюры в нижней части панели «Инструменты»:
.Образцы цветов переднего плана (вверху слева) и фона (внизу справа) на панели инструментов.
Установив черный цвет переднего плана, поместите курсор мыши прямо над центром документа, чтобы целевой символ курсора совпал с вертикальной и горизонтальной направляющими, затем щелкните и, удерживая нажатой кнопку мыши, начните перетаскивать фигуру.
. После того, как вы начали перетаскивать, удерживайте Shift+Alt (Win) / Shift+Option (Mac) и удерживайте их нажатыми, продолжая перетаскивать фигуру. Удерживая нажатой клавишу Shift, сохранится исходное соотношение сторон фигуры, поэтому вы не сделаете ее выше и тоньше или короче и шире, чем она должна быть, в то время как клавиша Alt (Win) / Option (Mac) сообщает Photoshop вытяните фигуру из ее центра. Когда вы закончите, ваш документ должен выглядеть примерно так (мой документ увеличен до 500%, поэтому края фигуры выглядят блочными):
Перетащите фигуру в центр документа.
Шаг 7. Отключите направляющие
Теперь, когда мы нарисовали фигуру, направляющие больше не нужны и только мешают, так что давайте отключим их. Перейдите к меню View в верхней части экрана, выберите Show , затем выберите Guides . Вы увидите галочку слева от слова «Гиды», которая говорит нам, что они в настоящее время включены.
Выбор их, когда они включены, отключит их:
Выберите Вид > Показать > Направляющие, чтобы отключить направляющие.
Шаг 8. Дублируйте слой
Давайте сделаем наш дизайн немного интереснее перед тем, как сохранить его как шаблон. Сделайте копию слоя, перейдя в меню Layer в верхней части экрана, выбрав New , затем выбрав Layer через Copy :
Выберите «Слой» > «Создать» > «Слой через копирование».
Вы также можете использовать сочетание клавиш Ctrl+J (Win) / Command+J (Mac), чтобы быстро скопировать слой. В любом случае программа Photoshop делает копию слоя 1, которую он творчески называет «Копия слоя 1», и размещает ее над оригиналом на панели «Слои»:
.Копия слоя появляется над оригиналом.
Шаг 9. Применение фильтра смещения
Как и при изучении основ создания повторяющихся узоров, мы воспользуемся фильтром смещения Photoshop, чтобы добавить немного интереса к нашей плитке.
Поднимитесь на Меню «Фильтр » в верхней части экрана, выберите «Другое », затем выберите «Смещение :
Выберите «Фильтр» > «Другое» > «Смещение».
Откроется диалоговое окно фильтра смещения. Мы хотим ввести половину ширины нашего документа в поле значений Horizontal и половину высоты документа в поле значений Vertical . Поскольку наш документ имеет размер 100 x 100 пикселей, установите параметры Horizontal и Vertical на 50 пикселей. Затем убедитесь, что Опция Wrap Around выбрана в нижней части диалогового окна:
Диалоговое окно фильтра смещения.
Когда закончите, нажмите OK, чтобы закрыть диалоговое окно. Фильтр «Смещение» по существу разделил копию формы сердца на четыре равные части и поместил их в каждый угол документа. Это может показаться странным в данный момент, но не будет, когда мы увидим повторение паттерна чуть позже.
Форма сердца в центре документа — это исходная форма, которую мы добавили еще на шаге 6: 9.0005
Документ после применения фильтра «Смещение» к копии формы сердца.
Шаг 10. Сохраните дизайн как шаблон
После завершения дизайна нашей плитки мы готовы сохранить ее как образец. Перейдите в меню Edit в верхней части экрана и выберите Define Pattern :
.Выберите «Правка» > «Определить шаблон».
Photoshop откроет диалоговое окно Имя шаблона , чтобы мы могли дать нашему новому шаблону имя. Хорошей практикой является указание размера вашей плитки в названии на случай, если в конечном итоге вы создадите несколько одинаковых плиток разных размеров. Я назову свой шаблон «Сердца 100×100», так как размеры плитки 100 x 100 пикселей. Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. Шаблон сохранен и готов к использованию:
Включение размеров плитки в название может быть полезным.
Шаг 11. Создайте новый документ
Давайте создадим новый документ, чтобы заполнить его только что созданным узором. Как и в шаге 1, перейдите в меню File и выберите New . На этот раз, когда появится диалоговое окно «Новый документ», введите 1000 пикселей для Ширины и Высоты документа и измените Фоновое содержимое 9от 0358 до Белый . Оставьте значение Разрешение равным 72 пикселя/дюйм . Нажмите OK, чтобы закрыть диалоговое окно. Новый документ, залитый белым цветом, появится на вашем экране:
.Создание нового документа.
Шаг 12: Добавьте новый пустой слой
Вместо того, чтобы заполнять фоновый слой нашим узором, что ограничит наши дальнейшие действия с ним, мы добавим узор на отдельный слой. Щелкните значок New Layer в нижней части панели слоев:
Щелкните значок «Новый слой».
Photoshop добавляет новый пустой слой с именем «Слой 1» над фоновым слоем:
Photoshop помещает новый слой над фоновым слоем.
Шаг 13. Выберите инструмент Paint Bucket Tool
В предыдущих уроках этой серии мы узнали, как заполнить слой узором с помощью команды Photoshop «Заливка». На этот раз давайте посмотрим, как мы можем сделать то же самое, используя инструмент Paint Bucket Tool , который также позволяет нам заполнять слой или выделение цветом или узором. Вы найдете инструмент «Заливка» на панели «Инструменты». По умолчанию он прячется за цифрой 9.0357 Инструмент «Градиент» , поэтому нажмите на инструмент «Градиент» и удерживайте кнопку мыши, пока не появится всплывающее меню, затем выберите инструмент «Заливка» из списка:
Нажмите и удерживайте инструмент «Градиент», затем выберите инструмент «Заливка» из списка.
Шаг 14. Измените источник на шаблон
Выбрав Paint Bucket Tool, перейдите на панель параметров и установите Source для Paint Bucket на Pattern (по умолчанию он установлен на передний план):
Измените источник с переднего плана на образец.
Шаг 15. Выберите шаблон
С выбранным узором щелкните эскиз предварительного просмотра узора на панели параметров:
Нажмите миниатюру предварительного просмотра справа от параметра «Источник» на панели параметров.
Это открывает Pattern Picker Photoshop, где мы можем выбрать шаблон, который мы хотим использовать. Только что созданный шаблон будет последним в списке. Нажмите на его эскиз , чтобы выбрать его. После того, как вы выбрали шаблон, нажмите , введите (Win) / , верните (Mac), чтобы закрыть окно выбора шаблона:
Выберите узор «Сердца», нажав на его миниатюру.
Шаг 16. Щелкните внутри документа, чтобы добавить шаблон
Убедитесь, что на панели «Слои» выбран «Слой 1» (выбранные слои выделены синим цветом), затем, выбрав шаблон на панели параметров, просто щелкните в любом месте документа с помощью инструмента «Заливка», который мгновенно заполнит документ цветом.
шаблон. Плитка повторяется столько раз, сколько необходимо для заполнения всего пространства:
Щелчок в любом месте внутри документа заполняет слой 1 узором.
На данный момент наш узор черно-белый, но мы легко можем его раскрасить. Вы найдете все шаги, необходимые для раскрашивания узоров, в нашем предыдущем уроке «Повторяющиеся узоры — добавление цветов и градиентов» , поэтому я не буду повторять все здесь, но вот краткий пример того, как один и тот же узор может выглядеть после раскрашивания обоих белых. фон и сам узор:
Тот же узор после добавления цвета.
На панели «Слои» мы видим, что я добавил цвета, используя только два слоя заливки сплошным цветом , один для фона и один для узора. Опять же, вы найдете все необходимые шаги в предыдущем руководстве :
.Цвета были добавлены с помощью слоев сплошной заливки.
Загрузка дополнительных пользовательских фигур
Вернувшись к шагу 5, когда мы выбирали пользовательскую фигуру из палитры фигур, вы, возможно, заметили, что по умолчанию Photoshop не дает нам много фигур на выбор.
Если вы не надеялись добавить в свой дизайн повторяющиеся стрелки, лампочки или конверты, возможно, вы были немного разочарованы выбором. К счастью, есть много других форм, из которых мы можем выбирать. Нам просто нужно загрузить их в себя. Вот как.
В открытом средстве выбора формы нажмите на маленькую иконку со стрелкой в правом верхнем углу:
Щелкните значок стрелки.
Это открывает меню с различными параметрами, включая список дополнительных наборов форм, из которых мы можем выбирать. Я не буду перечислять их все, так как вы можете поэкспериментировать с ними самостоятельно, но в качестве примера я выберу набор фигур Животные :
Выберите любой из дополнительных пользовательских наборов фигур из списка.
Photoshop спросит, хотите ли вы заменить текущие фигуры новыми или хотите сохранить текущие фигуры и добавить новые в конец списка. Выберите Добавьте :
Нажмите кнопку «Добавить».
