Паттерны в Фотошопе с помощью смарт-объектов
На днях @letta написала Как сделать растровый паттерн в Adobe Illustrator и признаюсь это суперское решение делающее все легко и изящно. Спасибо тебе Летточка что поделилась:) Вот только одно но, у меня Иллюстратор 5-тый, а посему паттерноделки у меня просто нету:(
Еще не найдя этой статьи от Летты я попробовала делать паттерны в Фотошопе с помощью смарт-объектов. Вот хочу поделится что у меня получилось, может кому ни будь будет полезно.
Итак по порядку:
1. Создаю файл размером скажем 5000х5000. Поцентру задаю фигуру квадрат на 4000х4000 это мой будущий паттерн. Дальше к краям квадрата ставлю направляющие (при включенной привязке к обектам). Фон выключаю — теперь фон у меня прозрачний. Это файл — заготовка который послужит основой для всех будущих моих паттернов. Называю файл скажем pattern_1 и сохраняю.
2. В меню файл выбираю — открыть как смарт-объект — открываю этот же файл и сохраняю, называя скажем pattern_1_3х3.
6. Дальше открытый рядом файл pattern_1_3х3 обновляется и мы получаем полностью составленный паттерн. Пока что он с прозрачным фоном поэтому нужно в файле pattern_1_3х3 ниже всех слоев разместить квадрат 4000х4000 нужного цвета — наш фон.
Корректируйте ваш pattern_1 пока это нужно и каждий раз сохраняйте после коррекции, и не забывайте сохранять файл pattern_1_3х3 после каждого обновления(на всякий случай).
7. Когда паттерн готов в файле pattern_1_3х3 делаю обрезку по направляющим, и — сохранить как JPG указывая теперь уже финишное название паттерна, у меня это branches_1.Он помучится размером 4000х4000 как и планировалось. 8. После сохранения паттерна как JPG возвращаюсь в файл pattern_1_3х3 и отменяю действие обрезки. Сохраняю.
Итак файл pattern_1_3х3 я храню как шаблон для построения паттернов и чтобы сделать новый паттерн я просто открываю этот файл и нахожу среди слоев мой центральный смарт-объект. Двойной клик по нем открывает его как отдельный документ в котором проводиться вся работа с новым паттерном, а финишный результат сохраняется как JPG с файла pattern_1_3х3.
#паттерн #фотошоп #photoshop #смарт-объекты #паттерны
Создаем детальный бесшовный паттерн в Adobe Photoshop
Большего всего я люблю делать современные бесшовные паттерны, но я как раз являюсь тем человеком, который совсем не силен в математике и всяческих точных расчетах, которые нужны при создании паттерна. Поэтому я придумала довольно безболезненный способ, который не потребует каких-то сложных шагов.
1.Набросок паттерна
Шаг 1.
Для начала сделайте немного зарисовок, чтобы решить, какие именно элементы будут располагаться на рисунке.
Веточки и цветы, кстати, это всегда хорошая идея для паттерна, так как они имеют естественную витиеватую форму, которая позволит заполнить пустующее пространство. Они будут в тему почти в любой иллюстрации.
Шаг 2.
Начните рисовать паттерн спонтанно. Серьезно, просто «отпустите» себя, ведь нам сгодится даже сырой черновик, совсем не обязательно чтобы работа выглядела круто — сейчас мы пытаемся задать ритм для маленькой части иллюстрации. Вы можете сделать наброски, которые перерастут в цельный большой рисунок, либо мелкие скетчи – это не важно. В дальнейшем мы все равно их объединим.
Шаг 3.
Если ваш скетч уже доведен до ума и вы хотите приступить непосредственно к созданию паттерна, то отсканируйте ваш рисунок с разрешением примерно 300 dpi.
Чтобы дать самому себе пространство для творчества, создайте новый файл в AdobePhotoshop размера как минимум 5 000 х 5 000 px. Вы всегда сможете изменить размер в настройках, если чувствуете что пространства слишком много.
Но вы не сможете масштабировать растровое изображение, а это как раз самая худшая вещь в мире – сделать красивый аккуратный паттерн и понять, что он слишком мал для использования.
Шаг 4.
Если ваш скетч после сканирования вычищен, то его уже можно использовать как отправную точку для создания паттерна. Все что нужно – удалить задний белый фон и оставить на слое лишь ваш скетч.
Можно улучшить набросок, используя настройки Image > Adjustments > Levels. Передвиньте левый ползунок, чтобы выделить черный цвет, правый ползунок для регулировки белого, и напоследок поиграйте со средним ползунком, чтобы выровнять баланс рисунка.
После этого просто выделите белый фон с помощью инструмента MagicWandToolи удалите его. Если ваш скетч нарисован «грубо» и задний фон плохо удаляете, вы всегда можете использовать его как подложку и на новом чистом слое перерисовать контуры. Просто поместите скетч на верхний слой и уменьшите значение Opacity, чтобы получился результат как на рисунке ниже.
2.Создание слоя с паттерном
Шаг 1.
Нет четкого правила о том, сколько иллюстраций вы должны нарисовать для создания паттерна, но чем больше уникальных элементов вы внесете в рисунок, тем богаче и насыщеннее будет смотреться ваш паттерн. Но не перестарайтесь – дикое разнообразие объектов перегрузит работу и сделает ее беспорядочной.
Помните, что один и тот же элемент в паттерне можно использовать несколько раз, всего лишь модифицировав его с помощью функций Edit>Transform>Rotate,Scale, илиFlip. Когда вы добавляете новый фрагмент скетча для своего будущего паттерна, удобнее всего делать его другим цветом, чтобы при финальной обработке было легче рисовать.
Шаг 2.
Поиграйте с различными элементами и свяжите их вместе, чтобы сделать один сплошной участок рисунка. Форма этого участка не важна, но будет лучше, если совместить элемента компактнее.
На данном этапе лучше работать с одним цветов – больше цветов и оттенков мы добавим позднее, когда убедимся что паттерн дублируется правильно.
Если мы начнем покраску до того, как сделаем состыковку, мы вынуждены будем вернуться на исходную позицию и перекрашивать буквально каждый слой с неправильным цветом (поверьте моему горькому болезненному опыту!). Зато вы можете установить цвет фона и контура вашей работы как вам больше нравится, это совсем ни на что не влияет.
Шаг 3.
Когда участок рисунка для паттерна продуман до конца и дорисован, вам нужно сделать его копию. Для этого нужно использовать клавиши Ctrl+J и перенести рисунок с одной стороны на другую. Здесь очень важным моментом является то, что копировать наш участок на новый слой нужно строго по прямой линии, без смещений, а сделать это можно зажав клавишу Shift перед началом горизонтального переноса.
Поместите новый слой на маленьком расстоянии от оригинального слоя с паттерном и оставьте достаточно расстояния, чтобы дорисовать связывающие элементы между двумя участками.
Шаг 4.
Вернитесь к слою с первоначальным паттерном и продолжите прорисовку своей иллюстрации к новым границам.
Будьте осторожны и не делайте края рисунка слишком плотно прилегающими друг к другу – поддерживайте равномерный поток.
Если вы чувствуете, что вам не хватает пространства между частями паттерна или наоборот, его слишком много, переместите части вперед или назад, пользуясь все той же зажатой клавишей Shift.
Шаг 5.
Когда вы завершите дорисовку между частями паттерна, деактивируйте главный слой и сделайте новую копию оригинального паттерна используя клавиши Ctrl+J. На этот раз используйте Shift для перетягивания нового слоя вверх или вниз.
Если вы чувствуете, что размер будущего паттерна превышает размер холста – изменить его можно в настройках Image>CanvasSize.
Шаг 6.
Вернитесь к слою с оригинальным паттерном и теперь наращивайте рисунок уже к верхним границам. Стремиться надо к бесшовному стыку обоих частей.
И после этого, ура! Мы почти закончили! Основная работа проделана, общий вид паттерна уже ясен и хорошо проглядывается.
Удалите второй главный набросок и приступайте к тестированию паттерна.
3.Тестируем повторение рисунка
Шаг 1.
Скопируйте весь паттерн в новый файл (Control-A> Control-C > Control-N
Далее с помощью инструмента выделения выберите справа участок, занимающий примерно 1/5 рисунка, а затем с помощью удержанного Shift перетащите его на крайнюю левую сторону.
Будьте осторожны и не отпускайте выделенный участок, пока не будете удовлетворены результатом. Также вы можете использовать клавиши со стрелками, что перемещать его влево и вправо до тех пор, пока не будут удовлетворены результатом.
С помощью клавиш Ctrl+D повторите тоже самое, но уже с вертикальной частью рисунка – выберите часть снизу и переместите на верхний край иллюстрации. И все! Теперь у вас красивый паттерн!
Шаг 2.
Перетащите вспомогательные линейки Guides, чтобы они располагались вокруг всего нашего паттерна, и нам было легко выделить его полностью с помощью RectangularMarqueeTool. Затем нажмите на Edit>DefinePattern, назовите новый паттерн и сохраните его.
Шаг 3.
Создайте новый файл, который будет больше вашего паттерна как минимум в три или четыре раза. Заполните его нажав PaintBucketTool и заменив заливку на ваш паттерн в выпадающего меню (поменяйте ‘Foreground’ на ‘Pattern’ и в конце будет как раз наш шаблон). Посмотрите на результат, есть ли там нечеткие края, довольны ли вы внешним видом своей работы.
Шаг 4.
Если вы заметили неточности (а они бывают почти всегда), то запомните на каком участке они находились и вернитесь к нашему самому первому файлу, чтобы исправить их.
Вполне возможно, что вы будете еще не раз возвращаться к изменениям, ведь всегда хочется достичь наилучшего результата.
То, что вы пытаетесь достичь, это своего рода «упорядоченное разнообразие» — проследите за тем, чтобы отдельные элементы паттерна не выделялись слишком сильно, не были огромными или наоборот, еле заметными. Возможно на маленьком кусочке все смотрится гармонично, но при повторении нашего образца ошибки становятся очень заметными. Уделите больше времени не деталям, а текущей форме рисунка.
4.Добавление цвета
Шаг 1.
Теперь вы готовы добавить цвет к паттерну! Самый простой способ – воспользоваться функцией ColorOverlays.
Для каждого цвета, который вы захотите использовать, придется создавать новый слой и уже на нем устанавливать нужный нам эффект (внизу панели слоев выберите FX, затем ColorOverlay и установите свой цвет). Если пользоваться таким методом, то всегда будет понятно на каком слое работаешь, а также не нужно будет перекрашивать паттерн кистью вручную, так как настройки слоя сделают это автоматически.
Вы можете использовать столько цветов, сколько захочется, но стоит помнить, что при размножении паттерна буйство красок будет только мешать глазам, поэтому я всегда советую брать от 4 до 8 цветов для иллюстрации. Если вы работаете с «твердыми» формами, то ваш основной слой будет внизу, а цветовой над ним. Если вы работаете с контурами, то цветовой слой будет находиться снизу.
Шаг 2.
До того как перейдете к покраске вашего паттерна, кликните по нему зажав клавишу Ctrlи затем нажмите Ctrl-H, чтобы спрятать мигающую прерывистую линию – так при покраске она не будет вам отвлекать. Также можно не волноваться о том, что вы зайдете на контуры рисунка при покраске, так как цвет все равно будет находится под выбранной областью.
Правда, такой способ хорош, если вы работаете с формами, а не с контурами. При использовании последних, как это сделала я, вы можете заполнить их цветом сразу же, создав прочную базу (Ctrl-J, чтобы сделать копию слоя контуров для последующей заливки).
Шаг 3.
Когда вы закончите с добавлением цвета, вы заметите, что цвет контуров в некоторых частях рисунка мог потеряться или ослабеть. К счастью, это легко можно исправить на основном слое ( Ctrl-клик по миниатюре слоя на панели слоев), нажав Select>Modify>Contract, поставив значение «1» и далее ОК.
Данный процесс выделяет рисунок в окружности 1 пикселя. Теперь остается только нажать Ctrl+Shift+Iчтобы инвентировать нашу выделенную область и Delete. Получится к итоге, что по краям контура исчезнет раздражающий неровный край.
5.Последние штрихи
Шаг 1.
Теперь ваша работа действительно закончена, и вы можете протестировать ее, снова сложив в повторяющийся узор, а затем загрузить на определенные сайты для продажи или выслать вашим клиентам.
Как уже говорилось ранее, самый простой способ это сделать – воспользоваться направляющими Guides и линейками (их можно активировать в настройках View>Rulers).
Точное их расположение не важно, на моем рисунке вы видите, где примерно я их поставила. Выберите часть паттерна, которая находится слева от направляющей и перенесите ее на правую часть рисунка с помощью зажатой клавиши Shift.
Шаг 2.
После того, как вы достигли ожидаемого результата, воспользуйтесь Zoom, чтобы приблизить рисунок действительно очень близко и выставить направляющие вплотную к краям паттерна, вплоть до пикселя.
Повторите это действие на всех слоях с цветом, и выбранные для перемещения области будут ровно передвигаться по направляющим в нужное место.
После этого воспользуйтесь Zoom рисунок еще раз, чтобы убедиться, что не осталось маленьких ошибок или неровностей на краях, которые впоследствии принесут лишь головную боль. Если все хорошо, то повторите действия и для вертикальной части рисунка.
И в конце мы должны провести финальный тест, который покажет что паттерн повторяется идеально.
Шаг 3.
Кстати, в таком многослойном файле как мы сделали, легко менять цветовую палитру паттерна.
Нужно нажать на эффект Overlay и выбрать любой другой цвет из ColorPalette– можно наблюдать в режиме реального времени как меняется рисунок с новым выбранным оттенком!
Мы закончили!
Разве не получилось легче, чем вы думали?
Если мы хотите отправит свой паттерн для печати или загрузить на оплачиваемые сайты, то лучше сохранить его в форматах PNG,JPGилиTIFF. Но убедитесь, что вы также сохранили PSD файлы, с которыми работали все это время. Созданный файл должен быть закончен и уже готов к трафаретной печати, что, безусловно, является большим плюсом для покупателей. Но вы все равно можете вернуться к своим наработкам и легко что-то подправить.
Что же, надеюсь, вам понравился весь процесс создания бесшовного паттерна. Как видите, здесь бояться совершенно нечего! Большинство молодых энтузиастов быстро отказываются от идеи паттернов, так как их легче всего делать, но сколько же веселья в этом процессе! Особенно когда в результате получаешь шикарный бесшовный оригинальный паттерн.
Не могу дождаться ваших работ! Что вышло у вас?
Скачать шаблоны для фотошопа бесплатно 100 файлов в формате .pat
Сортировать по: В тренде Новейшие Рекомендовать Релевантные Популярные Непопулярные Запросить дизайн
повторяемый флора цветочный ботанический лепестки иллюзия цветка ботаника фрукты формы повторяющиеся значки повторяющиеся цветы элементы декора
[ PS узоры ] узор с птицами и цветами плоский классический повторяющийся эскиз ( .pat 2.52MB )
All-free-download.com
[ PS Patterns ] разнообразие шаблонов фруктовых узоров красочный плоский беспорядочный дизайн ( .pat 2.10MB )
All-free-download.com
[ PS Patterns ] клубничный узор шаблон плоский классический повторяющийся грязный дизайн ( .
pat 2.28MB )
All-free-download.com
[ PS Patterns ] Шаблон шаблона авокадо динамический плоский классический дизайн ( .pat 1.71MB )
Все-бесплатно-download.com
[PS Patterns] бордюрные элементы классический стиль шаблон шаблона симметричные повторяющиеся кривые формы эскиз (.pat 911.09KB)
All-free-download.com
[ PS Patterns ] Цветочный шаблон шаблона черно-белый плоский повторяющийся дизайн иллюзии симметрии ( .pat 1.04MB )
All-free-download.com
[ PS Patterns ] шаблон яблочного узора плоский классический повторяющийся рисованный декор ( .
pat 1.69MB )
All-free-download.com
[ PS узоры ] разнообразие фруктовых узоров плоский красочный ретро-дизайн ( .pat 1.60MB )
All-free-download.com
[ PS Patterns ] шаблон шаблона с цветами в японском стиле плоский классический нарисованный от руки повторяющийся дизайн ( .pat 1.87MB )
Все-бесплатно-download.com
[ PS Patterns ] шаблон венка черный белый плоский классический иллюзия симметрия ( .pat 863.11KB )
All-free-download.com
[ PS Patterns ] шаблон шаблона лепестков черный белый классический повторяющийся эскиз симметрии ( .
pat 314.28KB )
All-free-download.com
[ PS Patterns ] Шаблоны с птицами и цветами Плоские виды туканов Листья Флора Декор ( .pat 4.15MB )
Все-бесплатно-download.com
[ PS Patterns ] шаблон с оранжевым рисунком плоский ретро грязный декор ( .pat 1.18MB )
All-free-download.com
[ PS Patterns ] Шаблоны фруктовых узоров Плоский повторяющийся дизайн ( .pat 2.46MB )
All-free-download.com
[ PS узоры ] узор в цветочном стиле, повторяющий классический декор из лепестков ( .
pat 935,99 КБ)
All-free-download.com
[ PS Patterns ] шаблон виноградного узора плоский динамический классический дизайн ( .pat 1.62MB )
All-free-download.com
[ PS узоры ] бесшовный рисунок повторяющий симметричную геометрию декор ( .pat 458.45KB )
All-free-download.com
[PS Patterns] шаблон с цветами в японском стиле, повторяющиеся лепестки, плоский классический дизайн (.pat 2.97 МБ)
All-free-download.com
[ PS Patterns ] шаблон шаблона мандалы плоский ретро симметричный контур формы флоры ( .
pat 1.81MB )
All-free-download.com
[ PS Patterns ] абстрактный цветочный узор в стиле ретро, повторяющийся декор ( .pat 848.37KB )
All-free-download.com
[PS Patterns] шаблон шаблона с цветами в японском стиле плоский классический повторяющийся дизайн (.pat 2.99 МБ)
All-free-download.com
[ PS узоры ] шаблон узора мандалы симметричный плоский классический декор ( .pat 1.64MB )
All-free-download.com
[ PS Patterns ] шаблон шаблона мандалы плоский ретро симметричный декор лепестков ( .
pat 1.80MB )
All-free-download.com
украшать иллюзорный природа элементы ломтики религия фрукты иконы восточные фрукты лепесток восточные религиозные листья фотошоп повторять фон лист цветы шаблон геометрическая геометрия нарезанные геометрические кусочки оранжевый дикая природа текстиль дикая природа кусок ткани ананас пустыня
[ PS Patterns ] шаблон шаблона мандалы плоский винтажный симметричный повторяющийся рисунок от руки ( .pat 2.02MB )
All-free-download.com
[ PS Patterns ] шаблон с цветами в японском стиле элегантный ретро повторяющийся дизайн ( .pat 2.11MB )
All-free-download.com
[ PS Patterns ] шаблон шаблона мандалы плоский ретро повторяющиеся лепестки эскиз ( .
pat 2.81MB )
Все-бесплатно-download.com
[ PS узоры ] шаблон мандаринового узора плоский классический грязный декор ( .pat 1.55MB )
All-free-download.com
[PS Patterns] цветы шаблон шаблона в классическом стиле черный белый плоский повторяющийся дизайн (.pat 978.10KB)
All-free-download.com
[ PS Patterns ] шаблон шаблона с лимонами яркий плоский повторяющийся эскиз значков ( .pat 1.71MB )
Все-бесплатно-download.com
[ PS выкройки ] ананас узор шаблон яркий повторяющийся классический декор ( .
pat 1.83MB )
All-free-download.com
бесплатно скачать фотошоп шаблон Пэт Пэт файл бесплатно скачать фотошоп цветочный узор бесплатно коммерческое использование фотошоп шаблоны бесплатно фотошоп цветочный узор скачать ведро с краской бесплатно фотошоп 7 0 шаблоны zip файл фотошоп шаблоны ткани формат пэт образцы фотошоп бесплатно кирпич узор полосы узор веб узор классические узоры пэт файл золотые узоры денежные узоры
[ PS Patterns ] абстрактный узор кривых классический бесшовный повторяющийся иллюзионный декор ( .pat 919.76KB )
All-free-download.com
[PS Patterns] шаблон с цветами в японском стиле, повторяющий плоский классический дизайн (.pat 2.51MB)
All-free-download.
com
[ PS узоры ] шаблон цветочного узора в классическом стиле повторяющиеся лепестки декор ( .pat 992.76KB )
Все-бесплатно-download.com
[ PS Patterns ] Шаблоны с птицами и цветами плоские классические повторяющиеся элементы природы ( .pat 2.96MB )
All-free-download.com
[ выкройки PS ] шаблоны выкройки ткани плоский повторяющийся ботанический декор ( .pat 1.21MB )
All-free-download.com
[PS Patterns] шаблон шаблона мандалы плоский классический симметричный цветочный контур (.pat 1.72MB)
Все-бесплатно-download.
com
[PS Patterns] шаблон ботанического узора плоский классический повторяющийся симметричный дизайн иллюзии (.pat 1,001.88KB)
All-free-download.com
[ PS узоры ] бордюрные элементы классический стиль шаблон узора повторяющий плоскую симметрию декор ( .pat 707.59KB )
All-free-download.com
Загрузка дополнительных элементов, пожалуйста, подождите…
Загрузка дополнительных элементов, подождите…
Критерий поиска:
Тип поиска:
Совпадение с любымСовпадение со всеми
Искать в:
ВекторыИконкиФотографииШрифтыШаблоны сайтовPSD
Лицензия:
Все лицензииРазрешить коммерческое использование
Результат сортировки:
Сначала лучшее совпадениеСначала новыеСначала много загрузокСначала меньше загрузок
- Дом
- Лицензии
- Срок
- Конфиденциальность
- О
- Связаться с
Как создать бесшовный узор в Photoshop с предварительным просмотром узора — CatCoq
В этом уроке вы узнаете, как создать бесшовный или повторяющийся узор в Photoshop с помощью инструмента предварительного просмотра узора.
Инструмент предварительного просмотра узоров полностью изменил правила создания узоров в Photoshop, поэтому я очень рад поделиться им с вами!
Во-первых, позвольте мне дать вам краткое изложение того, как работают бесшовные шаблоны. Бесшовный узор — это блок художественного произведения, который можно повторять бесконечно без каких-либо видимых швов или разрывов. Золотое правило повторяющихся шаблонов заключается в том, что все, что обрезается на одной стороне блока шаблона, должно быть повторено на другой стороне, чтобы шаблон можно было повторить бесшовно.
До предварительного просмотра шаблона вам приходилось вручную вычислять это каждый раз, когда вы перемещали элемент за пределы холста. Теперь Photoshop позволяет нам упорядочить наш блок паттерна и посмотреть, как будет выглядеть полный паттерн в режиме реального времени.
Перед тем, как приступить к изучению этого урока, убедитесь, что вы оцифровали элементы, которые хотите превратить в узор, и подготовили их так, чтобы они находились каждый на своем слое.
Если вы не знаете, как это сделать, ознакомьтесь с этими полезными записями в блоге, которые помогут вам начать работу:
Как оцифровать аналоговую иллюстрацию
Удаление бумажного фона в Photoshop
Есть много , которые идут на создание бесшовного узора. Я хочу максимально упростить процесс, но я понимаю, что это может показаться сложным, когда вы впервые учитесь этому. Если вы больше визуальный ученик и хотите увидеть, как процесс работает шаг за шагом, ознакомьтесь с моим курсом Акварель бесшовный узор: дизайн поверхности в Adobe Photoshop .
Этот курс представляет собой исчерпывающее руководство по всему процессу создания бесшовных моделей, который я использую как профессиональный дизайнер поверхностей. Я настоятельно рекомендую ознакомиться с ним, чтобы получить более глубокое представление о бесшовных узорах в Photoshop.
Смотреть класс
Для начала вам понадобятся несколько элементов, из которых вы сможете составить узор.
В моем примере я буду использовать некоторые акварельные элементы цитрусовых, которые я нарисовал, отсканировал и оцифровал. Если вы собираетесь работать с окрашенными элементами, важно сначала удалить фон из белой бумаги. Если вы хотите узнать, как это сделать, перейдите к этому руководству , прежде чем приступить к бесшовному узору. Учебное пособие проведет вас через мой пошаговый процесс удаления фона на ваших иллюстрациях в Photoshop.
Теперь давайте углубимся в изучение того, как использовать инструмент предварительного просмотра узора!
Начните с открытия квадратного холста в Photoshop. Я всегда использую холст размером 12 000 x 12 000 пикселей для своих блоков шаблонов, потому что мне нужна гибкость для их использования на больших продуктах. Но это действительно огромный размер холста, поэтому, если вы просто практикуетесь или не хотите использовать свои шаблоны на крупномасштабных продуктах, вы можете использовать меньший размер. Просто убедитесь, что это идеальный квадрат!
Теперь вы можете стянуть элементы, которые вы будете упорядочивать, в бесшовный узор.
Убедитесь, что фон белой бумаги удален и что все элементы находятся на отдельном слое.
Если вы не изолировали каждый элемент на отдельном слое, вы можете сделать это, выбрав инструмент «Лассо» (сочетание клавиш : L ). Мне нравится использовать для этого Polygonal Lasso . Выберите каждый элемент своим лассо, вырежьте его с помощью сочетания клавиш cmd + X и вставьте на место с помощью сочетания клавиш cmd + shift + V . Это вставит элемент точно туда, где он был раньше, но на своем собственном слое!
Последнее, что вам нужно сделать для подготовки ваших элементов, это сделать каждый из них смарт-объектом. Смарт-объект — это, по сути, расширенная версия того, что находится на этом слое. Это дает вам больше гибкости с неразрушающим редактированием. Но все, что вам действительно нужно знать, это то, что Pattern Preview работает только со смарт-объектами.
Чтобы превратить каждый элемент в смарт-объект, выберите слой, щелкните меню слоя, наведите указатель мыши на смарт-объект и нажмите «Преобразовать в смарт-объект».
Вы сможете подтвердить, что это смарт-объект, проверив наличие маленького прямоугольника на миниатюре слоя. Это способ Photoshop указать, что это смарт-объект.
После того, как вы превратили все свои элементы в смарт-объекты, не забудьте нажать «Сохранить», прежде чем переходить к следующему шагу!
Теперь, когда все ваши элементы находятся на отдельном слое и превращены в смарт-объекты, ваш квадратный холст должен выглядеть примерно так.
В моем примере все элементы узора уложены друг на друга в углу, но пока это совершенно нормально. Мы собираемся сложить их в узор!
Затем убедитесь, что автовыбор включен. Это позволит вам автоматически выбирать элемент при нажатии на него. Используйте сочетание клавиш : v , чтобы выбрать инструмент перемещения. Оттуда проверьте в верхнем левом углу и убедитесь, что установлен флажок рядом с «Автоматический выбор».
Теперь пора начинать аранжировку! Включите предварительный просмотр узора, щелкнув меню «Вид» и выбрав «Предварительный просмотр узора».
Если вы уменьшите масштаб, вы увидите, что он уже дублирует элементы и показывает, как будет выглядеть узор.
Чтобы начать размещение блока шаблона, убедитесь, что выбран инструмент перемещения, и начните перемещать элементы один за другим!
В моем примере вы можете видеть, что часть цветка, срезанная в верхней части блока, автоматически повторяется внизу. Это магия предварительного просмотра шаблонов!
Вот несколько быстрых советов по расположению элементов. Когда я работаю над бесшовными узорами, я всегда начинаю с размещения самых больших элементов, затем перехожу к средним элементам и заканчиваю добавлением меньших элементов в промежуточных областях.
Цель бесшовного узора состоит в том, чтобы все изображение выглядело плавным. Вы не должны видеть, где он начинается и заканчивается, и вы не хотите, чтобы ваши элементы выглядели слишком повторяющимися. Чтобы бороться с этим, я использую одни и те же элементы несколько раз, но поворачиваю их, переворачиваю или изменяю их размер, чтобы они не были слишком похожи.
ДублироватьВыберите элемент, который вы хотите дублировать, и используйте сочетание клавиш : cmd + j , чтобы скопировать элемент и вставить его на новый слой. Это не будет выглядеть так, как будто что-то произошло, но вы сможете увидеть на панели слоев, что у вас есть дубликат этого слоя.
Новый элемент находится прямо поверх старого, поэтому разделите их, выбрав инструмент перемещения, щелкнув элемент и перетащив его на новое место в блоке шаблона.
Поворот и изменение размера Если вы хотите повернуть или изменить размер элемента, используйте сочетание клавиш : t , чтобы получить инструмент преобразования.
Это выталкивает ограничивающую рамку вокруг элемента. Отсюда вы поворачиваете элемент или захватываете углы ограничивающей рамки, чтобы изменить ее размер.
Отразив элементы, можно немного разнообразить узор. Чтобы перевернуть элемент, убедитесь, что он выбран, затем щелкните его правой кнопкой мыши и выберите «отразить по горизонтали» или «отразить по вертикали» в зависимости от того, как вы хотите его преобразовать.
Когда у вас есть блок шаблона в хорошем месте, я рекомендую уменьшить масштаб, чтобы получить более крупное изображение и посмотреть, есть ли какие-либо части шаблона, которые могли бы быть немного более плавными. В моем примере было несколько пробелов в шаблоне, которые я увидел, когда уменьшил масштаб. Я закончил тем, что заполнил их другими элементами, чтобы узор казался более сплоченным.
Если вы когда-нибудь отключите предварительный просмотр узора, вы увидите, что некоторые «обрезанные» элементы отсутствуют.
Не волнуйся! Вы не потеряли ни одной своей работы. Повторяющиеся элементы видны только в режиме просмотра узора. Когда вы снова включите его, эти элементы снова появятся.
Надеюсь, вам понравилось это пошаговое руководство по инструменту просмотра шаблонов! Этот инструмент изменил правила игры в моем рабочем процессе, и я надеюсь, что он изменится и для вас!
Этот урок только поверхностно описывает создание выкройки. Если вы хотите научиться создавать профессиональные бесшовные узоры из нарисованных вручную рисунков, я бы хотел, чтобы вы присоединились ко мне в моем классе «Акварель и бесшовный узор: дизайн поверхности в Adobe Photoshop 9».0366 .
На этом курсе вы узнаете:
Как рисовать элементы с учетом бесшовного рисунка
Как оцифровывать окрашенные элементы
Советы по созданию узоров, которые будут хорошо продаваться
5
5
5 Как настроить цвет узоров в Photoshop
Как добавить металлические акценты к узорам в Photoshop
Загрузка узоров для печати на таких сайтах, как Society6, Spoonflower и Redbubble
И еще много советов и хитростей!
Записаться в класс
Ресурсы для художников, Учебники по искусству, Учебники по PhotoshopCatCoq