Как делать пастельные тона в фотошопе

Обновлено: 02.07.2024

What You'll Be Creating

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

Данный текстовый эффект был вдохновлён арт обложкой к синглу Карли Рэй Джепсен (Carly Rae Jepsen) «Cut To The Feeling», а также другими различными стилями слоя, которые доступны на GraphicRiver.

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

Шрифт Montserrat Extra Bold
Кисти Облака
PS и GIMP Кисти Облака
Облака от centb
Бесплатные Кисти Облака
Кисти Гуси

1. Создаём Задний Фон и Текстовые Слои

Шаг 1

Создайте новый рабочий документ со следующими размерами 1000 x 1000 px. В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Градиент (Gradient).

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

Поменяйте Угол (Angle) на -60, а затем нажмите кнопку ‘OK’.

Шаг 2

Создайте текст заглавными буквами, используя шрифт Montserrat Extra Bold, в качестве цвета шрифта используйте цветовой оттенок, который был использован в правой части градиента.

Поменяйте размер шрифта на 135 pt, а значение Трекинга (Tracking) на 200, а если вы используете несколько строк текста, тогда поменяйте значение Интерлиньяжа (Leading) на 225.

2. Добавляем Облака

Шаг 1

Установите цвет переднего плана на цветовой оттенок, который был использован в левой части градиента. Выберите инструмент Кисть (Brush Tool).

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

В настройках инструмента Кисть (Brush Tool), вы можете отрегулировать степень Непрозрачности (Opacity) кисти, а также поменять степень Непрозрачности (Opacity) слоя, чтобы получить тот результат, который вам нравится.

Шаг 2

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

Шаг 3

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

Шаг 4

Вы можете выбрать любой слой с облаками, а затем нажать кнопку Добавить слой-маску (Add layer mask) в нижней части панели слоёв для коррекции облаков.

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

Шаг 5

Создайте новый слой непосредственно над текстовым слоем, далее, щёлкните правой кнопкой по созданному слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Теперь с помощью кисти Облака, закрасьте последнюю букву каждой строки текста.

Шаг 6

3. Добавляем Шум

Шаг 1

Создайте новый слой поверх всех остальных слоёв, назовите этот слой Шум (Noise), а затем идём Редактирование – Выполнить заливку (Edit > Fill).

Поменяйте Содержимое (Contents) на 50% серым (50% Gray) и нажмите кнопку ‘OK’.

Шаг 2

Щёлкните правой кнопкой по слою Шум (Noise) и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object), а также поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).

Шаг 3

Далее, идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise), поменяйте значение Эффекта (Amount) на 7, а также выберите опцию Равномерное (Uniform) в настройках Распределение (Distribution).

Отличная Работа, Мы завершили урок!

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

Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения, а также выкладывать свои работы.

Что делать, если на фотографию срочно нужно добавить свет, снег, деревья, воронов (нужное подчеркнуть), но попытки научиться рисовать вспоминать стыдно? Что делать, если хочется быстро окрасить снимок в двуцветный ретро-градиент в пастельных тонах? А если на картинку нужно добавить готический витиеватый шрифт, которого нет в стандартном наборе программы?

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

Как установить кисти в Photoshop

Кисти условно можно разделить на два типа: фигурные (они повторяют форму чего-то конкретного — птиц, облаков, травы, деревьев) и текстурные (копируют материал, фактуру — грязь, царапины, пыль, мазки краски, волосы).

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

1. Скачайте из интернета набор кистей, который вам нужен. Чтобы найти подходящий, введите запрос в поисковик: «кисти птицы фотошоп», «кисти для фотошопа свет».
Сохраняйте удачные сайты в закладках в браузере, чтобы в случае необходимости не искать источники заново.

2. Как правило, кисти запакованы в архив. Так что после установки разархивируйте его.

Нажмите правой кнопкой мыши на архив и выберете Извлечь всё, либо 7zip — Распаковать здесь / Иллюстрация автора Нажмите правой кнопкой мыши на архив и выберете Извлечь всё, либо 7zip — Распаковать здесь / Иллюстрация автора

3. После этого вы увидите папку с несколькими файлами. Вас интересует те, что в формате .ABR — это и есть файл с кистями.

4. Далее возможны два варианта, которые зависят от версии Photoshop.

Если у вас версия программы младше СС 2020 (сюда входят и все версии Photoshop CS. На обозначение CC компания Adobe перешла в 2013 году):

— Откройте Adobe Photoshop, найдите в самой верхней командной строке меню Редактирование (Edit) — Наборы (Presets) — Управление наборами (Preset Manager) . Выберете из выпадающего списка Тип набора (Preset Type) вкладку Кисти (Brushes) . Нажмите Загрузить (Load) . После этого открывается окно, в котором нужно указать путь к кистям (открыть ту папку и то место, куда их скачали) и выбрать тот самый файл в формате .ABR.

В версиях программы, младше CC 2020, установка кистей и градиентов производится через меню Управление наборами (Preset Manager) / Иллюстрация автора В версиях программы, младше CC 2020, установка кистей и градиентов производится через меню Управление наборами (Preset Manager) / Иллюстрация автора

Для новых версий, начиная с CC 2020, алгоритм следующий:

— Откройте Adobe Photoshop и зайдите в инструменты Кисти (Brushes, горячая клавиша B) на панели ручных инструментов слева. На верхней панели жмём на стрелочку, направленную вниз, слева от которой показаны форма и диаметр действующей кисти. В выпадающем меню найдите слева шестерёнку, нажмите на неё и выберете Импортировать кисти (Import Brushes) . После этого открывается окно, в котором нужно указать путь к вашим новым кистям.

Чтобы добавить кисть, нажмите на выпадающий список, чёрную шестерёнку и найдите Импортировать Кисти / Иллюстрация автора Чтобы добавить кисть, нажмите на выпадающий список, чёрную шестерёнку и найдите Импортировать Кисти / Иллюстрация автора

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

Папки для систематизации кистей в Photoshop появились, начиная с версии CC 2018 — в более старых версиях программы все кисти находятся вместе.

Как установить градиенты в Photoshop

Градиенты хороши для тонирования фотографий. Их накладывают на отдельном слое и комбинируют с разными режимами наложения и непрозрачностью слоя. Также их можно использовать для двухцветной тонировки в корректирующем слое Карта градиента (Gradient Map) — этот корректирующий слой заменяет светлые и тёмные пиксели на соответствующие цвета градиента. Например, если градиент розово-фиолетовый, то всё светлое станет розовым, а тёмное — фиолетовым (или наоборот).

Скачайте градиент и распакуйте архив (подробно эти шаги описаны в предыдущей части про установку кистей).
Вас интересуют файлы в формате .GRD.

— На ранних версиях Photoshop устанавливаем также, как кисть: идем в Управление наборами , но вместо кистей в выпадающем списке выбираем Градиенты (Gradients) .

Таким же образом можно установить образцы, стили, узоры, контуры, заказные фигуры и инструменты.

— Начиная с СС 2020, чтобы установить градиент, нужно выбрать этот инструмент в панели инструментов ручного редактирования слева (горячая клавиша G). В верхней горизонтальной строке программы нажмите на направленную внизу стрелку. Найдите в выпадающем окне чёрную шестерёнку, а дальше Импортировать градиенты (Import Gradients) .

После нажатия на Импорт Градиентов, осталось лишь выбрать нужный файл в формате .GRD / Иллюстрация автора После нажатия на Импорт Градиентов, осталось лишь выбрать нужный файл в формате .GRD / Иллюстрация автора

Как установить шрифт в Photoshop

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

1. Скачайте нужный шрифт и распакуйте архив с ним (подробно о том, как это сделать, в главе про установку кистей).
У шрифтов, как и у любого продукта, есть автор. Если хотите использовать шрифт для коммерческих целей — в рекламе, на баннерах, то лучше приобрести на него лицензию.
Тем не менее, в свободном доступе существует много бесплатных шрифтов. Во-первых, это стандартный пакет шрифтов, установленный в компьютеры. Во-вторых, шрифты сервиса Google Fonts. Единственное исключение — из них нельзя делать логотипы. Кроме того, в любой поисковой системе можно сформировать запрос «бесплатные шрифты для коммерческого использования».

2. Найдите в списке файлов документ с расширением .TTF. Иногда их может быть несколько — отдельно для курсива, жирного, жирного курсива и обычного типа шрифта.

3. Выберете нужный файл, нажмите правой кнопкой мыши и найдите команду Установить или Установить для всех пользователей .

Для установки шрифта не нужно даже открывать графический редактор — всё происходит непосредственно в операционной системе / Иллюстрация автора Для установки шрифта не нужно даже открывать графический редактор — всё происходит непосредственно в операционной системе / Иллюстрация автора

Как установить экшен (операцию) в Photoshop

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

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

2. Найдите файл .ATN и запомните или скопируйте его расположение. Это ваш будущий экшен.

3. В Photoshop откройте палитру Операции (Action) . Если она не добавлена в рабочее пространство, найдите её в верхней командной строке в меню Окно (Window) , либо воспользуйтесь горячими клавишами Alt + F9.

4. Перейдите в меню палитры (нажмите на кнопку в виде четырёх горизонтальных чёрточек), найдите там функцию Загрузить Операцию (Load Action) и выберете нужный экшен.

5. После этого папка с экшеном появится в списке палитры Операции .

Иконка в виде горизонтальных полос — это меню палитры / Иллюстрация автора Иконка в виде горизонтальных полос — это меню палитры / Иллюстрация автора

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

Автор: Лиза Чечевица

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

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

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

Для начала я приведу вам примеры пастельных тонов:

Набор пастельных тонов

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

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

Шаг 1. Откройте фото

Давайте начнём. Откройте свою фотографию в Фотошоп, я воспользуюсь этой:

Исходное фото

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

Шаг 2. Создайте сплошной корректирующий слой.

В нижней части панели слоев на соответствующий значок для создания корректирующего слоя "Цвет" (Solid Color). Данный слой позволит нам добавить наложение цвета ко всему изображению.

Шаг 3. Выберите свой пастельный цвет.

Выбор пастельного цвета

Шаг 4. Измените режим наложения корректирующего слоя.

При активном корректирующем слое измените его режим наложения на "Цветовой тон" (Hue). Этот режим наложения соответствующим образом наложит сплошной цвет корректирующего слоя на другие оттенки на изображении. Затем уменьшите его непрозрачность до 20%. Я получил это значение опытным путём, думаю, что в данном случае оно оптимальное.

Изменение режима наложения и непрозрачности

Шаг 5. Создайте второй корректирующий слой.

Шаг 6. Измените режим наложения.

Для нового корректирующего слоя измените режим наложения на "Разница" (Difference) и установите непрозрачность где-то между 8% -12%. Это лучшие настройки, чтобы сделать наложение естественным.

Настройки корректирующего второго слоя

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

Ниже я привожу два изображения: "до" и "после":

А это последнее фото после применения стандартной S-образной кривой инструмента "Кривые".

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

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

Слой также в режим Экран и непрозрачность где-то 15-25%. Хотя тоже, как хотите.
Ну и последний штрих, создаём новый слой Ctrl+Shift+N и заливаем его, например оранжевым, жёлтым, голубым, любым, который нравится.

Слой в режим Затемнение основы ( Color Burn ) и непрозрачность почти в ноль.
Вот и всё.
Это без последнего слоя:

Это с оранжевым слоем:

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

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