Как скопировать узор в фотошопе

Обновлено: 01.07.2024

Использование новой панели «Наборы настроек» в Photoshop

Узнайте все о применении новых и улучшенных панелей «Наборы настроек» в Photoshop. Джулианна Кост (Julieanne Kost) подробно рассматривает все аспекты: от образцов до узоров, от градиентов до стилей и фигур.

Julieanne Kost

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

Выберите один или несколько текстовых слоев на панели «Слои», а затем щелкните любой узор на панели «Узоры», чтобы применить его.
Перетащите узор с панели «Градиенты» на текст в области холста.
Перетащите узор с панели «Узоры» на слой на панели «Слои».

В открывшемся диалоговом окне «Стиль слоя» («Слой» > «Новый слой заливки» > «Узор») или «Заливка узором» («Слой» > «Стиль слоя» > «Наложение узора») в средстве выбора угла можно указать определенный угол или вручную ввести нужное значение угла.

Чтобы применить узор к пиксельным слоям, выполните следующие действия.

Перетащите узор с панели «Узоры» на пиксельный слой на панели «Слои».
Photoshop автоматически создает слой-заливку поверх пиксельного слоя.

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

Выберите один или несколько текстовых слоев на панели «Слои», а затем щелкните любой узор на панели «Узоры», чтобы применить его.
Перетащите узор с панели «Градиенты» на текст в области холста.
Перетащите узор с панели «Узоры» на слой на панели «Слои».

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

Удерживая клавишу COMMAND (Mac)/ALT (Win), перетащите узор с панели «Узоры» на текст в области холста.
Удерживая клавишу COMMAND (Mac)/ALT (Win), перетащите узор с панели «Узоры» на нужный слой на панели «Слои».

Чтобы создать новую группу узоров, выполните следующие действия.

На панели «Узоры» («Окно» > «Узоры») щелкните значок «Создать новую группу».
Укажите имя группы и нажмите «OK».
Перетащите узор или используйте клавишу SHIFT, чтобы выбрать несколько узоров для перетаскивания в группу.

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

Выберите группу на панели «Узоры».
Теперь перетащите эту группу под другую группу.

Выберите «Узоры прежней версии и др.» в меню панели «Узоры».

Во всплывающем меню на панели «Узоры» выберите «Восстановить узоры по умолчанию».

Укажите узор, который необходимо переименовать, и выберите пункт «Переименовать узор» в меню панели «Узоры».

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

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

Что такое узор Photoshop?

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

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

В этом руководстве мы будем говорить о:

Изучение предустановленных узоров с инструментом "Управление наборами" (Preset Manager)
Применение узоров Photoshop с использованием трех различных методов
Создание пользовательского узора
Создание и применение диагонального узора из линий (для практики)
Установка библиотеки узоров
Создание шаблона библиотеки

Предустановленные узоры в менеджере наборов

Вы найдёте узоры, предустановленные Photohop, в окне управления наборами (Preset Manager), открывается оно через Редактирование --> Наборы --> Управление наборами или Edit --> Presets --> Preset Manager (Редактирование --> Управление наборами или Edit --> Preset Manager в ранних версиях). По умолчанию, в окне отображаются наборы кистей, нам необходимо переключиться на "Узоры" (Patterns):

По умолчанию представлено всего лишь несколько моделей, чтобы их было больше, нам необходимо загрузить их из встроенных библиотеки Photoshop. Библиотека узоров (Pattern Library) представляет собой набор из одной или более моделей и имеет расширение файла PAT.

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

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

Зависит от инструментов выделения Photroshop, а, значит, возможны трудности с заливкой некоторых объектов

Легко наносится на сложные объекты и формы
Имеет множество вариантов нанесения, Вы можете настроить такие параметры, как непрозрачность, масштаб и режим наложения
Возможность перемещать узор по холсту курсором мыши

Находится на одном и том же слое с объектом нанесения, а значит, любые изменения влияют на слой

Лучшая управляемость и контроль
Может быть сделана на отдельном слое, которым вы можете манипулировать независимо от других слоёв
Отлично подходит для нерегулярного применения шаблонов
Результаты можно смотреть в процессе нанесения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом уроке мы будем изучать основные принципы создания и использования повторяющихся бесшовных узоров (Patterns) в Photoshop. Изучив принципы построения узоров, Вы поймёте, что нет практически никаких ограничений для творческого потенциала их использования ваших проектах, будь то простые листы или фоны и элементы для веб-страницы.

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

Урок подходит для всех версий Photoshop, начиная с CS2.

Шаг 1. Создание нового документа
Итак, мы начинаем с создание основы для нашего будущего узора. Для этого необходимо создать новый документ. Открываем Photoshop и нажимаем комбинацию клавиш Ctrl+N, после чего откроется диалоговое окно создания документа. Зададим ширину и высоту документа в 100 пикселей, цвет фона - прозрачный (Transparent), разрешение - 72 пикселя/дюйм. Размер документа будет определять размер основы узора, что будет влиять на количество повторений на единицу площади. Т.е. сейчас я создаю основу узора для большого документа, соответственно, для небольшого документа нужно использовать документ с меньшей стороной.

Когда Вы введёте все параметры, нажмите кнопку ОК, чтобы закрыть диалоговое окно, после чего документ появится на экране. Серо-белая шахматная доска, заполняющая документ, говорит нам, что фон прозрачный. Для удобства, я увеличу масштаб документа, зажав Ctrl и несколько раз нажав на клавишу "плюс" ( + ). Подробнее о масштабировании в Photoshop рассказано здесь. У меня документ имеет масштаб в 300%:

Шаг 2. Добавление направляющих к документу
Мы должны знать точный геометрический центр нашего документа, для этого мы
поставим направляющие. В главном меню в верхней части рабочего окно Photoshop пройдите по вкладке Просмотр --> Новая направляющая (View --> New Guide), после чего откроется диалоговое окно создания направляющих. Выберите вертикальную направляющую (Vertical). Если в окне ввода "Положение" (Position ) у Вас единицы измерения, отличные от процентов, кликните правой клавишей мыши по окну и выберите проценты. Затем введите 50% и нажмите ОК:

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

Подробнее об установке и настройке направляющих Photoshop рассказывается здесь.

Шаг 3. Создаём выделенную область в документе
Берём инструмент "Овальная область" (Elliptical Marquee Tool). Наводим курсор мыши точно в центр документа на перекрестье направляющих, зажимаем клавиши Shift+Alt, зажимаем левую клавишу мыши и тащим курсор от центра в любую сторону, чтобы получилась примерно такая окружность:

О точном размере не волнуйтесь, размер мы подгоним позднее.

Шаг 4. Заливаем выделение
Теперь необходимо заполнить выделение чёрным цветом. Для этого нажимаем клавишу D (после чего цвета в панели цветов становятся по умолчанию, чёрным и белым), затем нажимаем комбинацию Alt+Delete, выделение заполняется основным цветом, в нашем случае, чёрным. Документ должен выглядеть так:

Снимаем выделение, нажав Ctrl+D. Края круга выглядят рубленными,т.к. документ увеличен на 300%.

Шаг 5. Клонируем слой
Клонируйте слой с чёрным кругом,нажав Ctrl+J.

Шаг 6. Смещаем копию
Откройте диалоговое окно Фильтр --> Другое --> Сдвиг (Filter --> Other --> Offset) и задайте сдвиг 50 пикселей по вертикали или горизонтали и не забудьте поставить галку у опции "Вставить отсечённые фрагменты" (Wrap Around):

Шаг 7. Определяем документ, как узор
Идём по вкладке главного меню Редактирование --> Определить узор (Edit --> Define Pattern). Откроется окно, где введите имя новому узору и нажмите ОК:

Готово! Мы сохранили наш документ в качестве основы узора.

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

Шаг 8. Создаём новый документ и добавляем новый слой
Создаём новый документ размером, например, 700 на 700 пикселей с белым фоном. Создаём новый пустой слой в документе, нажав Ctrl+Shift+Alt+N.

Шаг 9. Заполняем документ узором
Пройдите по вкладке главного меню Редактирование --> Выполнить заливку (Edit --> Fill). В диалоговом окне выберите "Регулярный" (Pattern), а затем свой узор:

После чего нажмите ОК. Photoshop зальёт узором всю площадь документа:

Узор готов. В следующем материале рассмотрим, как добавить цвета и градиенты к узорам Photoshop.

Выберите инструмент «Перемещение» .

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

Исходная выделенная область (слева) и выделенная область после перемещения с помощью инструмента «Перемещение» (справа)

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

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

Общие сведения о командах копирования и вставки

Копирует выделенные области на текущем слое.

Скопировать совмещенные данные

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

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

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

«Вставить в» или «Вставить за пределами»

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

Читайте также: