Градиенты для photoshop: Скачать бесплатно градиенты для Фотошопа

Наборы градиентов для PhotoshopDesigne-R

Градиенты для фотошоп стали очень популярными в дизайне. Переход цвета — чудесный способ изобрести «новый цвет» и сделать его узнаваемым и эксклюзивным. В веб-дизайне градиенты также пользуются большой популярностью. Сегодня мы собрали классные бесплатные градиенты для Photoshop, которые вы можете использовать в ваших работах.

Рекомендуем также посмотреть:

• Огромная подборка Фотошоп Экшенов для ваших фотографий
• Подборка полезный и качественных PSD файлов
• Бесплатные Mockups файлы реалистичных баннеров

1. Набор градиентов для фотошоп

Скачать

2. Градиенты для фотошоп

Скачать

3. Градиенты # 028

Скачать

4. Градиенты # 024

Скачать

5. Синие градиенты

Скачать

6.  Градиенты

Скачать

7. Градиенты неба

Скачать

8. Симпатичные градиенты

Скачать

9.

Коллекция градиентов

Скачать

10. Пастельные градиенты для фотошоп

Скачать

11. Набор градиентов

Скачать

12. Весенний градиент

Скачать

13. Яркие градиенты для фотошоп

Скачать

14. 20 пурпурных градиента

Скачать

15. Набор градиентов

Скачать

16. 45 бесплатных градиентов для фотошоп

Скачать

17. Градиенты

Скачать

18. Летние градиенты фиолетового цвета

Скачать

19.  Набор градиентов

Скачать

Статьи по теме

• Лучшие бесплатные PSD макеты iPhone 4
• 10 бесплатных мокапов
• 6 бесплатных макетов PSD кофейных упаковок

Узнать больше интересного:

Найкращі кольорові схеми та естетичні ідеї Instagram

Photoshop Action, щоб додати старовинні ефекти до вашої фотографії

Векторная коллекция на тему Рыбалки

Потужний набір спортивних іконок

Затишні осінні візерунки для поповнення вашої колекції

Найкращі шрифти трафарету для дизайнерів (безкоштовно та преміум)

Як створити власний шрифт: поради, підказки та ресурси

Повна колекція генераторів CSS

Екстравагантна колекція квіткових візерунків для дизайнерських потреб

Створіть колаж з 3D -ефектом в Adobe Photoshop

Конфіденційність і файли cookie: цей сайт використовує файли cookie. Продовжуючи використовувати цей веб-сайт, ви погоджуєтесь на їх використання.
Щоб дізнатися більше, включно з тим, як контролювати файли cookie, див. тут: Політика використання файлів Cookie

Новые статьи

40 Бесплатных Photoshop градиентов для дизайна

Дизайн

30 июля 2019 Анна Рогозянская

Градиент — это один из самых популярных элементов в современном веб-дизайне.

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

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

---

4500 БЕСПЛАТНЫХ 2.0 PHOTOSHOP ГРАДИЕНТОВ

* * *

ЯРКИЕ ГРАДИЕНТЫ

* * *

3520 PS ГРАДИЕНТА

* * *

50000 БЕСПЛАТНЫЕ PHOTOSHOP ГРАДИЕНТЫ

* * *

ГРАДИЕНТЫ ДЛЯ PHOTOSHOP

* * *

ФРУКТОВЫЕ ГРАДИЕНТЫ

* * *

PS НАБОР ГРАДИЕНТОВ 2

* * *

НОВОГОДНИЕ ГРАДИЕНТЫ ДЛЯ PHOTOSHOP

* * *

24 ГРАДИЕНТА

* * *

РОЗОВЫЕ ГРАДИЕНТЫ

* * *

ПАСТЕЛЬНЫЙ НАБОР ГРАДИЕНТОВ

* * *

40 ТЕМНЫХ PHOTOSHOP ГРАДИЕНТОВ

* * *

ВЕСЕННИЕ ГРАДИЕНТЫ

* * *

ЛЕТНИЕ ГРАДИЕНТЫ

* * *

ОСЕННИЕ ГРАДИЕНТЫ

* * *

ЗИМНИЕ ГРАДИЕНТЫ

* * *

МАТОВЫЕ ГРАДИЕНТЫ

* * *

50 SМЕТАЛЛИЧЕСКИХ ГРАДИЕНТОВ ДЛЯ PHOTOSHOP

* * *

1360 БЕСПЛАТНЫХ PHOTOSHOP ГРАДИЕНТОВ

* * *

160 БЕСПЛАТНЫХ PHOTOSHOP ГРАДИЕНТОВ В ПОЛОСКУ

* * *

PS ADOBE ГРАДИЕНТЫ ИКОНОК

* * *

ГРАДИЕНТЫ ДЛЯ PHOTOSHOP — ОГОНЬ

* * *

26МАТОВЫХ ГРАДИЕНТОВ PHOTOSHOP

* * *

МИЛЫЕ PHOTOSHOP ГРАДИЕНТЫ

* * *

НАБОР ГРАДИЕНТОВ .

GRD AND .PSD

* * *

НЕБЕСНЫЕ ГРАДИЕНТЫ ДЛЯ PHOTOSHOP

* * *

2000 БЕСПЛАТНЫХ ЗЕЛЕНЫХ PHOTOSHOP ГРАДИЕНТОВ

* * *

БЕСПЛАТНЫЕ ГРАДИЕНТЫ — ВОСХОДЯЩЕЕ СОЛНЦЕ

* * *

ГРАДИЕНТЫ ВЕЧЕРНЕГО НЕБА

* * *

29 ГРАДИЕНТОВ

* * *

50 РАЗНЫХ ГРАДИЕНТОВ

* * *

53 ВАРИАНТА ГРАДИЕНТОВ

* * *

56 ГРАДИЕНТОВ

* * *

88 БИРЮЗОВЫХ ГРАДИЕНТОВ

* * *

98 ЖЕЛТО-КРАСНЫХ ГРАДИЕНТОВ

* * *

208 РАЗНЫХ ВАРИЕНТОВ

* * *

---

TemplateMonster

---

Анна Рогозянская

Копирайтер и человек, который отвечает за локализацию сайта TemplateMonster на русский и украинский языки. Любит читать и созерцать. Обучалась Анна на филологическом факультете в Черноморском Национальном Университете им. Петра Могилы. Владеет несколькими иностранными языками, такими как английский и немецкий. Обожает путешествовать, в свободное время описывает лайфхаки и гиды для путешественников. Личность с активной жизненной позицией, позитивный и ответственный работник.

Как использовать инструмент «Градиент» в Photoshop

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

Содержание

• Что такое инструмент градиента Photoshop?
• Где находится инструмент «Градиент» в Photoshop?
• Что такое сочетание клавиш для инструмента «Градиент»?
• Как использовать инструмент градиента в Photoshop
  • Линейный градиент
  • Радиальный градиент
  • Угол градиент
  • Отраженный градиент
  • Алмазный градиент
• Используя градиент Редактор в Photop
• Как создать градиент Photophop в Photophop
• .
  • Заключение

Что такое инструмент градиента Photoshop?

Инструмент «Градиент» создает непрерывное равномерное смешение цветов. Его также можно использовать для смешивания цвета и прозрачности.

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

• Линейный,
• Радиальный,
• Угловой,
• Отраженный,
• Или Ромбовидный.

Наложение любого из этих градиентов на изображения Photoshop может добавить глубину и интерес к вашим фотографиям. Добавление цветов тонко или жирно, как вам нравится, может выглядеть более естественно, если вы применяете инструмент градиента творчески.

Где находится инструмент «Градиент» в Photoshop?

Вы можете найти инструмент градиента в Photoshop, перейдя в меню «Инструменты» в левой части экрана. Это примерно на полпути вниз по панели инструментов, если вы не настроили это.

Значок может выглядеть как ведро с краской. Нажмите и удерживайте этот значок, и он покажет вам значок инструмента градиента (как показано на вставке на изображении выше). Нажмите, чтобы активировать инструмент градиента в Photoshop.

Что такое сочетание клавиш для инструмента «Градиент»?

Горячая клавиша для инструмента градиента в Photoshop — «G». Нажатие клавиши активирует инструмент из этого набора инструментов, который вы использовали ранее. Если в прошлый раз вы использовали инструмент Paint Bucket, нажатие G активирует его. Нажав G еще раз, вы перейдете к инструменту 3D Material Drop. Нажмите ее еще раз, и вы активируете инструмент градиента. Каждый раз, когда в наборе есть несколько инструментов, продолжайте нажимать ярлык, пока не дойдете до инструмента, который хотите использовать.

Как использовать инструмент «Градиент» в Photoshop

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

Совет:

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

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

Выбрав предустановку, вы можете использовать ее напрямую или настроить ее внешний вид. Для этого один раз нажмите на полосу градиента в меню. Это вызовет диалоговое окно редактора градиентов. Здесь вы можете бесконечно настраивать внешний вид вашего градиента. Будьте осторожны, это может быть очень глубокая кроличья нора, чтобы спрыгнуть вниз.

Создание плоскости, линейный градиент — наиболее распространенное использование этого инструмента. За поколения Photoshop было добавлено больше возможностей. Чтобы применить любой градиент к вашему изображению, с выбранным инструментом градиента, просто нажмите и перетащите мышь. То, как градиент будет отображаться на вашем холсте, будет зависеть от того, какой вариант вы выбрали. Линейный вариант используется по умолчанию. Чтобы изменить это, щелкните один из других значков рядом с панелью градиента во вторичном верхнем меню.

Давайте рассмотрим различные параметры инструмента «Градиент» и то, как их можно использовать при редактировании.

Линейный градиент

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

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

В этом примере я выбрал Мягкий свет в качестве режима наложения. Я также уменьшил непрозрачность до 55%.

Совет:

Удерживая нажатой клавишу Shift при перетаскивании, движение ограничивается прямой линией. Это будет следовать направлению, в котором вы начнете перетаскивать.

Радиальный градиент

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

Я применил радиальный градиент к новому слою над моей фотографией. Это позволило мне снова выбрать режим наложения и непрозрачность, чтобы создать тот вид моей фотографии, который я хотел. Я установил режим наложения на Color Burn и непрозрачность на 35%

Угловой градиент

Этот градиент немного сложен в использовании. Когда вы щелкнете и перетащите указатель мыши и отобразите оттенки градиента по часовой стрелке. Чтобы создать пример ниже, я щелкнул и перетащил часть изображения из центра холста вправо. Как видите, там, где заканчивается начальный и конечный цвет, создается заметная жесткая линия.

Я добавил два градиента угла к этому изображению рисовых полей и холмов. Первый был нежно-голубым и белым. Второй слой, наложенный выше, был градиентом от черного к белому. Я использовал режим наложения «Перекрытие» для первого градиента и установил уровень непрозрачности на 72%. Для верхнего слоя я использовал затемняющий цвет в качестве режима наложения и установил непрозрачность на 19%. Это помогло улучшить небо.

Отраженный градиент

Когда вы щелкаете и перетаскиваете выбранный отраженный градиент, вы создаете новый градиент, симметричный относительно начальной точки.

В этом примере я использовал этот градиент на новом слое над моим изображением. Я установил режим наложения на Overlay и непрозрачность на 72%.

Этот градиент Photoshop можно использовать по-разному. Это особенно эффективно при применении к симметрично составленным изображениям.

Алмазный градиент

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

Я применил к своему изображению ромбовидный градиент. Используя редактор градиента, я установил цвета и уменьшил непрозрачность желтого цвета в центре моего градиента. Затем я использовал инструмент «Трансформация», чтобы настроить ромбовидную форму, чтобы она лучше соответствовала моему изображению. Я установил режим наложения слоя на Мягкий свет и непрозрачность на 57%.

Использование редактора градиентов в Photoshop

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

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

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

Как создать прозрачный градиент в Photoshop

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

В этом поле у ​​вас есть много параметров для управления градиентом, который создает Photoshop.

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

Затем вы можете выбрать тип градиента и установить уровень сглаживания. Под этими параметрами вы увидите ползунок с различными блоками управления с обоих концов и посередине. Вы можете использовать поля вверху для управления прозрачностью цветов. Цвета можно выбрать с помощью полей в нижней части ползунка.

Сначала выберите нужные цвета, дважды щелкнув каждое поле. Вы можете выбрать цвет из палитры цветов или использовать инструмент «Пипетка», чтобы выбрать цвет на изображении, над которым вы работаете. Как только вы получите нужные цвета, вы сможете более точно настроить прозрачность.

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

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

Заключение

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

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

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

Kevin LJ

Кевин купил свою первую камеру в начале 1980-х и несколько лет спустя начал работать в фотоотделе ежедневной газеты. Вся его карьера связана с фотографией, и он затронул множество тем. Больше всего он любит фотографировать людей. За последнее десятилетие Кевин стал больше преподавать и писать, делясь своей страстью к фотографии со всеми, кто хочет учиться.

шумов, текстур, градиентов и прямоугольников со скругленными углами — Smashing Magazine

• 11 минут чтения
• Графика, Техники, Photoshop
• Поделиться в Twitter, LinkedIn

Об авторе

Марк Эдвардс — дизайнер, известный спидраннер, создатель странных генеративных художественных GIF-файлов и основатель Bjango. Бьянго наиболее известен своими iStat Menus и… Больше о Марк ↬

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

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

Возможно, вы захотите взглянуть на следующие статьи по теме:

• Методы создания пользовательских текстур в Photoshop
• Почему и как использовать текстуры в веб-дизайне
• Совершенство пикселей при вращении, вставке и сдвиге в Photoshop

Шум и текстуры

Небольшой шум или текстура на элементах пользовательского интерфейса могут выглядеть великолепно, но как лучше всего их добавить? Наша цель — найти наилучший метод, сохраняющий качество при масштабировании, но при этом простой в реализации и редактировании. Чтобы выяснить, какой из них лучше, мы оценим каждый метод по следующим критериям:

Еще после прыжка! Продолжить чтение ниже ↓

• Количество используемых слоев: чем меньше, тем лучше.
• Возможность масштабирования: при изменении размера документа эффект сохранит свое качество?
• Может ли шум быть поверх стилей слоя «Цвет» и «Градиент»?
• Можно ли использовать этот метод с любой текстурой, а не только с шумом?

1. Растровый слой с шумом

Вероятно, самый очевидный способ добавить текстуру к фигуре — создать обычный растровый слой, заполнить его цветом, выбрать Фильтр → Шум → Добавить шум , затем примените маску или векторную маску, соответствующую элементу, к которому вы добавляете шум.

Используя большое количество шума, установив режим наложения слоя на Luminosity и уменьшив непрозрачность, вы получите максимальный контроль над шумом с наименьшим нарушением нижележащих слоев. Уровень шума 48% обеспечивает широкий динамический диапазон без ограничения шума. (Обрезка приводит к более высокому контрасту, что может быть нежелательно.)

• Слои: 2
• Масштабы: Нет, при масштабировании документа текстуру придется создавать заново

2. Стиль слоя «Внутреннее свечение»

Добавление стиля слоя «Внутреннее свечение» с источником, установленным в центре, и размером 0 позволит вам использовать ползунок шума для добавления текстуры к любому слою. Это хорошее решение, если вы еще не используете стиль слоя «Свечение» для чего-то другого. Шум добавляется поверх стилей слоя «Цвет», «Градиент» и «Узор», и это здорово.

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

• Слои: 1
• Масштабы: Да, текстура будет переделана автоматически0008

3.

Смарт-объект с фильтром

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

Это довольно сложный процесс, но он может включать комбинацию эффектов, которые можно переделать, если документ масштабируется.

• Слоев: 2
• Scales: Да, текстура будет автоматически переделана
• Работа с цветом и градиентными стилями слоя: Да
• Работа с любой текстурой:

9008. Начните с создания шума или повторяющегося узора в новом документе, затем выберите Редактировать → Определить узор . После того, как вы определили узор, он будет доступен в параметрах стиля слоя Pattern Overlay. Как и в предыдущих методах, используя Luminosity в качестве режима наложения и уменьшение непрозрачности в соответствии с ним дают отличные результаты.

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

• Слои: 1
• Масштабы: Да, но после масштабирования 9 вам потребуется изменить масштаб стиля слоя на 100%.0217
• Работает со стилями слоя «Цвет» и «Градиент»: Нет, узор появляется под ним
• Работает с любой текстурой: Да

Какой метод лучше?

Хотя это немного громоздко, создание слоя «Градиентная заливка», добавление стиля слоя «Узор», а затем создание векторной маски кажется наилучшим возможным методом. Это можно использовать для создания гибких, масштабируемых и редактируемых однослойных элементов пользовательского интерфейса с текстурой. В качестве бонуса, слои с градиентной заливкой можно сглаживать, что также дает результаты высочайшего качества (стили слоев с градиентом нельзя сглаживать).

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

Загрузите PSD-файл (.zip)

Прямоугольники со скругленными углами

Прямоугольники со скругленными углами, или «прямоугольники со скругленными углами», как их ласково называет QuickDraw, являются стандартным набором инструментов веб-дизайнеров и дизайнеров интерфейсов. Они настолько распространены, что веб-страницы или приложения редко содержат , а не , содержащие прямоугольник или два. К сожалению, закругленные прямоугольники с блокировкой пикселей на самом деле довольно сложно рисовать в Photoshop. (Под пиксельной блокировкой я подразумеваю, что каждый край приходится на точную границу пикселя, создавая максимально четкий объект.)

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

1. Векторный инструмент «Прямоугольник со скругленными углами»

Векторный инструмент Photoshop «Прямоугольник со скругленными углами» идеально подходит для этой задачи. В результате получаются идеальные прямоугольники каждый раз. Радиус угла можно изменить во время или после рисования формы (Окно > Свойства). С положительной стороны, сохранение ваших объектов в виде векторов означает, что вы сможете изменять размер документа, а углы будут в полной мере использовать любое дополнительное разрешение. Однако есть одно небольшое предостережение: если вы изменяете размер, вам придется делать это как точное кратное, иначе вы рискуете получить нечеткие края без блокировки пикселей.

2. Размытие

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

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

1. Создайте новый слой.
2. Нарисуйте прямоугольное выделение.
3. Введите быструю маску ( Q ).
4. Размытие по Гауссу на половину радиуса, необходимого для закругленных углов. (Например, для 10-пиксельного радиуса потребуется 5-пиксельное размытие.)
5. Применить уровни ( Command + L ) и использовать около 118 для черной точки и 137 для белой точки на входных уровнях.
6. Выход из быстрой маски ( Q ).
7. Выбор заливки.

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

3. Круги

Метод кругов очень точен и легко воспроизводим, но состоит из целых 13 шагов. Это много кликов для одного прямоугольника.

1. Создайте новый слой.
2. Сделайте круговое выделение вдвое большего радиуса, чем вы хотели бы (например, для радиуса 10 пикселей потребуется круг размером 20×20 пикселей).
3. Заполните выделение.
4. Переместить выделение вправо. Это можно сделать быстро, удерживая нажатой клавишу Shift и несколько раз нажимая клавишу со стрелкой вправо.
5. Заполните выделение.
6. Переместить выделение вниз.
7. Заполните выделение.
8. Переместить выделение влево.
9. Заполните выделение.
10. Создайте прямоугольное выделение, покрывающее весь вертикальный участок прямоугольника, но начинающееся и заканчивающееся на полпути через круги на концах.
11. Заполните выделение.
12. Создайте прямоугольное выделение, покрывающее весь горизонтальный отрезок прямоугольника, но начинающееся и заканчивающееся посередине кругов на концах.
13. Заполните выделение.

4.

Штрих

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

1. Создайте новый слой.
2. Нарисуйте прямоугольное выделение, которое меньше требуемой области (меньше на удвоенный радиус, если хотите быть точным).
3. Заполните выделение.
4. Добавьте обводку в качестве стиля слоя толщиной, равной желаемому радиусу угла.

Если вы хотите сгладить объект, чтобы удалить обводку, продолжайте выполнять следующие шаги.

1. Создайте новый слой.
2. В палитре слоев выберите новый слой и предыдущий слой.
3. Объединить слои ( Command + E ).

Сведение можно автоматизировать с помощью экшена Photoshop. Это также может быть настроено как функциональная клавиша для дальнейшего ускорения работы.

Огромным преимуществом метода обводки является то, что он является динамическим, поэтому радиус можно редактировать в режиме реального времени. Его также можно использовать для простого создания других округлых форм, как показано ниже.

Какой метод лучше?

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

Градиенты

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

Линейные градиенты

Линейные градиенты — это градиенты в их самой простой форме — постепенное смешение цветов и следование прямой линии. Я уверен, что вы это знали, так что перейдем к более интересным вещам.

Отраженные градиенты

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

Радиальные градиенты

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

Градиенты угла

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

Градиенты на градиентах

Все, что стоит делать, стоит переусердствовать, верно? Сочетание слоя градиента со стилем слоя градиента позволяет накладывать два разных градиента, получая более сложные и, что хорошо, полностью динамические результаты. Чтобы объединить градиенты, вам нужно установить режим наложения для стиля слоя градиента. Для приведенных ниже примеров я использовал Screen (хорошо для осветления) или Multiply (хорошо для затемнения).

Дизеринг решает все

Добавление дизеринга к градиенту дает более плавные результаты. Градиенты без сглаживания часто содержат видимые полосы. Дизеринг еще более важен, если ваше изображение просматривается на более дешевых ЖК-дисплеях TN с 6-битным каналом и некоторых типах дисплеев, которые имеют тенденцию усиливать проблемы постеризации.

Если вы не видите разницы, вот экстремальный и совершенно нереалистичный пример градиентного сглаживания в действии:

Обеспечить сглаживание градиентов очень просто: просто установите соответствующий флажок в Photoshop.

Обратите внимание, что стили градиентных слоев нельзя сглаживать, а градиенты в размещенных объектах (например, объекты, вставленные из Illustrator) не сглаживаются.

Если вы используете прозрачность в градиенте, он также не будет сглаживаться, что иногда может быть серьезной проблемой. Для некоторых конкретных случаев есть решение: если вы используете градиент с прозрачностью, чтобы осветлить область белым цветом, то использование непрозрачного градиента с режимом наложения Screen Layer позволит вам сгладить его. Эту же технику можно использовать для затемнения в режиме наложения Multiply.

Комбинация методов градиента, описанных выше, была использована для создания значка приложения Mac ниже.

Карты градиентов

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

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

Изображение ниже было использовано в плакате школы плавания Kingswim:

С картой градиента.

No related posts.