Паттерны фотошоп: Рассказываем, где скачать паттерн и как сделать паттерн в «Иллюстраторе», «Фотошопе» и «Фигме» / Skillbox Media

Паттерны в Фотошопе с помощью смарт-объектов

На днях @letta написала Как сделать растровый паттерн в Adobe Illustrator и признаюсь это суперское решение делающее все легко и изящно. Спасибо тебе Летточка что поделилась:) Вот только одно но, у меня Иллюстратор 5-тый, а посему паттерноделки у меня просто нету:( Еще не найдя этой статьи от Летты я попробовала делать паттерны в Фотошопе с помощью смарт-объектов. Вот хочу поделится что у меня получилось, может кому ни будь будет полезно. Итак по порядку: 1. Создаю файл размером скажем 5000х5000. Поцентру задаю фигуру квадрат на 4000х4000 это мой будущий паттерн. Дальше к краям квадрата ставлю направляющие (при включенной привязке к обектам). Фон выключаю — теперь фон у меня прозрачний. Это файл — заготовка который послужит основой для всех будущих моих паттернов. Называю файл скажем pattern_1 и сохраняю. 2. В меню файл выбираю — открыть как смарт-объект — открываю этот же файл и сохраняю, называя скажем pattern_1_3х3.

Название условно, я назвала так, просто чтобы было понятно, что этот файл состоит как бы из 9 квадратов первоначального паттерна. В палитре слои будет находится смарт-объект файла pattern_1. 3. Теперь файл pattern_1_3х3 расширяю по размерам с помощью инструмента рамка (crop) до размера 12000х12000 (мне нужно уместить в него те 9 квадратов первоначального паттерна). Первый у меня уже есть, он по центру — остальные копирую и выравниваю для точного совпадения — это важно для того чтоб паттерн был бесшовным. Слой с первым смарт-объектом — первым белим квадратом — перемещаю поверх всех слоев. 4. На данном этапе у меня в Фотошопе открыты два файла pattern_1 и pattern_1_3х3 с которыми мне нужно работать одновременно. Для удобства я иду в панель окно — упорядочить- расположить две вертикально. Оба файла я открываю себе так, чтобы было видно белый квадрат, направляющие и чуть-чуть пространства вокруг. 5. Дальше первым делом в файле pattern_1 выключаю слой с белим квадратом — дальше мне он будет только мешать — и на прозрачное пространство между направляющими вставляю элементы будущего паттерна (они у меня все в PNG а в настройках Фотошопа стоит галка вставлять как смарт-объекты (это чтобы все элементы не теряли качества при роботе с ними) Теперь размещаю элементы как мне нравится и сохраняю файл pattern_1.

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. Прелесть работы со смарт-объектами в том, что все погрешности паттерна вы изменяете в файле pattern_1 и сохранив вы увидите как это выглядит в залитом паттерне в pattern_1_3х3 по сути в режиме реального времени. Для меня этот способ оказался довольно удобным. Может и кому то из вас пригодится. 🙂

#паттерн #фотошоп #photoshop #смарт-объекты #паттерны

35 бесплатных пиксельных паттернов

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

Seamless Pixel Patterns Vol. 1 

___________________________________________

Seamless Pixel Patterns Vol. 1  

___________________________________________

32 Photoshop Patterns: Subtle Pixels 

___________________________________________

34 Pixel Patterns

___________________________________________

25 Seamless Pixel Patterns for Photoshop  

___________________________________________

Fun Photoshop Pixel Patterns 

___________________________________________

28 Pixel Patterns v. 7  

___________________________________________

 

35 Tiny Pixel Patterns 

___________________________________________

60+ Tileable and repeatable pixel perfect photoshop patterns (PAT) 

___________________________________________

24 Pixel Patterns

___________________________________________

Micro Patterns 

___________________________________________

36 Pixel Patterns 

___________________________________________

Pixel patterns 

___________________________________________

Pixel Pattern Set

___________________________________________

Dark Pixel Extended 

___________________________________________

Pixel Patterns 01 

___________________________________________
20 Repeatable Pixel Patterns  

___________________________________________

18 Pixel Patterns  

___________________________________________

Pixel. Pattern

___________________________________________

ML Pixel Patterns

___________________________________________

Pixel Perfect Blueprint Pattern 

___________________________________________

TT-Pixel-Pattern set 1 

___________________________________________

Pixel Heart Patterns for PS 

___________________________________________

Christmas Pixel Patterns By Brainleaf 

___________________________________________

30 PIXEL PATTERNS FOR PHOTOSHOP (PAT) 

___________________________________________

26 Repeatable Pixel Patterns  

___________________________________________

WDL Premium: Photoshop Pixel Patterns  

___________________________________________

___________________________________________

11 Free Seamless Pixel Patterns For Photoshop 

___________________________________________

15 seamless pixel patterns  

___________________________________________

15 pixel patterns  

___________________________________________

Polyester Lite 

___________________________________________

20 Repeatable Pixel Patterns  

___________________________________________

6 Greek / Roman Pixel Patterns (. PAT) 

___________________________________________

Seamless Pixel Patterns Vol. 2 

___________________________________________

75 Seamless Photoshop Pixel Patterns

___________________________________________

 

Были использованы материалы: Joan Mae Maguale

Автор подборки — Дежурка

Возможно, Вас заинтересует:

• 30 photoshop-уроков по работе с текстурой
• Использование текстур в веб-дизайне
• 30 бесплатных паттернов для минималистичного дизайна

 

Photoshop Patterns — Envato Elements

Photoshop Patterns — Envato Elements

Refine by

Clear

• Categories

  Backgrounds

  7,040

  Textures

  4,150

  Social

  6 205

  Узоры

  4 017

  Иконки

  22 892

  Объекты

  14 735

  Иллюстрации

  11

  23,257

• Applications Supported

  Adobe Photoshop

  4,017

  Adobe Illustrator

  2,268

  Figma

  397

  Sketch

  546

  Affinity Designer

  936

• File Types

  JPG

  3 376

  PNG

  1 743

• Свойства

  Вектор

  1 728

  Слоистый

  0010 1,390

  Tileable

  2,577

Refine by

Clear

• Categories

  Backgrounds

  7,040

  Textures

  4,150

  Social

  6,205

  Patterns

  4,017

  Icons

  22 892

  Объекты

  14 735

  Иллюстрации

  23 257

• Поддерживаемые приложения

  Adobe Photoshop

  4,017

  Adobe Illustrator

  2,268

  Figma

  397

  Sketch

  546

  Affinity Designer

  936

• File Types

  JPG

  3,376

  PNG

  1,743

• Свойства

  Вектор

  1 728

  Слоистый

  1 390

  Мозаика

  2 577

0014

happy easter

heart

Popular:

• background
• logo
• pattern
• abstract
• 3d

Sort by PopularNew

• Voronoi Diagram Vector Backgrounds

  By Vackground

  Add to collection

  Скачать

• 50 Абстрактный фон сетки

  By micromove

  Добавить в коллекцию

  Скачать

• 10 Плакат Steampunk

  By S-SASTRA

  Добавить в коллекцию

  Скачать

• Средний рисунок перца чили. Автор MastakA

  Добавить в коллекцию

  Скачать

• Шаблоны линий

  Автор UnioCS

  Добавить в коллекцию

  Скачать

• The Simple Chic

  By hellomartco

  Add to collection

  Download

• Watercolour Amazon Clipart

  By a_slowik

  Add to collection

  Download

• Watercolor foliage collection

  By designloverstudio

  Добавить в коллекцию

  Скачать

• 15 бесшовных рождественских узоров

  Автор: helga_helga

  Добавить в коллекцию

  Download

• White wedding digital paper pack

  By dandelionery

  Add to collection

  Download

• Topographic Elevation Maps

  By ghostlypixels

  Add to collection

  Download

• Outdoor Adventure Patterns

  Автор wjfranklin

  Добавить в коллекцию

  Скачать

• Набор круговых узоров

  Автор Youandigraphics

  Add to collection

  Download

• Doodle Patterns

  By Webvilla

  Add to collection

  Download

• Winter holidays seamless patterns

  By Lidiebug

  Add to collection

  Download

• Сказочные акварели 40 PNG

  Автор MikiBith

  Добавить в коллекцию

  Скачать

• HaWe: Halloween Vector Toolkit

  By Veila

  Add to collection

  Download

• Chromasect

  By Wutip

  Add to collection

  Download

• Polygon Pattern Background

  By BNIMIT

  Add to collection

  Download

• Акварельные бесшовные текстуры — Коричневый набор

  Автор CreativeForm

  Добавить в коллекцию

  Скачать

• Восковые мелки Текстуры и узоры

  By wingsart

  Add to collection

  Download

• Grunge Retro Zigzag Backgrounds

  By themefire

  Add to collection

  Download

• Watercolor Wash Bundle Volume 1

  By DesignPanoply

  Add to collection

  Скачать

• Набор больших яблок

  By moonery

  Добавить в коллекцию

  Скачать

• Vector cartoon seamless pattern unicorn with cake

  By masastarus

  Add to collection

  Download

• Abstract Patterns / Abstract seamless background

  By danjazzia

  Add to collection

  Download

• Golden Rose Flowers

  Добавить в коллекцию0011

  By MographMotions

  Add to collection

  Download

• Cute Sloth Seamless Pattern

  By telllu

  Add to collection

  Download

• Ink Traces

  By MalyskaStudio

  Add to collection

  Download

• зимний бесшовный узор

  By Pitchlook

  Добавить в коллекцию

  Скачать

• Christmas Holiday Pattern

  By MissChatZ

  Добавить в коллекцию

  Скачать

• Southwestern Seamless Patterns Vol. 5

  By Coastaltype

  Add to collection

  Download

• Set of Childish Seamless Pattern with Funny Dogs

  By AnnaKuba

  Add to collection

  Download

• Summer Beach Vector Seamless Object Pattern

  By Blankids

  Добавить в коллекцию

  Скачать

• Творческий цветочный цветочный цветочный дизайн. Дизайн для плавного узора

  от Grezlinestudio

  Добавить в коллекцию

  Скачать

• 2 Love Owl — Sweelless Patterns

  от StrStudio

  Addt To Collect

  Медицина Мультяшный Бесшовный Паттерн

  От balabolka

  Добавить в коллекцию

  Скачать

• Сладкое Рождество акварельный клипарт Мультяшный Санта.

  от SINE9999

  Добавить в коллекцию

  Скачать

• Скалы. Скачать

• Набор акварельных красок «Тропики и кораллы»

  Автор nadispasibenko

  Добавить в коллекцию

  Скачать

• Set of 6 Watercolor Patterns: Dawn Hue

  By lollyslaneshoppe

  Add to collection

  Download

• Dog with a horseshoe for luck — seamless pattern

  By rwgusev

  Add to collection

  Download

• Транспорт Бесшовный узор Том. 1

  Автор: medzcreative

  Добавить в коллекцию

  Скачать

• 8K UltraHD Бесшовный фон с облачным узором

  By SinCabeza

  Add to collection

  Download

• Grit Pattern II

  By hughadams

  Add to collection

  Download

Featured Graphics

• Vector seamless pattern with cute animals on white

  Автор masastarus

  Добавить в коллекцию

  Скачать

• Фрукты и овощи Винтажные бесшовные узоры

  Автор ConceptCafe

  Add to collection

  Download

• Kawaii Llamas Set

  By NataliyaDolotko

  Add to collection

  Download

• Watercolor foliage collection

  By designloverstudio

  Add to collection

  Download

• Summer Fruit Patterns

  Автор: barrssind

  Добавить в коллекцию

  Скачать

• Сказка в цифровом формате

  By designloverstudio

  Add to collection

  Download

• HaWe: Halloween Vector Toolkit

  By Veila

  Add to collection

  Download

• Memphis Seamless Patterns Collection

  By themefire

  Add to collection

  Загрузить

Повторяющиеся узоры Photoshop — добавление цветов и градиентов

Автор Стив Паттерсон.

В предыдущем уроке мы изучили основы создания и использования простых повторяющихся узоров в Photoshop. Мы разработали один тайл, используя Elliptical Marquee Tool и фильтр Offset. Затем мы сохранили плитку как шаблон. Наконец, мы выбрали шаблон и использовали его для заполнения слоя, при этом шаблон плавно повторялся столько раз, сколько необходимо, чтобы покрыть всю область. Этот урок продолжается с того места, где мы остановились, поэтому вы можете завершить предыдущий раздел, где мы создали и добавили наш шаблон «Круги», если вы еще этого не сделали.

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

Вот наш дизайн, как он выглядит на данный момент:

Черные круги на белом фоне. Не очень интересно.

Добавление сплошных цветов

Начнем с замены белого фона цветом. Мы могли бы использовать команду «Заливка» Photoshop, чтобы заполнить фоновый слой цветом, но давайте добавим себе больше гибкости, используя так называемый слой-заливку (чуть позже мы увидим, что я имею в виду под более гибким). Сначала щелкните фоновый слой на панели «Слои», чтобы выбрать его:

Щелкните фоновый слой, чтобы сделать его активным.

Выбрав фоновый слой, щелкните значок Новый слой-заливка или корректирующий слой в нижней части панели «Слои»:

Щелкните значок «Новая заливка» или «Корректирующий слой».

Выберите Solid Color в верхней части списка заливок и корректирующих слоев:

Выберите Сплошной цвет в верхней части списка.

Как только вы выберете Solid Color из списка, Photoshop откроет Color Picker , чтобы мы могли выбрать цвет, который хотим использовать. Это цвет, который станет новым цветом фона для дизайна. Я собираюсь выбрать средний синий. Конечно, вы можете выбрать любой цвет, который вам нравится, но если вы хотите использовать те же цвета, что и я, найдите варианты R, G и B (обозначающие красный, зеленый и синий) в нижней центральной части экрана. Палитра цветов и введите 98 для значения R , 175 для G и 200 для B :

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

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

Белый фон заменен на синий.

Если мы посмотрим на панель слоев, мы увидим, что произошло. Photoshop добавил слой-заливку сплошным цветом, который он назвал «Заливка цветом 1», между фоновым слоем с белой заливкой и узором черного круга на слое 1. Причина, по которой мы выбрали фоновый слой перед добавлением слоя-заливки, заключалась в том, что Photoshop добавляет новые слои. прямо над текущим выбранным слоем, и нам нужно, чтобы слой-заливка отображался над фоновым слоем, но под круговым узором. Круги остаются черными в нашем документе, потому что они находятся на слое над слоем заливки, а это значит, что он на них не влияет:

Слой заливки сплошным цветом теперь закрывает белый фоновый слой от просмотра в документе.

Мы можем использовать другой слой-заливку, чтобы добавить другой цвет к самому кругу. На этот раз нам нужен Photoshop, чтобы добавить слой-заливку над узором круга, поэтому щелкните слой 1, чтобы выбрать его:

.

Щелкните слой 1 на панели слоев, чтобы сделать его активным.

Затем еще раз щелкните значок New Fill or Adjustment Layer в нижней части панели слоев и выберите Solid Color сверху списка, как и раньше. Photoshop снова откроет Color Picker , чтобы мы могли выбрать цвет, который хотим использовать. На этот раз я выберу очень светло-голубой, введя 216 для значения R , 231 для G и 239 для B :

.

Выберите светло-голубой или другой цвет, если хотите.

Нажмите OK, чтобы закрыть палитру цветов, и точно так же наши повторяющиеся круги теперь отображаются в новом голубом цвете:

Документ после добавления слоя заливки сплошным цветом над рисунком кругов.

Подожди, что случилось? Куда пропали наши круги? Где цвет фона, который мы только что добавили? Почему теперь все светло-голубое? Если мы посмотрим на панель «Слои», мы увидим проблему, и проблема в том, что Photoshop сделал именно то, что мы просили. Он добавил слой заливки сплошным цветом с именем Color Fill 2, заполненный светло-голубым цветом, который мы выбрали в палитре цветов, над рисунком кругов на слое 1: 9.0011

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

К сожалению, поскольку слой-заливка находится над всеми остальными слоями на панели «Слои», он блокирует все остальное в документе, поэтому все, что мы видим, светло-голубое. Нам нужен способ сообщить Photoshop, что мы хотим, чтобы наш новый слой-заливка влиял только на узор кругов на слое 1 под ним, и мы можем сделать это, используя так называемую обтравочную маску .

Убедитесь, что Color Fill 2 9Слой 0794 активен на панели «Слои» (активные слои выделены синим цветом. Нажмите на него, чтобы выбрать его, если он по какой-то причине не активен). Перейдите к меню Layer в строке меню в верхней части экрана и выберите Create Clipping Mask :

.

Перейдите в меню «Слой» > «Создать обтравочную маску».

Слой «Заливка цветом 2» появится с отступом вправо на панели «Слои», что говорит нам о том, что теперь он «обрезан» по содержимому слоя под ним, а это означает, что теперь он влияет только на круговой узор на слое 1:

Слой с отступом означает, что он обрезан до слоя, находящегося непосредственно под ним.

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

Тот же черно-белый рисунок, теперь в цвете.

Изменение цвета

Ранее я упоминал, что слои-заливки дают нам больше гибкости, чем если бы мы заполняли слой с помощью команды Photoshop «Заливка», и причина в том, что мы можем изменить цвет слоя-заливки в любое время, когда захотим! Чтобы изменить цвет слоя-заливки, просто нажмите 9.0793 дважды щелкните непосредственно на его миниатюре на панели «Слои». Давайте изменим цвет нашего фона. Дважды щелкните миниатюру слоя Color Fill 1, который находится над фоновым слоем:

.

Дважды щелкните миниатюру слоя «Цветовая заливка 1».

Это снова открывает палитру цветов, позволяя нам выбрать другой цвет. На этот раз я выберу вишневый цвет, введя 204 для моего значения R , 32 для G и 130 для B :

Выбор нового цвета фона.

Нажмите OK, чтобы закрыть палитру цветов, и документ мгновенно обновится с нашим новым цветом фона:

Цвет фона был легко изменен.

Изменить цвет кругов так же просто. Просто дважды щелкните миниатюру слоя Color Fill 2:

.

Дважды щелкните миниатюру Color Fill 2.

Это снова открывает палитру цветов, чтобы мы могли выбрать новый цвет. Я выберу светло-розовый, введя 218 вместо значения R , 144 вместо G и 161 вместо B :

.

Выбор нового цвета для круга.

Нажмите OK, чтобы закрыть палитру цветов, и снова документ мгновенно обновится, на этот раз с новым цветом для кругов:

Изменены цвета фона и круга.

Добавление градиентов к повторяющимся узорам

Мы также можем добавить градиенты к нашим узорам, и шаги очень похожи. На самом деле, единственное реальное отличие состоит в том, что вместо слоя заливки Solid Color мы добавляем слой заливки Gradient ! Я удалю два слоя заливки сплошным цветом, которые я добавил, щелкнув каждый из них и перетащив его в корзину в нижней части панели «Слои»:

Изменены цвета фона и круга.

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

Снова черные круги на белом фоне.

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

Выберите слой 1.

Помните, что произошло, когда мы добавили слой заливки сплошным цветом поверх кругового узора? Весь документ был заполнен выбранным нами цветом, пока мы не исправили проблему с помощью обтравочной маски. Нам также понадобится обтравочная маска для нашего слоя с градиентной заливкой, но на этот раз давайте пойдем кратчайшим путем. Выбрав Layer 1, нажмите и удерживайте Alt (Win) / Option (Mac) и щелкните значок New Fill или Adjustment Layer :

Щелкните значок «Новая заливка» или «Корректирующий слой».

Выберите слой заливки Gradient из появившегося списка:

Выберите Градиент из списка.

Удерживая нажатой клавишу Alt (Win) / Option (Mac) при нажатии значка «Новый слой заливки» или «Корректирующий слой», Photoshop открывает диалоговое окно «Новый слой», в котором мы можем установить некоторые параметры для нашего слоя градиентной заливки до его добавления. Нас интересует тот вариант, который говорит Использовать предыдущий слой для создания обтравочной маски . Щелкните внутри его флажка, чтобы выбрать его. Если выбран этот параметр, слой градиентной заливки будет автоматически обрезан до слоя 1 под ним, избавляя нас от необходимости делать это самостоятельно позже:

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

Нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Новый слой». Откроется диалоговое окно Gradient Fill , в котором мы можем выбрать градиент, который хотим использовать. Нажмите на градиент миниатюра предварительного просмотра :

Щелкните миниатюру предварительного просмотра градиента.

Открывает редактор градиентов Photoshop . В верхней части диалогового окна в разделе Presets находится набор миниатюр, показывающих предварительный просмотр готовых градиентов, которые мы можем выбрать. Просто нажмите на миниатюру, чтобы выбрать градиент. Каждый раз, когда вы нажимаете на миниатюру, вы видите предварительный просмотр того, как градиент будет выглядеть в окне документа. Например, если вы хотите что-то действительно яркое и красочное, вы можете попробовать Spectrum градиент, нажав на его миниатюру:

Щелкните миниатюру градиента Spectrum, чтобы выбрать его.

В окне документа мы видим, как будет выглядеть градиент Spectrum. Обратите внимание, что градиент влияет только на сами круги благодаря параметру «Использовать предыдущий слой для создания обтравочной маски», который мы выбрали минуту назад в диалоговом окне «Новый слой»:

.

Градиент Spectrum превращает черные круги в цвета радуги.

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

.

Нажмите на маленькую иконку со стрелкой.

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

Выбор набора градиентов Color Harmonies 2.

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

Добавьте новые градиенты к текущим, выбрав «Добавить».

Новые градиенты появятся после исходных градиентов в области «Предустановки» редактора градиентов. Как и в случае с оригиналами, вы можете выбрать и просмотреть любой из новых градиентов, щелкнув их миниатюру. Я нажму на Синий, Желтый, Розовый Градиент для выбора:

Нажатие на миниатюру синего, желтого, розового градиента.

Круговой узор теперь раскрашен более мягкими цветами нового градиента:

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

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

Изменение градиента

Точно так же, как мы видели со слоем заливки Solid Color, мы можем вернуться и изменить наш градиент в любое время. Если мы посмотрим на панель «Слои», мы увидим наш слой «Градиентная заливка», который Photoshop назвал «Градиентная заливка 1», расположенный над рисунком кругов на слое 1. Обратите внимание, что он имеет отступ вправо, что говорит нам о том, что он обрезан до слоя 1 под ним. Чтобы перейти к другому градиенту, просто дважды щелкните непосредственно на миниатюре слоя градиентной заливки :

.

Дважды щелкните миниатюру слоя градиентной заливки.

Повторно открывает диалоговое окно «Градиентная заливка». Чтобы изменить градиент, щелкните, как мы это делали ранее, на миниатюре предварительного просмотра градиента :

.

Нажмите еще раз на миниатюру предварительного просмотра градиента.

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

Выбор набора градиентов Pastels.

Я добавлю эти новые градиенты вместе с другими, выбрав «Добавить», когда Photoshop попросит меня, и новые эскизы градиентов появятся в области «Предустановки» редактора градиентов. На этот раз я выберу градиент Green, Purple, Blue :

Нажмите на миниатюру зеленого, фиолетового, синего градиента, чтобы выбрать его.

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

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

Конечно, мы не обязаны придерживаться белого фона. Здесь я использовал шаги, которые мы рассмотрели в первой части урока, чтобы добавить слой заливки сплошным цветом над фоновым слоем. Я выбрал средний фиолетовый из палитры цветов в качестве нового цвета для моего фона (R: 85, G: 80, B: 129):

Слой заливки «Градиент» раскрашивает узор, а слой заливки «Сплошной цвет» теперь заполняет фон.

И здесь мы видим совместные усилия слоя заливки градиентом на круговом узоре и слоя заливки сплошным цветом на фоне:

Окончательный результат.