Как сделать смещение в фотошопе
Обновлено: 21.11.2024
Это третье руководство из нашей серии по созданию и использованию простых повторяющихся узоров в Photoshop. В предыдущих уроках мы рассмотрели основы создания наших собственных повторяющихся узоров, сначала создав один фрагмент, сохранив фрагмент как узор, а затем используя узор для заполнения всего слоя. Затем мы узнали, как добавить цвет к нашим узорам с помощью слоев заливки сплошным цветом и градиентом.
В этом уроке мы рассмотрим, как можно использовать многое из того, что мы уже изучили, для создания забавных и интересных повторяющихся узоров из пользовательских фигур Photoshop!
Шаг 1. Создайте новый документ
Как мы узнали еще в начале этой серии, первое, что нам нужно сделать, это создать один фрагмент, который станет нашим повторяющимся узором. Для этого нам нужен новый пустой документ, поэтому перейдите в меню «Файл» в строке меню в верхней части экрана и выберите «Создать»:
При этом открывается диалоговое окно «Новый документ» Photoshop. Размер документа, который мы здесь создадим, станет размером плитки, которая будет повторяться как узор. Поскольку меньшие плитки должны повторяться больше, чем большие, чтобы заполнить одинаковое пространство, размер плитки оказывает большое влияние на общий вид узора. Позже вы захотите поэкспериментировать с различными размерами плитки для своих собственных дизайнов, но для этого урока введите 100 пикселей как для ширины, так и для высоты документа и убедитесь, что для параметра «Фоновое содержимое» установлено значение «Прозрачный». Вы можете оставить для параметра Разрешение значение по умолчанию 72 пикселя/дюйм:
Когда закончите, нажмите OK, чтобы закрыть диалоговое окно. Новый пустой документ появится на вашем экране. При размере всего 100 x 100 пикселей документ может быть немного мал для работы, поэтому я увеличу его, удерживая нажатой клавишу Ctrl (Win)/Command (Mac) и пробел, что временно переключает нас на Инструмент масштабирования Photoshop (вы увидите, как курсор мыши изменится на увеличительное стекло) и несколько раз щелкните внутри окна документа. Здесь я увеличил масштаб до 500%:
Шаблон шахматной доски — это способ Photoshop сообщить нам, что фон документа прозрачен.
Шаг 2. Добавьте направляющие в центр документа
Далее нам нужно найти точный центр нашего документа, и мы можем сделать это с помощью направляющих Photoshop. Когда мы рассмотрели основы создания повторяющихся узоров, мы узнали, как добавлять направляющие с помощью команды «Новая направляющая». На этот раз мы добавим направляющие с помощью линеек Photoshop. Любой способ добавления направляющих подходит, поэтому не стесняйтесь использовать любой метод, который вы предпочитаете. Однако для этого руководства перейдите в меню «Вид» в верхней части экрана и выберите «Линейки»:
Вы увидите, что линейки Photoshop появляются вверху и слева от документа. Щелкните в любом месте внутри левой линейки и, удерживая нажатой кнопку мыши, перетащите вертикальную направляющую в центр документа. Когда вы подойдете достаточно близко к центру, направляющая встанет на место. Отпустите кнопку мыши, чтобы разместить направляющую:
Затем щелкните в любом месте верхней линейки и, снова удерживая нажатой кнопку мыши, перетащите горизонтальную направляющую вниз в центр документа. Когда вы окажетесь достаточно близко к центру, направляющая встанет на место. Отпустите кнопку мыши, чтобы разместить вторую направляющую:
После добавления обеих направляющих можно отключить линейки, вернувшись в меню «Вид» и снова выбрав «Линейки». Или вы можете использовать удобное сочетание клавиш Ctrl+R (Win)/Command+R (Mac), чтобы быстро включать и выключать линейки при необходимости. Место, где пересекаются обе направляющие, является точным центром документа. На моем снимке экрана направляющие отображаются красным цветом. Если вы следили за первым уроком в серии, вы знаете, что это потому, что я изменил цвет моих направляющих в настройках Photoshop, просто чтобы их было легче увидеть на снимках экрана. Цвет направляющих по умолчанию – голубой. Это цвет, в котором будут отображаться ваши направляющие, если вы не изменили его в настройках:
Шаг 3. Выберите инструмент "Пользовательская фигура"
Выберите инструмент «Пользовательская фигура» на панели «Инструменты». По умолчанию он скрыт за инструментом «Прямоугольник», поэтому нажмите на инструмент «Прямоугольник» и удерживайте кнопку мыши в течение секунды или двух, пока не появится всплывающее меню, затем выберите инструмент «Пользовательская фигура» в нижней части списка:
Шаг 4. Выберите параметр «Заполнить пиксели»
Photoshop предоставляет нам три различных способа использования инструментов формы. Мы не будем вдаваться в подробности о них здесь, но в целом мы можем использовать их для рисования векторных фигур, путей или фигур на основе пикселей. Photoshop позволит нам сохранить наш дизайн как шаблон только в том случае, если он был сделан с пикселями, поэтому сначала нам нужно сообщить Photoshop, что мы хотим, чтобы формы, которые мы собираемся нарисовать, были заполнены пикселями, и мы делаем это в параметрах. Полоса вдоль верхней части экрана. В крайнем левом углу панели параметров находится ряд из трех значков. Каждый значок выбирает один из трех типов фигур, которые мы можем рисовать.Нажмите на третий значок (тот, что справа), чтобы выбрать параметр «Заполнить пикселями»:
Шаг 5. Выберите пользовательскую форму
Теперь, когда мы сказали Photoshop рисовать фигуры на основе пикселей, нам нужно выбрать фигуру, которую мы хотим нарисовать. Щелкните миниатюру предварительного просмотра формы на панели параметров:
При этом открывается средство выбора фигур, в котором отображаются небольшие эскизы всех фигур, из которых мы в данный момент можем выбирать. Чтобы выбрать фигуру, просто нажмите на ее миниатюру. Я выберу форму сердца, нажав на нее. Выбрав форму, нажмите Enter (Win)/Return (Mac), чтобы закрыть окно выбора формы:
Шаг 6. Нарисуйте фигуру в центре документа
Нам нужно нарисовать нашу фигуру в центре документа, поэтому мы добавили направляющие, чтобы найти центр для нас. Мы хотим, чтобы наша фигура была черной на данный момент, поэтому нажмите букву D на клавиатуре, чтобы быстро сбросить цвета переднего плана и фона Photoshop до их значений по умолчанию, если это необходимо, что установит цвет переднего плана на черный. Вы можете увидеть текущие цвета переднего плана и фона, взглянув на их миниатюры в нижней части панели инструментов:
Установив черный цвет переднего плана, поместите курсор мыши прямо над центром документа, чтобы целевой символ курсора совпадал с вертикальной и горизонтальной направляющими, затем щелкните и, удерживая нажатой кнопку мыши, начните перетаскивание. форма. После того, как вы начали перетаскивание, удерживайте нажатыми Shift+Alt (Win) / Shift+Option (Mac) и держите их нажатыми, продолжая перетаскивать фигуру. Удерживая нажатой клавишу Shift, сохранится исходное соотношение сторон фигуры, поэтому вы не сделаете ее выше и тоньше или короче и шире, чем она должна быть, в то время как клавиша Alt (Win) / Option (Mac) сообщает Photoshop вытяните фигуру из ее центра. Когда вы закончите, ваш документ должен выглядеть примерно так (мой документ увеличен до 500%, поэтому края фигуры выглядят блочными):
Шаг 7. Отключите направляющие
Теперь, когда мы нарисовали фигуру, направляющие больше не нужны и только мешают, поэтому давайте отключим их. Перейдите в меню «Вид» в верхней части экрана, выберите «Показать», затем выберите «Направляющие». Вы увидите галочку слева от слова «Гиды», которая говорит нам, что они в настоящее время включены. Если выбрать их, когда они включены, они отключатся:
Шаг 8. Дублируйте слой
Давайте сделаем наш дизайн немного интереснее перед тем, как сохранить его как шаблон. Сделайте копию слоя, перейдя в меню «Слой» в верхней части экрана, выбрав «Создать», затем выбрав «Слой через копирование»:
Вы также можете использовать сочетание клавиш Ctrl+J (Win)/Command+J (Mac), чтобы быстро скопировать слой. В любом случае программа Photoshop делает копию слоя 1, которую он творчески называет «Копия слоя 1», и размещает ее над оригиналом на панели «Слои»:
Плагин Shortcodes, Actions and Filters: ошибка в шорткоде [ads-basics-middle]
Шаг 9. Примените фильтр смещения
Как и при изучении основ создания повторяющихся узоров, мы воспользуемся фильтром смещения в Photoshop, чтобы добавить немного интереса к нашей плитке. Перейдите в меню «Фильтр» в верхней части экрана, выберите «Другое», затем выберите «Смещение»:
При этом открывается диалоговое окно фильтра смещения. Мы хотим ввести половину ширины нашего документа в поле значений по горизонтали и половину высоты документа в поле значений по вертикали. Поскольку размер нашего документа составляет 100 x 100 пикселей, установите параметры «Горизонтально» и «Вертикально» на 50 пикселей. Затем убедитесь, что в нижней части диалогового окна выбран параметр "Обтекание":
Когда закончите, нажмите OK, чтобы закрыть диалоговое окно. Фильтр «Смещение» по существу разделил копию формы сердца на четыре равные части и поместил их в каждый угол документа. Это может показаться странным в данный момент, но не будет, когда мы увидим повторение паттерна чуть позже. Форма сердца в центре документа — это исходная форма, которую мы добавили еще на шаге 6:
Шаг 10. Сохраните дизайн как шаблон
После того, как дизайн нашей плитки завершен, мы готовы сохранить ее как шаблон. Перейдите в меню «Правка» в верхней части экрана и выберите «Определить шаблон»:
Photoshop откроет диалоговое окно «Имя узора», чтобы мы могли дать нашему новому узору имя. Хорошей практикой является указание размера вашей плитки в названии на случай, если в конечном итоге вы создадите несколько одинаковых плиток разных размеров. Я назову свой шаблон «Сердца 100x100», так как размеры плитки 100 x 100 пикселей. Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. Шаблон сохранен и готов к использованию:
Шаг 11. Создайте новый документ
Давайте создадим новый документ, чтобы заполнить его только что созданным шаблоном. Как и в шаге 1, перейдите в меню «Файл» и выберите «Создать». На этот раз, когда появится диалоговое окно «Новый документ», введите 1000 пикселей для ширины и высоты документа и измените фоновое содержимое на белый.Оставьте для параметра Разрешение значение 72 пикселя/дюйм. Нажмите OK, чтобы закрыть диалоговое окно. Новый документ, залитый белым цветом, появится на вашем экране:
Шаг 12. Добавьте новый пустой слой
Вместо того, чтобы заполнять фоновый слой нашим узором, что ограничит наши дальнейшие действия с ним, мы добавим узор на отдельный слой. Щелкните значок «Новый слой» в нижней части панели «Слои»:
Photoshop добавляет новый пустой слой под названием «Слой 1» над фоновым слоем:
Шаг 13. Выберите инструмент «Заливка»
В предыдущих уроках этой серии мы узнали, как заполнить слой узором с помощью команды Photoshop «Заливка». На этот раз давайте посмотрим, как мы можем сделать то же самое с помощью инструмента «Заливка», который также позволяет нам заполнять слой или выделение цветом или узором. Вы найдете инструмент «Заливка» на панели «Инструменты». По умолчанию он скрыт за инструментом «Градиент», поэтому нажмите на инструмент «Градиент» и удерживайте кнопку мыши, пока не появится всплывающее меню, затем выберите инструмент «Заливка» из списка:
Шаг 14. Измените источник на шаблон
Выбрав инструмент "Ведро с краской", перейдите на панель параметров и установите "Источник" для "Ведро с краской" на "Шаблон" (по умолчанию установлено значение "Передний план"):
Шаг 15. Выберите шаблон
Выбрав Узор, нажмите миниатюру предварительного просмотра узора на панели параметров:
При этом открывается средство выбора шаблонов Photoshop, где мы можем выбрать шаблон, который хотим использовать. Только что созданный шаблон будет последним в списке. Нажмите на его миниатюру, чтобы выбрать его. Выбрав шаблон, нажмите Enter (Win)/Return (Mac), чтобы закрыть окно выбора шаблона:
Шаг 16. Щелкните внутри документа, чтобы добавить шаблон
Убедитесь, что на панели «Слои» выбран слой 1 (выбранные слои выделены синим цветом), затем, выбрав узор на панели параметров, просто щелкните в любом месте документа с помощью инструмента «Заливка», который мгновенно заполнит документ. с рисунком. Плитка повторяется столько раз, сколько необходимо для заполнения всего пространства:
На данный момент наш шаблон черно-белый, но мы можем легко его раскрасить. Вы найдете все шаги, необходимые для раскрашивания узоров, в нашем предыдущем уроке «Повторяющиеся узоры — добавление цветов и градиентов», поэтому я не буду повторять все здесь, но вот краткий пример того, как один и тот же узор может выглядеть после раскрашивания как белого фона, так и сам узор:
На панели «Слои» мы видим, что я добавил цвета, используя только два слоя заливки «Сплошной цвет», один для фона и один для узора. Опять же, вы найдете все необходимые шаги в предыдущем руководстве:
Загрузка дополнительных пользовательских фигур
В шаге 5, когда мы выбирали пользовательскую фигуру в палитре фигур, вы, возможно, заметили, что по умолчанию Photoshop не предоставляет нам много фигур на выбор. Если вы не надеялись добавить в свой дизайн повторяющиеся стрелки, лампочки или конверты, возможно, вы были немного разочарованы выбором. К счастью, есть много других форм, из которых мы можем выбирать. Нам просто нужно загрузить их в себя. Вот как.
Открыв средство выбора фигур, нажмите на маленькую стрелку в правом верхнем углу:
При этом открывается меню с различными параметрами, включая список дополнительных наборов фигур, которые мы можем выбрать. Я не буду перечислять их все, так как вы можете поэкспериментировать с ними самостоятельно, но в качестве примера я выберу набор фигур «Животные»:
Photoshop спросит, хотите ли вы заменить текущие фигуры новыми или хотите сохранить текущие фигуры и добавить новые в конец списка. Выберите «Добавить»:
Вернувшись в средство выбора фигур, прокрутите миниатюры, чтобы найти новые фигуры, добавленные после исходных. Выберите любую из недавно добавленных фигур, щелкнув ее миниатюру. Я выберу форму с принтом собаки:
А вот пример того, как будет выглядеть повторяющийся узор с формой отпечатка собаки, используя шаги, которые мы рассмотрели в этом уроке. В этом случае я создал документ размером 150 x 150 пикселей для своей плитки немного большего размера (см. шаг 1) и в диалоговом окне фильтра смещения (шаг 8) установил параметры по горизонтали и вертикали на 75 пикселей каждый (половина ширины и высота документа). И снова к узору был добавлен цвет с помощью заливки сплошным цветом для фона и слоя заливки самого узора:
Если ни одна из пользовательских фигур, поставляемых в Photoshop, не подходит для вашего дизайна, вы можете легко создать свои собственные пользовательские фигуры! Обязательно ознакомьтесь с нашим руководством по созданию пользовательских фигур в Photoshop, чтобы узнать все подробности!
Что делать дальше.
И вот оно! Вот как можно создавать повторяющиеся узоры из пользовательских фигур в Photoshop! Посетите наш раздел «Основы Photoshop», чтобы узнать больше о шаблонах и других важных навыках Photoshop!
Фильтр смещения Photoshop позволяет смещать пиксели на изображении, беря краевые линии и сдвигая их к середине фотографии. Этот фильтр в основном используется для создания бесшовных текстур. После того, как вы применили фильтр, вы сможете повторить шаблон в своем проекте с иллюзией непрерывности. Вы также можете использовать фильтр смещения, чтобы создать художественный эффект, похожий на головоломку, разделив изображение на четыре квадрата и переставив их.
- Фильтр смещения Photoshop позволяет смещать пиксели на изображении, беря линии по краям и сдвигая их к середине фотографии.
- Вы также можете использовать фильтр смещения для создания художественного эффекта, похожего на головоломку, путем разделения изображения на четыре квадрата и их перестановки.
Загрузить Photoshop. Выберите «Файл», а затем «Открыть», чтобы импортировать изображение. Выберите текстурированное изображение, если хотите создать бесшовный узор.
Выберите «Изображение», а затем «Размер изображения», чтобы изменить размер фотографии. Снимите флажок «Сохранить пропорции» в появившемся диалоговом окне. Введите «600» пикселей для ширины и высоты текстовых полей. Если ваше изображение не является текстурой и не имеет квадратных размеров, выберите инструмент «Обрезка» на панели инструментов. Введите «600» пикселей для ширины и высоты текстовых полей в строке меню. Нажмите и перетащите рамку выделения на фотографии, пока не будете удовлетворены выбором. Нажмите «Ввод», чтобы обрезать изображение.
- Выберите "Изображение", а затем "Размер изображения", чтобы изменить размер фотографии.
- Введите «600» пикселей для ширины и высоты текстовых полей в строке меню.
Выберите «Фильтр», «Другое», а затем «Смещение». Установите значения смещения по горизонтали и вертикали в диалоговом окне на «300». Установите флажок «Обтекание», расположенный в разделе «Неопределенные области». Нажмите "ОК", чтобы применить к изображению фильтр смещения.
- Выберите "Фильтр", "Другое", а затем "Смещение".
- Нажмите "ОК", чтобы применить к изображению фильтр смещения.
Закройте швы, используя различные инструменты Photoshop, чтобы они соответствовали вашей конкретной текстуре. Выберите инструмент «Штамп» на панели инструментов. Выберите кисть, подходящую для покрытия швов на вашем изображении. Удерживая клавишу «Alt», щелкните исходную область вашего рисунка без швов. Нажмите и перетащите инструмент «Штамп» по швам непосредственно над или под исходной областью, пока линии шва не исчезнут. Если вы не создаете шаблон, пропустите два последних шага.
Используйте инструмент "Затемнитель" или "Осветлитель", чтобы выровнять цвет узора. Выберите инструмент «Затемнение» на панели инструментов, если вам нужно затемнить область. Выберите инструмент Dodge на панели инструментов, если вам нужно осветлить область. Выберите «Средние тона» в качестве диапазона и введите экспозицию от 10 до 20 процентов. Нажмите и перетащите инструмент по затронутой области, пока она полностью не смешается. Возможно, вам придется изменить настройки экспозиции несколько раз, чтобы добиться успеха.
Чтобы создать бесшовный узор в Photoshop, откройте нужное изображение и выберите «Фильтр» > «Другое» > «Смещение».
Увеличьте значения, чтобы вы могли легко увидеть смещение, а для неопределенной области выберите «Обтекание».
Если вы видите, что значения тона резко меняются, выберите «Правка» > «Отменить» (чтобы отменить фильтр смещения) и внесите необходимые корректировки, чтобы выровнять освещение по всему изображению.
Здесь мы видим, что тональные значения значительно сместились слева направо от исходного изображения. В этом случае плитка не будет бесшовной, если перед продолжением не будет исправлена тональность.
Это гораздо лучшая отправная точка, поскольку освещение более равномерное по всему изображению. (Коррекция была выполнена с помощью градуированного фильтра и корректирующей кисти в Camera Raw.)
После применения фильтра смещения к равномерно освещенному изображению швы стали менее заметны.
Используйте инструменты «Восстанавливающая кисть» или «Штамп клонирования», чтобы удалить любые заметные швы. Будьте осторожны с границами изображения (если вы измените области границ, они могут не совпадать).
Чтобы убедиться, что паттерн будет бесшовным, снова запустите фильтр — на этот раз вы не должны видеть никаких швов. Если вы это сделаете, используйте Восстанавливающую кисть, чтобы удалить их, и снова запустите фильтр.
После создания бесшовного файла выберите «Выбрать» > «Выбрать все», а затем «Правка» > «Определить шаблон». Дайте шаблону заметное имя и нажмите OK. Этот узор теперь будет доступен при использовании «Правка» > «Заливка», «Стили слоя», «Слои заливки узором», «Штамп узора», «Восстанавливающая кисть», «Инструменты формы» (как для «Заливки», так и для «Обводки») и при создании кистей (с использованием атрибута «Текстура»).
Примечание. Поскольку легче создать бесшовный узор, когда исходное изображение равномерно освещено, я обнаружил, что сканирование текстур (например, бумаги) дает очень хорошие результаты. Кроме того, старайтесь избегать в текстуре очевидных элементов, которые легко заметить при повторении узора.
Как я и обещал в посте на прошлой неделе, я хотел поделиться своими знаниями о создании узоров в Photoshop. Я определенно не эксперт, и мне еще многое предстоит узнать, но эти приемы могут помочь вам начать с ваших собственных базовых шаблонов. Создание шаблонов в Photoshop — это весело и довольно увлекательно. Но, прежде всего, это очень просто, если вы используете фильтр Offset (я использую Photoshop CC2015 на ПК). Изображения экрана печати кликабельны для увеличения.
Это один из шаблонов, которые я сделал для ZENZIJN, и Петра использовала его здесь.
Вы можете сделать самые удивительные узоры из простых элементов орнамента. Для этого конкретного шаблона я использовал изображение с сайта Vintage Printable, который битком набит винтажными общедоступными изображениями:
Чтобы использовать рисунки для узора, мне нужно было каким-то образом извлечь их из фона. Как видите, вырезать это в Photoshop не так просто, даже с помощью инструмента «Перо». Мой трюк? Превратите элементы в кисть, а затем сохраните их как файлы png.
В Bittbox есть руководство по подготовке изображений для создания четких и чистых кистей Photoshop. Он с 2007 года, но до сих пор отлично работает. Вы можете найти это здесь. Сначала я сделал изображение черно-белым, затем выбрал некоторые элементы, которые хотел использовать в узоре (с помощью инструмента «Лассо»), а затем выполнил шаги, описанные в руководстве Bittbox. Когда у вас есть кисти, вы можете сохранить их как отдельные png-файлы для использования в узоре. Просто откройте новый документ Photoshop, примените кисть и сохраните как png.
Я остановился на этих двух элементах:
Из этих элементов мы собираемся создать плитку для нашего узора. Затем плитка будет повторяться в финальном шаблоне.
Создайте новый документ Photoshop размером 600 x 600 пикселей с разрешением 300 точек на дюйм. Если вы собираетесь использовать фильтр смещения, важно выбрать размеры, которые можно легко разделить на 2, 3, 4, 5 и так далее. Вы поймете, почему дальше в этом руководстве.
Установите направляющие на половину ширины и высоты, чтобы упростить центрирование рисунка. Очень простой способ сделать это — выбрать «Окно» > «Новая направляющая», затем выбрать «Горизонтально» или «Вертикально» и установить положение на 50%; Photoshop автоматически установит направляющие на 300 пикселей по горизонтали и 300 пикселей по вертикали. Также можно было сразу поставить позицию на 300 px, в этом случае это было легко вычислить. Но в других документах, где вам нужна направляющая на половину ширины или высоты, это может быть не так просто, и тогда вы можете просто добавить 50 % (или любой другой процент, который необходим).
Добавить первый элемент:
Если вы выберете элемент с помощью инструмента «Перемещение», вы заметите, что он «прилипнет» к направляющим, если вы попытаетесь его переместить. Поместите его слева от вертикальной направляющей и в центре горизонтальной направляющей. Затем добавьте второй элемент:
Этот элемент также будет располагаться слева по центру. Выберите оба элемента и скопируйте их вправо, выбрав Edit > Transform > Flip Horizontal. Вот что у нас есть на данный момент:
Это была моя первая версия плитки с узором, но окончательный результат оказался не таким, каким я его себе представлял. Как и многие другие вещи, создание шаблонов — это метод проб и ошибок. Поэтому мы кое-что изменим.
Оставьте два элемента в центре, но сотрите часть внешних элементов. Я стер верхнее и нижнее изображение полумесяца, поэтому у меня было три полумесяца вместо пяти полумесяцев. Затем я немного увеличил полумесяцы, но не слишком сильно. И элементы в середине были немного уменьшены. Вот что я придумал, выглядит уже намного лучше:
Чтобы упростить задачу, вы можете создать объединенную копию элементов. Сделать объединенную копию очень просто: просто нажмите клавишу Alt и, удерживая ее, выберите «Слой» > «Объединить видимые» (для Windows). Теперь у вас будет изображение с четырьмя элементами, объединенными в один, и вы по-прежнему сможете получить доступ к отдельным элементам в слоях ниже, если впоследствии вам потребуется что-то изменить.
Вот где самое интересное!
Сделайте копию объединенного изображения, поскольку фильтр "Смещение" оставит пустое место в исходном месте выделения. Затем выберите «Фильтр» > «Другое» > «Смещение», и откроется диалоговое окно «Смещение». Вот почему выбор простых размеров был так важен: введите половину ширины документа в поле значения по горизонтали и половину высоты документа в поле значения по вертикали. Поскольку размер нашего документа 600 x 600 пикселей, установите для параметров «Горизонтально» и «Вертикально» значение 300 пикселей. Убедитесь, что в нижней части диалогового окна выбран параметр «Обтекание». И вот оно:
Выглядит уже отлично, но мне показалось, что пространство между элементами слишком пустое. Поэтому я сделал еще одну копию исходной объединенной копии и уменьшил ее примерно до 50%, чтобы она поместилась на пустом месте. Мы можем снова использовать фильтр смещения, но с другими значениями, чем раньше. Для лучшего просмотра сделайте слой с исходным изображением посередине невидимым:
Сделайте копию плитки и выберите «Фильтр» > «Другое» > «Смещение», чтобы открыть диалоговое окно фильтра «Смещение». Теперь нам нужно будет произвести некоторые расчеты. Если вы заполните те же значения, что и раньше, плитка снова пойдет по углам. Это не то, чего мы хотим. Нам нужно будет сделать этот шаблон в два этапа. Сначала определим горизонтальное положение, затем определим вертикальное. Если добавить «0» пикселей для горизонтального положения и «300» пикселей для вертикального положения, плитка будет перемещена вверх и вниз в середине документа.
Создайте новую копию исходной плитки, затем вернитесь в меню «Фильтр» > «Другое» > «Смещение» и измените настройки. Заполните «300» пикселей для горизонтального положения и «0» пикселей для вертикального положения. Плитка будет размещена слева и справа от вашего документа. Оригинальную плитку в центре делаем невидимой, она нам больше не нужна. Снова включите слой с увеличенной версией тайла, и у нас наконец получится весь узор. Вот как это выглядит, довольно круто, не так ли?
Выберите «Правка» > «Определить шаблон». Теперь ваша плитка сохранена как шаблон Photoshop, и вы можете использовать ее снова и снова.
Самый простой способ использовать узоры — выбрать стиль слоя «Наложение узора». Откройте новый документ — скажем, 3600 x 3600 пикселей — и залейте его белым или любым другим цветом, который вам нравится. Вы всегда можете изменить его позже.
Дважды щелкните слой 1, чтобы открыть диалоговое окно «Стиль слоя», и выберите «Наложение узора». Затем в раскрывающемся списке выберите свой шаблон.Причина, по которой лучше выбрать «Наложение узора», заключается в том, что вы можете очень легко масштабировать свой узор. Просто перетащите масштабер вниз, если вы хотите, чтобы он был меньше. Я сохранил свой шаблон на 100%. Нажмите «ОК», если вас устраивает внешний вид.
Чтобы иметь полный контроль над шаблоном, вам нужно выделить его в отдельный слой. Щелкните правой кнопкой мыши эффект «Слои», затем выберите «Создать слой» в раскрывающемся меню. Это превратит наложенный узор в обтравочную маску.
Еще два шага: вам нужно снять обтравочную маску и преобразовать слой в смарт-объект. Щелкните правой кнопкой мыши слой с узором и выберите «Освободить обтравочную маску».
Затем снова щелкните слой правой кнопкой мыши и выберите «Преобразовать в смарт-объект»:
И готово! Шаблон теперь полностью доступен для редактирования. Добавляйте цвета, стили слоя, экспериментируйте. Удачи!
Читайте также: