Как градиентом залить фигуру в фотошопе: Использование градиентов в Photoshop
Содержание
Панель градиентов в Photoshop
Добавлять градиенты на изображения, фигуры и текст стало еще проще и быстрее с новой панелью градиентов в Photoshop CC 2020!
В предыдущем уроке мы изучили новую панель градиентов в программе Photoshop CC 2020 и познакомились со множеством новых необычных градиентов. Я также показал вам, как создавать и сохранять собственные градиенты с помощью редактора градиентов.
Наряду с обновленной панелью градиентов в программе Photoshop CC 2020 появились новые и простые способы применения градиентов, включая перемещение градиента прямо с панели на ваш документ. Но точный способ воздействия градиента будет зависеть от того, с каким типом слоя вы работаете.
Таким образом, в этом уроке я покажу вам, как накладывать градиенты на слои заднего фона, на пиксельные слои, слои-фигуры и текстовые слои. Я также познакомлю вас с несколькими хитрыми комбинациями клавиш, которые позволят вам изменять настройки градиента. Помимо этого, мы рассмотрим, как сочетать градиенты с режимами наложения, чтобы быстро добавлять на изображения цветовые эффекты.
Для дальнейшего изучения вам потребуется версия программы Photoshop CC 2020. Если вы уже работаете в Photoshop CC, убедитесь, что ваша версия обновлена.
Давайте начнем!
Как применить градиент к слою заднего фона
Самый простой способ применить градиент в программе Photoshop CC 2020 – перетащить его с панели градиентов. Чтобы определить конкретный слой, достаточно перетащить градиент на его содержимое. Но также, как и в случае с образцами цвета на панели Образцы, программа применит градиент различным образом в зависимости от типа слоя. Поэтому давайте начнем со слоя заднего фона.
Настройка документа
Ниже представлено изображение, открытое в программе Photoshop. Я скачал его с фотостока Adobe Stock:
Исходное изображение. Источник: Adobe Stock
На панели слоев изображение размещено на слое заднего фона, который является в документе единственным слоев на данный момент
На панели слоев виден слой заднего фона с изображением на нем
Как применить градиент
Для того чтобы применить градиент к слою заднего фона, сначала необходимо его выбрать на панели градиентов:
Выбираем на панели градиентов нужный градиент
И затем перемещаем миниатюру градиента с панели градиента на изображение:
Перетаскиваем градиент на изображение
Градиент залил весь документ, закрыв собой изображение на слое заднего фона. Сейчас я вам покажу, как совместить градиент с изображением:
Результат после перемещения градиента
Градиенты воздействуют на слои заднего фона как слои-заливки градиентов
Когда вы применяете градиент к слою заднего фона, программа рассматривает градиент в отдельности от содержимого слоя заднего фона, добавляя его как слой-заливку поверх заднего фона:
Градиент был добавлен как слой-заливка градиентом
Как выбрать другой градиент
Для того чтобы применить другой градиент, сначала убедитесь, что на панели слоев выбран слой-заливка градиентом, и далее просто кликните по другому градиенту на панели градиентов. Программа немедленно зальет фон документа новым цветом градиента:
Выбирать другие градиенты очень просто
Как совместить градиент с изображением
Очевидно, что закрывать изображение цветом градиента — не очень интересно. Но если применить к слою-заливке градиентом один из режимов наложения, то получится интересный цветовой эффект, который может украсить изображение.
Например, я изменю режим наложения слоя-заливки с Normal (Нормальный) (выбран по умолчанию) на Color (Цветность):
Изменяем режим наложения слоя-заливки на Цветность
Режим наложения Цветность сочетает цвета градиента со значениями яркости изображения. И таким образом, мы добавили интересный цветовой эффект:
Результат после изменения режима наложения слоя-заливки градиентом
Уменьшение непрозрачности градиента
Если цвета градиента слишком насыщенные, уменьшите значение параметра Opacity (Непрозрачность) слоя-заливки:
Уменьшаем значение непрозрачности
С уменьшенным значением непрозрачности эффект теперь менее выраженный:
Результат после уменьшения значения непрозрачности слоя-заливки
Как применить градиент к пиксельному слою
Итак, мы изучили, как применить градиент к слою заднего фона. Теперь мы рассмотрим, что произойдет, если мы перетащим градиент с панели градиентов на обычный пиксельный слой. Я также покажу вам, как применять некоторые настройки, которых нет на панели градиентов, для изменения внешнего вида градиента.
Настройка документа
Для этой части урока я буду использовать то же изображение. Далее я взял новый инструмент программы Photoshop CC 2020 Object Selection Tool (Выделение объектов) и, выделив с его помощью пару на изображении, переместил их на отдельный слой.
На панели слоев теперь видно, что исходное изображение размещено на слое заднего фона, а люди – на отдельном пиксельном слое над ним:
Пара была выделена и скопирована на отдельный слой
Как указать конкретный слой
Для того чтобы указать конкретный слой для применения градиента, просто перетащите градиент с панели градиентов прямо на содержимое слоя.
Поскольку я хочу применить градиент к людям, я перетащу градиент на них:
Переместите градиент на содержимое пиксельного слоя
И на этот раз градиент был применен только к паре (содержимое пиксельного слоя). Остальное изображение не закрасилось:
Градиент был применен только к содержимому указанного слоя
Градиенты добавляются к пиксельным слоям с помощью обтравочных масок
Когда мы применяем градиент к обычному пиксельному слою, он появляется выше этого слоя как слой-заливка. И для того чтобы избежать влияния градиента на все слои под ним, слой-заливка добавляется к пиксельному слою с помощью обтравочной маски:
Слой-заливка добавлен к пиксельному слою с помощью обтравочной маски
Как получить доступ к настройкам слоя-заливки градиентом
Как только вы применили градиент к слою, вы можете получить доступ к некоторым настройкам, которые позволять вам изменить внешний вид градиента. Дважды кликните левой кнопкой мышки по миниатюре слоя-заливки:
Дважды кликаем кнопкой мышки по миниатюре слоя-заливки
В результате этого действия откроется диалоговое окно градиентной заливки. Здесь вы можете поменять стиль заливки с Linear (Линейный) (по умолчанию) на Radial (Радиальный), Angle (Угловой), Reflected (Зеркальный) или Diamond (Ромб). Вы также можете изменить угол градиента или поменять порядок цветов заливки, выбрав опцию Reverse (Инверсия):
Основные настройки диалогового окна Градиентная заливка
Вы также можете установить другой цвет градиента в диалоговом окне, нажав на стрелку справа от образца градиента и выбрав из списка новый градиент. Там представлены те же градиенты, что и на панели градиентов:
Нажимаем на стрелку, чтобы открыть список градиентов
Или вы можете изменить цвета градиента, нажав прямо на его образец. В результате чего откроется редактор градиентов. О редакторе градиентов подробно я рассказывал в прошлом уроке:
Нажимаем на образец, чтобы открыть редактор градиентов
Когда вы внесете изменения, кликните ОК, чтобы закрыть диалоговое окно Градиентная заливка:
Закрываем диалоговое окно
Сочетаем градиент со слоем
Также, как и в случае со слоем заднего фона, мы можем смешать цвета градиента с содержимым слоя, изменив режим наложения слоя-заливки градиентом. Далее воспользуйтесь параметром Opacity (Непрозрачность), чтобы отрегулировать насыщенность цветов.
Я снова установлю режим наложения Color (Цветность) и уменьшу непрозрачность до 75%:
Параметры Режим наложения и Непрозрачность на панели слоев
И вот результат:
Эффект от смешения градиента с содержимым слоя
Другие способы применения градиентов к пиксельным слоям
Прежде чем мы перейдем к слоям-фигурам и текстовым слоям, я поделюсь с вами несколькими комбинациями клавиш, которые вы можете использовать для применения градиентов к пиксельным слоям.
Для того чтобы добавить слой-заливку над пиксельным слоем без применения обтравочной маски, нажмите и удержите нажатой клавишу Alt (Win) / Option (Mac) по мере перемещения градиента на содержимое слоя.
Для того чтобы применить градиент в качестве эффекта слоя Наложение градиента, а не в качестве слоя-заливки, нажмите сочетание клавиш Ctrl+Alt (Win) / Command+Option (Mac) по мере перемещения градиента:
Градиенты могут быть также использованы в качестве эффектов слоя Наложение градиента
Как применять градиенты к слоям-фигурам
Итак, мы рассмотрели, что программа представляет градиенты в качестве слоя-заливки, когда мы применяем их к слою заднего фона или пиксельному слою. Но когда дело касается слоев-фигур, всё меняется.
Настройка документа
Для рассмотрения слоев-фигур я создал отдельный документ. Фоновое изображение было скачано с Adobe Stock, поверх фона я разместил три фигуры людей из набора фигур, которые есть в программе Photoshop CC 2020. И в нижней части документа я написал слово «ГРАДИЕНТЫ» (GRADIENTS):
Документ включает в себя и фигуры, и текст
На панели слоев мы можем видеть изображение, размещённое на слое заднего фона, над ним три фигуры, каждая из которых – на отдельном слое, и на самом верху слово «ГРАДИЕНТЫ» на текстовом слое:
Изображение, три слоя-фигуры и текстовый слой
Перемещение градиента на слой-фигуру
Поскольку мое изображение, в основном, синего цвета, я раскрою набор Blues (Синие)на панели градиентов. Далее я выберу один из градиентов и перетащу его на первую фигуру слева:
Применяем градиент к первой фигуре
Фигура тотчас же заполнится градиентной заливкой:
Первый градиент добавлен
Градиенты применяются напрямую к фигурам
Обратите внимание, что на этот раз мы не видим слой-заливку градиентом. Программа Photoshop применила градиент напрямую к фигуре. Это произошло потому, что в отличие от пиксельных слоев, слои-фигуры поддерживают возможность заполнения градиентом.
Для того чтобы открыть диалоговое окно Градиентная заливка, которое мы рассмотрели ранее, дважды кликните по миниатюре предварительного просмотра слоя-фигуры:
Миниатюра показывает нам добавление к фигуре градиента
Как применять градиенты к фигурам в качестве слоев-заливок
Несмотря на то, что по умолчанию программа Photoshop применяет градиенты напрямую к фигурам, мы можем также использовать их как слои-заливки. Для этого просто нажмите и удержите нажатой клавишу Ctrl (Win) / Command (Mac) при перемещении градиента на фигуру:
Удерживайте нажатой клавишу Ctrl (Win) / Command (Mac) при перетаскивании градиента
В документе результат кажется тем же самым. Вторая фигура заполнилась градиентной заливкой:
Результат после применения градиента ко второй фигуре
Но из-за того, что я держал нажатой клавишу Ctrl (Win) / Command (Mac), программа добавила градиент в виде слоя-заливки, который добавился к слою-фигуре с помощью обтравочной маски:
Второй градиент был добавлен как слой-заливка
Как применять градиенты к фигурам в качестве эффекта Наложение градиента
Если вы хотите применить градиент к фигуре как эффект наложения, нажмите сочетание клавиш Ctrl+Alt (Win) / Command+Option (Mac) по мере перетаскивания градиента:
Нажимаем сочетание клавиш Ctrl+Alt (Win) / Command+Option (Mac) по мере перемещения градиента
И снова в документе фигура заполнилась градиентной заливкой:
Фигура посередине заполнилась градиентной заливкой
А на панели слоев градиент отобразился как эффект слоя Gradient Overlay (Наложение градиента) под слоем-фигурой:
Третий градиент был добавлен как эффект слоя Наложение градиента
Настройки градиента в диалоговом окне Стиль слоя
Когда вы применяете градиенты как эффект наложения, вы можете получить доступ к настройкам градиента, которые мы рассмотрели ранее в диалоговом окне Градиентная заливка, с помощью двойного нажатия кнопкой мышки по словам «Наложение градиента» («Gradient Overlay») на панели слоев.
Вместо диалогового окна Градиентная заливка откроется диалоговое окно Стиль слоя, где вы сможете найти те же параметры. Вы можете изменить Style (Стиль градиента), установить нужный Angle (Угол), поменять порядок цветов с помощью опции Reverse (Инверсия) и т.д. Нажмите ОК, когда вы внесете нужные изменения, чтобы закрыть диалоговое окно:
Параметры наложения градиента в диалоговом окне Стиль слоя
Как применять градиенты к текстовым слоям
И наконец, давайте рассмотрим, что произойдет, когда мы применим градиент к текстовому слою.
Я перемещу градиент с панели градиентов на свой текст:
Добавляем градиент к тексту
Текст тотчас же заполнится цветами градиента:
Финальный результат после заливки текста градиентом
Градиенты применяются к тексту как эффекты наложения градиента
В отличие от слоев-фигур текстовые слои не поддерживают заливку градиентом. Поэтому на панели слоев вместо того, чтобы напрямую залить текст градиентом, программа Photoshop добавила градиент как эффект слоя Gradient Overlay (Наложение градиента):
Программа применяет градиент к тексту как эффект Наложение градиента
Вы также можете применять градиенты к текстовым слоям как слои-заливки с использованием обтравочной маски, нажимая и удерживая нажатой клавишу Ctrl (Win) / Command (Mac) по мере перемещения градиента на текст.
И вот мы закончили! Мы с вами рассмотрели способы применения градиентов к пиксельным слоям, слоям-фигурам и текстовым слоям в программе Photoshop CC 2020! Не забудьте познакомиться с другими уроками по изучению программы Photoshop.
Автор: Steve Patterson
Источник:
www.photoshopessentials.com
Как в фотошопе убрать заливку фигуры. Как залить фон цветом в фотошопе
Для большинства базовых операций редактирования изображений вполне достаточно функций, заложенных в распространяемом вместе с ОС Windows графическом редакторе Paint. Неудобно лишь отсутствие в нем возможности размещать одновременно несколько картинок на разных слоях. Такая опция есть в редакторе Adobe Photoshop, поэтому многие манипуляции с изображениями в нем осуществлять проще. Например, это относится к заливке фона готового изображения другим цветом.
Вам понадобится
- — Графический редактор Adobe Photoshop.
Инструкция
Прежде всего, вам необходимо установить программу Adobe Photoshop на свой компьютер.
Программа платная и купить ее вы можете на сайте производителя
Adobe , либо попробуйте поискать и скачать ее бесплатно
на просторах интернета.
Итак, вы установили и запустили программу Adobe Photoshop.
Это главное окно программы. Не пугайтесь обилию элементов интерфейса и всевозможных инструментов, всего за несколько дней вы
вполне освоитесь в этой среде. Рассматривать из чего состоит это окно, мы сейчас не будем, на практике это будет проще и понятнее.
Создание нового файла
Щелкаем Файл -> Новый. Рассмотрим появившееся окно:
- Имя (Name)
— имя будущего документа. Чаще всего этот параметр не задают, а имя файлу назначают
при сохранении. - Ширина (Width) и Высота (Height)
— ширина и высота будущего изображения. Удобнее всего задавать
в пикселах. Пиксел — единица изображения в растровой двухмерной графике. Именно из пикселов, как из кирпичиков, строится
изображение. - Разрешение (Resolution)
— количество точек на единицу длины. Чем выше этот показатель, тем
качественнее изображение, но и больший размер файла. Поэтому за норму принято разрешение в 72 пиксела на дюйм
(так называемое экранное разрешение). - Режим (Color mode)
— самый распространенный RGB цвет (color), т.к. позволяет использовать все
видимые человеческим глазом цвета. Глубина цвета задается в битах, хватает стандартных 8 бит. - Содержимое фона (Background contents)
— определяет фон изображения (белый, прозрачный, цвет
заднего плана).
Остальные настройки используются редко. Сделайте настройки как на картинке и щелкайте OK.
Палитра инструментов
Чаще всего вам придется работать с палитрой инструментов.
Сегодня мы рассмотрим лишь некоторые из этих инструментов:
Инструменты выделения
Выделение. Щелкните по этому инструменту и удерживайте левую клавишу мыши,
раскроется меню выбора: прямоугольное выделение, эллиптическое выделение, одиночный столбец, одиночная строка.
У каждого инструмента есть панель параметров, она находится под строкой меню и меняется в зависимости от выбранного инструмента:
Итак, для прямоугольного выделения имеем следующие параметры:
Новое выделение. Создается новое выделение, при этом имеющиеся выделенные области
(если они есть) исчезают.
Добавить к выделению. Обозначенная область добавится к уже существующему
выделению.
Удалить из выделения. Исключает выделенную область из выделения.
Выделить пересечение. Из двух выделений (старого и нового) выделит область
пересечения.
Растушевка — по краям выделения появляется область частично выделенных пикселов. Позволяет сделать плавный переход объекта в фон.
Стиль — задает способ выделения: нормальный (normal) — свободное выделение, заданные пропорции (fixed aspect ratio) — пропорциональное
выделение, фиксированный размер (fixed size) — область выделения заданного размера.
Для всех инструментов выделения параметры аналогичны.
Попробуем на деле:
Возьмите инструмент прямоугольное выделение (щелкните по нему), подведите курсор мыши
в левый верхний край белого полотна созданного в начале урока файла,
нажмите левую клавишу мыши и, не отпуская, растягивайте квадратик (рис.1).
Теперь на панели параметров щелкните по иконке «добавить к выделению», подведите курсор мыши к центру нашего квадратика, нажмите
левую клавишу мыши и, не отпуская, растяните еще один квадратик (рис.2).
Теперь на панели параметров щелкните по иконке «удалить из выделения», подведите курсор мыши к центру нашего второго квадратика, нажмите
левую клавишу мыши и, не отпуская, растяните квадратик (рис.3).
Должно получиться, как на рис.4.
Оставим пока так и посмотрим, как выбирать и задавать цвета.
Выбор цвета
Основные цвета изображения задаются с помощью двух квадратиков внизу палитры инструментов.
1 — цвет переднего плана.
2 — цвет фона.
3 — установить цвета по умолчанию (т.е. черный и белый).
4 — поменять местами цвета переднего плана и фона.
Щелкните по квадратику, и откроется окно сборщика цветов. Щелкните по понравившемуся цвету, а затем ОК. Цвет, который вы выбрали
станет цветом переднего плана. Теперь щелкните по «поменять местами цвета переднего плана и фона» и проделайте тоже самое со
вторым квадратиком. Подробнее о цвет читайте в статье цвета для web .
Теперь рассмотрим следующую группу инструментов.
Инструменты заливки
Заливка. Щелкните по этому инструменту и удерживайте левую клавишу мыши,
раскроется меню выбора: градиент и заливка.
Здесь можно выбрать необходимое.
Ведро — заливает изображение (выделение) цветом или текстурой.
Итак, для заливки имеем следующие параметры:
Заливка (fill) — определяет, что использовать в качестве «краски»: основной цвет (foreground)зальет основным цветом,
шаблон (узор — pattern) зальет некоторым узором.
Шаблон (pattern) — узор для заливки.
Режим (mode) — способ наложения пикселов, значений много и рассматриваться будут по мере необходимости.
Непрозрачность (opacity) — определяет степень прозрачности заливки.
Допуск (tolerance) — диапазон цветов для заполнения.
Галочка сглаживание означает смягчить края перехода.
Попробуем на деле:
Возьмите инструмент заливка (щелкните по ведру), подведите его вовнутрь выделения, сделанного на предыдущем шаге, и щелкните
мышкой. Наше выделение окрасится в цвет переднего плана (по умолчанию — черный).
Теперь на панели параметров выберете: Заливка -> Узор, Узор -> любой понравившийся.
Снова подведите наше ведро вовнутрь выделения и щелкните. Теперь оно залито шаблоном и выглядит так:
Обратите внимание, в открывающемся окне шаблонов, представлена лишь небольшая их часть. Если щелкнуть по стрелочке
справа, то откроется меню, внизу которого указаны другие коллекции шаблонов. Их можно добавить к имеющимся.
Градиент. Создает заливку с плавным переходом между двумя или несколькими
цветами.
Рассмотрим панель параметров:
Если щелкнуть по срелочке справа, то откроется палитра с вариантами градиента,
при двойном щелчке перед стрелкой откроется окно редактирования градиента (здесь можно настроить свои варианты градиента).
Определяет вид градиента (слева направо — линейный, радиальный, угловой, отраженный,
ромбовидный).
Инверсия (reverse)- галочка указывает геометрически перевернуть градиент.
Дизеринг (глубина — dither) — галочка указывает сгладить для уменьшения сегментации.
Прозрачность (transparency) — галочка указывает на использование прозрачности.
Попробуем на деле:
Создайте новый файл, возьмите инструмент прямоугольное выделение и растяните его в виде прямоугольника, затем на панели инструментов
щелкните по иконке градиента, на панели параметров щелкните по стрелочке и выберите понравившийся градиент, правее выберите
вид градиента (любой).
Обратите внимание на первые два квадратика в открывающемся окне выбора градиента. Они используют цвета, установленные вами, как
цвета переднего плана и фона (цветные квадратики внизу панели инструментов). Первый градиент осуществляет плавный переход из основного
цвета в фон, второй — из основного цвета в прозрачность.
Теперь подведите курсор мыши к середине левой стороны нашего выделения, нажмите левую клавишу мыши и, не отпуская, протяните
линию до середины правой стороны(рис.1)
Теперь протяните линию градиента по диагонали (рис.2)
А теперь сверху вниз (рис.3)
Посмотрите на разницу и поэкспериментируйте с различными градиентами и их видами.
Сохранение изображения
Наш урок подходит к концу, осталось только научиться сохранять наши шедевры.
Щелкните пункт меню Файл (File), в отрывающемся меню вы увидите привычный пункт -Сохранить Как (Save As)-
и новый — Сохранить для Web (Save for Web).
Разберемся какой для чего.
Если вы работаете над изображением и хотите иметь возможность изменять его в будущем, то следует выбрать пункт меню
— Сохранить Как (Save As)
Где сохранять и какое имя дать — ваше личное дело, а вот формат будет *.PSD;*.PDD. Именно в этом формате сохраняются все
ваши настройки (у нас их пока нет, но позже появятся). Таким образом, сохраняется не картинка целиком, а сохраняются ее части, каждую
из которых вы сможете изменить когда захотите.
Если же ваше изображение готово, то выбирайте пункт меню — Сохранить для Web (Save for Web). Изображение будет сохранено
оптимизированным для Интернета (т.е. с наилучшим сочетанием качество\размер файла). Отрывшееся окно сохранения
следует рассмотреть подробнее:
Четыре вкладки наверху предлагают посмотреть варианты изображения:
Оригинальный (original) — изображение как оно есть. Как правило, большой размер файла, недопустимый для web.
Оптимальный (optimized) — оптимальное соотношение качества и размера файла с точки зрения программы.
2-up, 4-up — соответственно два и четыре варианта изображения рядом, внизу каждого указан размер. Вы можете выбрать оптимальный
на ваш взгляд.
В правом верхнем углу этого окна задаются дополнительные настройки:
Здесь можно выбрать формат сохраняемого изображения. Общие рекомендации — используйте форматы JPEG и PNG для фотографий с
тонкими реалистичными цветовыми переходами, формат GIF — для контрастных, малоцветных рисунков. Кстати, все рисунки на этой
страницы сохранены в формате GIF.
Если вы используете вкладки, рассмотренные выше, то настраивать эту часть окна необязательно,
по крайней мере, на этом этапе.
Итак, выбирайте самое оптимальное изображение на ваш взгляд и щелкайте по кнопке Сохранить (Save). Откроется уже привычное
окно сохранения, где следует указать Папку (куда сохранить) и Имя файла, остальное будет уже указано, снова щелкаем по Сохранить
(Save). Изображение для web готово.
На этом первый урок закончен. Вы научились создавать новый файл, выделять области и заливать их различными способами (цветом,
шаблоном и градиентом), а также сохранять изображения в нужном формате.
Чтобы закрепить эти навыки,
поэкспериментируйте (создавайте разные по форме области и заливайте их различными способами).
На следующем уроке вы научитесь работать с текстом и познакомитесь с основным понятием программы — слоями.
- 3d_man
- Апрель 25, 2013
- 2630
- Комментарии к записи Специальная технология Photoshop CS6 – заливка с учетом содержимого
отключены
«Удивительно! Просто необыкновенно! Этого не может быть!» – примерно такие восклицания вы можете услышать от людей, которые видят в действии новые функции программы Adobe Photoshop CS6 по заливке с учетом содержимого. Действительно, компании
Adobe удалось сделать невозможное, открыта новая страница в области компьютерной графики.
Как часто вам приходилось видеть прекрасные фотографии, испорченные появлением в кадре нежелательного объекта? Думаю, постоянно. Иногда можно потратить часы в программе Adobe Photoshop, пытаясь удалить из кадра случайно попавшего на снимок встречи выпускников прохожего или нежелательное граффити на стене.
В программе Adobe Photoshop CS6 решение задачи удаления нежелательных объектов найдено. Причем для этих целей существует целых два способа: заливка с учетом содержимого и возможности соответствующей функции в инструменте Точечная восстанавливающая кисть (Spot Healing Brash Tool).
Суть действия данной функции заключается в следующем: программа замещает выделенную вами область изображением, составленным на основе окружающих область объектов. Таким образом, вы можете с легкостью убрать из кадра человека на фоне кирпичной стены: выделите его, затем используйте функцию заливки с учетом содержимого.
https://www.news3d.org/tag/izobrazhenie» rel=»tag» title=»Posts tagged with изображение»>изображение , из которого хотите удалить нежеланный объект. Для лучших результатов рекомендуется использовать изображения с наиболее ровным фоном и объектом относительно небольших размеров. Желательно, чтобы объект располагался как можно ближе к центру фоновой области. Для примера мы специально взяли фотографию с крупным объектом и сложным фоном – дорисовать растительность довольно сложная задача (рис. 6.18).
https://www..jpg»>
Рис. 6.20. Параметры заполнения с учетом содержимого
5. Чтобы получить полное замещение выделенной области новым сгенерированным изображением, в группе элементов управления Наложение (Blending) в раскрывающемся списке Режим (Mode) выберите Нормальный (Normal), а в поле ввода Непрозр. (Opacity) укажите значение в сто процентов.
6. Для применения функции нажмите кнопку ОК.
Выделенная область заполнится изображением на основе окружающих ее элементов. Можете заметить, что сгенерированное программой изображение выглядит довольно естественно. Поэкспериментируйте с формой выделения объектов для достижения наилучших результатов. В случае работы со сложными изображениями, для маскировки характерных «швов» можете использовать инструменты Точечная восстанавливающая кисть (Spot Healing Brush Tool), Штамп (Clone Stamp Tool) и другие.
Инструменты заливки — это инструменты, которые позволяют заполнить цветом (залить, закрасить) выбранный объект, часть изображения или слой.
В Adobe Photoshop
для заливки предусмотрены инструменты Paint Bucket/Заливка
и Gradient/Градиент
.
Инструменты Paint Bucket/Заливка
и Gradient/Градиент
на панели инструментов занимают одну ячейку, отображается же всегда пиктограмма последнего выбранного инструмента. Для того чтобы выбрать другой инструмент, необходимо нажать правой кнопкой мыши на стрелке рядом с данной пиктограммой и выбрать нужный инструмент из всплывающего меню. Так же всплывающее меню может быть вызвано на экран, если нажать на пиктограмму и удерживать ее нажатой некоторое время.
Инструмент Paint Bucket/Заливка
используется для заполнения основным цветом или выбранным узором области с цветами, близкими (в пределах допуска) к цвету пикселя, по которому пришелся щелчок. Например, если необходимо заменить все красные пикселы изображения на синие, то требуется в качестве основного цвета задать синий, а затем щелкнуть мышью на одном из красных пикселей изображения.
Параметры для инструмента Paint Bucket/Заливка
задаются на панели Options.
Fill
. В данном параметре указывается, чем будет заполняться предполагаемая область: основным цветом (Foreground) или узором (Pattern).
Pattern
. В том случае если для параметра Fill указано значение Pattern, то при щелчке по треугольной стрелке в параметре Pattern на экране отобразится палитра узоров, любой из узоров может быть выбран для заполнения области.
Mode
. Данный параметр определяет режим наложения заливки. Например, если выбрать режим Darken, то инструмент Paint Bucket/Заливка будет закрашивать только те пиксели, цвет которых светлее, чем цвет основного цвета.
Opacity
. Параметр задает степень непрозрачности заливки.
Tolerance
. Данный параметр задает степень близости цветов пикселей, подлежащих заливке. Параметр может принимать значения от 0 до 255. Чем меньше значение параметра Tolerance, тем уже диапазон оттенков смежных пикселей, цвет которых будет изменяться на цвет заливки. С другой стороны, чем больше значение данного параметра, тем большее число пикселей, имеющих сходные цветовые оттенки, будет залито новым цветом.
Contiguous
. При выставленном флажке Contiguous закрашиваются только непрерывные области, т.е. области, попадающие в диапазон Tolerance и соприкасающиеся между собой. Если необходимо заливать не только соседние области, то опцию Contiguous необходимо отключить.
Anti-aliased
. При выставленном флажке Anti-aliased между окрашенными и неокрашенными пикселями изображения создается полупрозрачная граница. Если необходимо выполнить заливку без сглаживания перехода цветов, то данную опцию необходимо отключить.
All Layers
. Выставленный флажок All Layers дает возможность заливки на всех видимых слоях, на которых изображение удовлетворяет значению допуска. Иначе заливка происходит только на активном слое.
Также для заливки можно воспользоваться командой Fill
в меню Edit
. Для этого сначала необходимо выделить область закрашивания с помощью любого из инструментов выделения, а затем выбрать команду Edit — Fill
. Если же необходимо залить слой целиком, то выделение создавать не надо. После выбора команды Fill
на экран выводится диалоговое окно данной команды, в котором можно задать те же параметры, что задаются для инструмента Paint Bucket/Заливка
на панели Options.
Инструмент Gradient/Градиент
позволяет создавать градиентную заливку, т.е. заливку, которая представляет собой постепенный переход одного цвета в другой.
Для того чтобы задать градиентную заливку, необходимо:
- Шаг 1.
Выделить область, которую необходимо залить градиентом. Если необходимо залить слой целиком, то выделение создавать не надо. - Шаг 2.
Выбрать на панели инструментов инструмент Gradient/Градиент. - Шаг 3.
Задать основной цвет (начальный цвет градиента) и цвет фона (конечный цвет градиента). - Шаг 4.
Задать на панели Options параметры для инструмента. - Шаг 5.
Переместить курсор мыши внутрь выделенной области. - Шаг 6.
Нажать левую кнопку мыши и, продолжая удерживать кнопку мыши нажатой, провести прямую линию. Точка начала линии определяет положение основного цвета, а точка конца линии определяет положение цвета фона. Длина проведенной линии определяет плавность перехода из одного цвета в другой: чем короче проведенная линия, тем резче переход между цветами.
На панели Options для инструмента Gradient/Градиент
задаются следующие параметры.
Для создания сложного градиента (градиента, который содержит переходы между тремя и более цветами) или редактирования существующего типа градиента используется редактор градиентов Gradient Editor
, для открытия которого необходимо щелкнуть в поле просмотра параметра Gradient.
Создание заливки слоя является очень часто используемым в Фотошопе методом. Его применяют как при создании нового слоя, так и при различных редактированиях одного из текущих слоев. Несмотря на достаточную очевидность метода, начинающие пользователи могут испытывать определенные затруднения с его реализацией. Кроме того, в различных ситуациях процедура выполнения заливки может иметь свои особенности и разновидности.
Типы заливок в Фотошопе
В стандартном комплекте поставки в Фотошопе могут быть использованы различные типы заливок:
- сплошной равномерный цвет;
- градиент;
- узор.
Кроме того, всегда можно расширить разнообразие заливок, добавив свои типы заливок.
Выполнение заливки
- Для того, чтобы выполнить простую заливку цветом выделите область, которая будет заполнена цветом, активируйте инструмент «Заливка» (Paint Bucket Tool) в основной панели инструментов, выберите основной цвет и сделайте щелчок левой кнопкой мышки внутри выделенной области. В результате указанного действия она будет залита выбранным основным цветом.
- Чтобы выполнить градиентную заливку также выделите заполняемую область на изображении. После этого активируйте инструмент «Градиент» (Gradient Tool) в панели инструментов, выберите один из предустановленных наборов используемой градиентной заливки. При необходимости выполните точную настройку параметров выбранного набора. Укажите форму и режим градиента, после чего укажите внутри выделенной области направление вектора градиента. Для этого установите курсор в начальную точку, зажмите левую кнопку мыши, перевидите курсор в выбранном направлении и отпустите левую кнопку. В результате данного действия выделенная область заполнится градиентной заливкой в соответствии с выполненными вами предварительными настройками.
- При возникновении необходимости выполнения заливки узором из главного меню перейдите по следующему пути «Слои»-«Новый слой-заливка»-«Узор» («Layer»-«New Fill Layer»-«Pattern»). Нажмите кнопку «Ок» в появившемся окне. В результате данного действия выбранная область будет заполнена последней созданной вами заливкой-узором. Если такую заливку вы еще не создавали, то предварительно вам необходимо выполнить следующее.
Создайте новый документ. Желательно, чтобы при этой его изображение имело квадратную форму с одинаковыми значениями высоты и ширины. Это обеспечит в последующем при их использовании как узоров равномерное заполнение исходных изображений. Создайте задуманный узор или скопируйте его на изображений из других источников. Выделите область изображения с помощью инструмента «Прямоугольная область выделения» (Rectangular Marquee Tool). Из главного меню перейдите по пути «Редактирование»-«Определить узор» (Edit-Define Pattern). В открывшемся окне присвойте имя новому узору и нажмите кнопку «Ок». Заливка-узор создана и готова к работе.
Это базовые приемы выполнения заливки, которые в различных модификациях и вариантах используются в задачах самой различной сложности в Фотошопе. На практике вы очень быстро их освоите будете использовать для совершенствования своего мастерства цифровой обработки изображений.
Как в фотошопе создать свой градиент
Как сделать градиент в Фотошопе
Градиент – плавный переход между цветами. Градиенты используются повсеместно – от оформления фонов до тонирования различных объектов.
В Фотошопе имеется стандартный набор градиентов. Кроме того, в сети можно скачать огромное количество пользовательских наборов.
Скачать последнюю версию Photoshop
Скачать-то, конечно, можно, но что делать, если подходящий градиент так и не был найден? Правильно, создать свой.
Этот урок посвящен созданию градиентов в Фотошопе.
Инструмент для создания градиентов находится на левой панели инструментов.
После выбора инструмента на верхней панели появятся его настройки. Нас интересует, в данном случае, только одна функция – редактирование градиента.
После нажатия на миниатюру градиента (не на стрелочку, а именно на миниатюру) открывается окно, в котором можно отредактировать существующий градиент или создать свой (новый). Создадим новый.
Здесь все сделано немного не так, как везде в Фотошопе. Градиент сначала необходимо создать, затем дать ему имя, а только после нажать на кнопку «Новый».
Приступаем…
В середине окна видим наш готовый градиент, который мы будем редактировать. Справа и слева находятся контрольные точки. Нижние отвечают за цвет, а верхние за прозрачность.
Клик по контрольной точке активирует ее свойства. Для цветовых точек это смена цвета и позиции, а для точек непрозрачности – регулировка уровня и также положения.
В центре градиента находится средняя точка, которая отвечает за расположение границы между цветами. Причем, если кликнуть по контрольной точке непрозрачности, то контрольная точка переместится вверх и станет называться средней точкой непрозрачности.
Все точки можно перемещать вдоль градиента.
Добавляются точки просто: подводим курсор к градиенту до тех пор, пока он не превратится в палец и кликаем левой кнопкой мыши.
Удалить контрольную точку можно, нажав на кнопку «Удалить».
Итак, давайте окрасим одну из точек в какой-нибудь цвет. Активируем точку, нажимаем на поле с названием «Цвет» и выбираем нужный оттенок.
Дальнейшие действия сводятся к добавлению контрольных точек, присваивание им цвета и перемещение из вдоль градиента. Я создал вот такой градиент:
Теперь, когда градиент готов, даем ему название и нажимаем кнопку «Новый». Наш градиент появится внизу набора.
Осталось только применить его на практике.
Создаем новый документ, выбираем соответствующий инструмент и ищем в списке наш только что созданный градиент.
Теперь зажимаем левую кнопку мыши на холсте и тянем градиент.
Получаем градиентный фон из материала, сделанного своими руками.
Вот таким образом можно создавать градиенты любой сложности. Мы рады, что смогли помочь Вам в решении проблемы. Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Как создать свой градиент?
Для начала выберите инструмент Градиент, он находится в панели инструментов на одной кнопке с инструментом Заливка.
Вверху окна под основным меню появилась панель параметров инструмента Градиент.
Кликнете дважды по изображению с пресетом действующего градиента. Откроется окошко для создания нового градиента.
Нижние курсоры отвечают за цвета, из которых состоит градиент. Щелкните по левому нижнему курсору и в поле Color задайте нужный цвет. То же самое проделайте с нижним правым курсором. Вы можете двигать их ближе или дальше от края. Также можно создать несколько дополнительных курсоров цвета – достаточно кликнуть в любом месте градиента.
Верхние курсоры отвечают за непрозрачность соответствующего цвета. Ее можно задать в поле Opacity, когда активируете нужный курсор.
Градиент в фотошопе
Сегодня речь пойдёт о градиенте в фотошопе. Градиент — это важный инструмент фотошопа. В этом уроке я научу вас пользоваться им. Вы узнаете, как создать и сохранить градиент, какие бывают виды градиента, ну и конечно, в каких ситуациях стоит применять градиент.
Для начала давайте выясним, что такое градиент. Градиент — это заливка с плавным переходом нескольких (двух и более) цветов друг в друга.
Фотошоп позволяет заливать градиентом новый или уже существующий слой, а также градиент используется в стилях слоя (подробнее о стилях читайте в уроке «Photoshop слои«). Немалое значение градиент играет и для масок слоя. Однако любой градиент подчиняется одним и тем же правилам, о которых мы сейчас и поговорим.
Как создать градиент в фотошопе
Инструмент Gradient (Градиент) находится в панели инструментов слева, иконка выглядит так:
Нажав на эту иконку вы увидите сверху настройки градиента:
Нажав на полоску градиента вы попадете в Gradient Editor (Редактор градиента). Здесь задаётся количество точек и цвета переходов. Стандартный набор градиентов должен выглядеть примерно таким образом:
Если вы нажмёте на стрелку, то откроется список всех установленных в фотошоп градиентов:
Чтобы установить новый градиент, нужно положить файл формата .grd в папку фотошопа/Presets/Gradients (Например, C:\Program Files\Adobe\Photoshop CS5\Presets\Gradients). А сейчас я расскажу, как создать свой градиент в фотошопе. В редакторе градиента выберите любой из градиентов (желательно обычный чёрно-белый) и начните редактировать точки:
Затем нажмите кнопку New, и ваш градиент будет сохранён. Для того, чтобы сохранить полученный набор в отдельный файл, нажмите кнопку Save. Обратите внимание, что у нижних точек активны параметры цвета и положения, а у верхних непрозрачности (Opacity) и положения. Таким образом, вы можете сделать градиент прозрачным, уменьшив для одной или нескольких точек параметр Opacity. Ну что, с редактором градиента мы разобрались, теперь остановимся на том, как собственно пользоваться градиентом. Допустим вы настроили нужный градиент, и хотите залить им текущий слой. Нет ничего проще. Для этого выберите точку начала градиента (она будет соответствовать положению 0% на полосе градиента) и протяните градиент в другую часть изображения. Обратите внимание, что чем дальше вы растяните градиент, тем шире будут полосы:
А теперь рассмотрим остальные настройки градиента в фотошопе.
Виды градиента
Всего существует 5 видов градиента в фотошопе.
— Линейный (Linear). Градиент строится по прямой линии по заданному направлению:
— Радиальный (Radial). Этот тип градиента распределяется равномерно во всех направлениях от заданной точки:
— Конус (Angle). Градиент строится по кругу, начиная из заданной точки:
— Зеркальный (Reflected). Этот градиент представляет собой 2 линейный градиента, распространяющихся в противоположных направлениях:
— Ромб (Diamond). Градиент строится по форме ромба:
Режимы наложения градиента
Здесь ничего особенного нет, режимы наложения (Blend Mode) для градиентов настраиваются также, как и любые другие. Подробнее о режимах наложения читайте в уроке «Режимы смешивания в фотошопе«.
Галочка Reverse инвертирует цвета градиента:
Transparency позволяет использовать непрозрачный градиент.
В принципе это всё, что я хотел рассказать вам о градиенте в фотошопе. С помощью градиента в фотошопе можно задавать непрозрачность изображения посредством маски слоя, тонировать изображение, и делать много других полезных вещей, о некоторых из которых вы уже знаете из уроков photoshop на нашем сайте, а о некоторых вам ещё только предстоит узнать 😉
На этом я прощаюсь с вами до следующего урока photoshop и желаю вам творческих успехов.
P.S. Не забывайте оставлять комментарии 🙂
Как сделать градиент?
В этой статье я хочу рассказать вам о том, как в Фотошопе можно сделать градиент. Если вы задались такой целью, то у вас ровно три возможности применить градиент.
- Применить градиент через стили слоя Gradient Overlay
- Применить градиент инструментом Gradient Tool
- Применить градиент через слой заливки Fill Layer
Я намеренно поставил стили слоя на первое место, потому что на мой взгляд сегодня в Фотошопе это самый разумный способ применения градиента. За ним следует градиент через слой заливки, для задних фонов. Исключением являются ситуации, при которых нам нужно применить простой и быстрый градиент, не требующий никаких изысков. Например, быстро и без затей скрыть часть изображения черно белым градиентом, в режиме Multiply. Другая причина, по которой вы можете захотеть пользоваться этим инструментом Фотошопа — градиент для маски.
В отсутствии возможности настраивать инструмент Gradient Tool на лету лежит основа работы всех инструментов Фотошопа. Мы выбираем инструмент, будь то Gradient Tool, или Brush Tool или Paint Bucket, или Clone Stamp. Кликаем по рабочей области, и получаем результат, в виде изменения пикселей. И этот результат является изменение пикселей на прямую. Он окончателен и его невозможно изменить «на лету» поменяв настройки.
В этом уроке я подробно разберу инструмент Gradient Tool, его возможностях, создании градиента, редактор градиента, а так же различные способы применения.
Градиент в дизайне
Градиентом в дизайне, да и не только в нем, является постепенный переход цвета из одного оттенка в другой. Это устоявшийся прием, такой же как окантовка или тень, который никуда не пропадет, никогда не станет не модным или не популярным. Пользоваться им нужно с умом. Самые естественные и приятные градиенты — мало контрастные.
Самый простой и доступный способ применить градиент в Фотошопе, это выбрать инструмент Gradient Tool. Кликнуть по рабочей области и не отпуская клавишу мышки, провести курсором по рабочей области.
Точка А является началом градиента, а точка Б окончанием. Диапазон между этими точками и является переходом цвета А в цвет Б. Соответственно чем больше этот диапазон, и чем менее контрастные цвета, тем мягче и плавнее градиент.
Чем уже диапазон, чем контрастнее цвета — тем резче и стремительнее градиент. Вплоть до прямой смены цвета.
Панель настроек градиента
Панель настроек позволяет нам создавать такой градиент, какой нам нужен. И, конечно, содержит ряд полезных фич. Если у вас нет панели настроек откройте Windows > Options По умолчанию все панели настроек для всех инструментов начинаются с менеджера настроек Preset Manager. Подробности работы этого менеджера можно прочитать в статьях Preset manager и Preset Manager Tool.
В целом, эта панель позволяет записывать инструменты с заранее готовыми настройками. Допустим, вам постоянно необходим инструмент градиента от черного к невидимому, с прозрачностью 20% и режимом наложения Multiply. Вы проставляете настройки инструменту и записываете их в панель Presets Tool. Теперь ваш шаблон всегда под рукой.
Панель градиента
Из этой панели вы можете быстро выбрать нужный вам градиент, если он, конечно, там есть. В обратном случае вам придется настраивать собственный градиент в Редакторе градиентов. Но о нем мы поговорим ниже.
Кликнув по круглой кнопке вы попадаете в меню панели градиента. Это стандартное меню, точно такое же есть и у кистей, стилей, контуров, фигур. Везде это меню делает одно и тоже. Позволяет создать и сохранить новый градиент. Переназвать, удалить. Вызвать Preset manager в котором можно больше всякого. Загрузить новые градиенты, или сохранить те что есть, очистить, вернуть к стандартным настройками и, конечно, загрузить готовые шаблонные коллекции градиентов Фотошопа, которые тоже не лишние.
Виды градиентов
Не сказать что у Фотошопа очень много разновидностей градиента. Вид — это метод, которым фотошоп создает градиент. Всего их пять.
Linear gradient (Линейный градиент) — заливает градиент по прямой линии от цвета А к цвету Б.
Radial gradient (Радиальный градиент) — заливает градиент в виде окружности от цвета А к цвету Б.
Angle gradient (Конусовидный градиент) — создает вращающийся градиент по 360 оси от цвета А к цвету Б.
Reflected gradient (Зеркальный градиент) — вариация линейного градиента, с одной лишь разницей. Этот градиент отражает сам себя и возвращается к первоначальному цвету. В этом случае градиент движется от цвета А, к цвету Б и опять к А.
Diamond gradient (Ромбовидный градиент) — создает ромбовидные градиент от цвета А к цвету Б.
Далее я постараюсь быстро рассказать об остальных настройках этой панели и поскорее перейти к самому градиенту, то есть диалоговому окну редактора градиента Gradient Editor
Режимы наложения и невидимость
Следующие опции — режимы наложения и степень невидимости. Здесь все просто. Невидимость определяет невидимость, а режимы наложения предлагают на выбор различные режимы наложения, подробно о которых я написал в статье Режимы наложения blending mode в Фотошопе.
Режимы наложения как таковые прикручены ко всем инструментам которые могут рисовать. Данные режимы являются неотменяемыми. Вы не сможете сменить их задним числом, как это можно сделать у слоя. Режим применяется сразу и необратимо. Открутить назад можно только в панели Истории History.
Дополнительные настройки градиента в Фотошопе
Интерес представляют следующие три галочки: Reverse, Dither, Transparency. Как обычно о них нет никакой информации нигде. Самые мощные сайты по фотошопу ограничиваются выдержками в пару слов, содранными с официального Хелпа. Интересно, кроме Хронофага их вообще кто-нибудь разбирает?
Reverse — пожалуй самая понятная и очевидная из этих настроек. Она очевидная тем, что мы кликаем по ней, и сразу понимаем что она делает. Reverse переворачивает градиент. Что весьма удобно если градиент нужно развернуть. Вместо того чтобы обращаться к редактору градиента и перестраивать ползунки мы просто ставим галочку Reverse.
Dither — не очевидная настройка. Что включай, что выключай. Все равно не понятно что происходит. Давайте разбираться. Тема галочки Dither заслуживает отдельной статьи, но я постараюсь объяснить этот момент кратко.
Когда мы применяем градиент к какой то области, Фотошоп распределяет промежуточные исходной цвет и конечный. Между ними располагаются промежуточные цвета. В некоторых ситуациях количества этих цветов может не хватать. Допустим мы используем очень слабый градиент, от серого к темно серому, на очень большой рабочей области. Пусть эта область будет, к примеру 1000 пикселей.
Фотошопу нужно как-то распределить градации серого по 1000 пикселям, при этом мы должны получить плавный переход из одной градации в другую. Стоит заметить что ступеней цвета от белого к черному и так не очень много. Их всего 256. То есть идеальный градиент от черного к белому получается на области 256 пикселей. Если же мы хотим применить такой градиент на области в два раза больше, то Фотошопу придется просто дублировать каждую полоску пикселя по два раза. А если градация градиента ещё уже? А область ещё больше? На практике получаются следующие полосы.
Метод Dither применяет к градиенту в Фотошопе иной способ совмещения пикселей. Он как бы перемешивает пиксели между собой россыпью. Результат смешения увидеть не сложно. При включении галочки Dither видно только то, что градиент неожиданно стал гладким. Вот что происходит с пикселями при использовании Dither. Я специально увеличил рабочую область и даже немного усилил контрастность, чтобы вы лучше видели как именно смешиваются пиксели.
Transparency — позволяет градиенту быть полупрозрачным. То есть если эта галочка не включена, вы не сможете сделать полупрозрачный градиент в редакторе градиентов. Сделать вы его конечно сделаете, но работать как полупрозрачный он просто не будет. Нет никакого смысла отключать эту галочку. Всегда держите её включенной.
Редактор градиента Gradient Editor
Ну и наконец пришла пора подробно разобрать сам редактор градиента. Как же в нем делать свои градиенты? Как делать полупрозрачный, как записывать, как сохранять? Чтобы попасть в редактор градиента сделайте двойной клик по полоске градиента и вот оно диалоговое окно Gradient Editor.
В окне Presets вы выбираете сохраненные готовые градиенты. Круглая кнопка с стрелочкой делает уже знакомые вам вещи. Создать, удалить, загрузить, сохранить и так далее.
Как сделать и сохранить градиент?
Самый верный способ сделать градиент, это настроить ползунки нужного вам цвета, вписать в графу Name любое название и нажать по кнопочке New. Градиент готов к употреблению.
Мягкость градиента
Параметр Smoothness определяет мягкость градиента. Пожалуй без спец подготовки эту мягкость не просто разглядеть. Если выбрать стандартный градиент с двумя цветами, можно очень долго вглядываться в полоску градиента, меня параметр Smoothness то на 0 то на 100 и так и не понять, в чем заключается мягкость. Более явно изменения видны в сложных градиентах с множеством ползунков цвета.
Как настроить градиент
Настраивать градиент очень просто. У вас есть полоска, она же градиент, с четырьмя ползунками, два снизу два сверху. Нижние ползунки определяют цвет. Чтобы настроить цвет вам нужно выбрать ползунок, то есть кликнуть по нему. Кликнув по ползунку у вам открывается ряд настроек.
На панели редактора градиента вы видите местоположение градиента Location и цвет Color. Location — это местонахождения ползунка на полоске градиента. Цвет можно выбрать из цвета заднего и передних фонов, которые установлены на панели инструментов Tools. Или произвольный цвет, который вы выберете в диалоговом окне Color Picker. Не обязательно выбирать цвет внизу диалогового окна. Вы можете вызвать Color Picker просто кликнув по ползунку дважды.
Манипуляции с ползунками
Активируя ползунок вам становится доступна кнопка удаления. Её тоже не обязательно нажимать чтобы удалить ступень цвета. Для удаления просто утяните ползунок с полоски градиента.
Чтобы добавить новый ползунок, кликните по полоске градиента снизу. Удалить базовые ползунки нельзя. У градиента должно обязательно остаться два ползунка.
Стандартный градиент имеет 2 ползунка цвета, и небольшой индикатор между ними. Индикатор тоже можно двигать, он определяет степень мягкости перехода из одного цвета в другой.
Как сделать полупрозрачный градиент?
Верхние ползунки регулируют прозрачность. По умолчанию они черные, это значит что прозрачность на нуле. Кликните по одному из них или создайте новый, кликнув по пустому месту полоски, но выше неё.
Теперь вам доступны другие настройки, настройки прозрачности градиента. Степень прозрачности, местонахождение и удаление.
Как и с цветными ползунками, у ползунков прозрачности есть индикаторы степени прозрачности.
Режимы градиента в Фотошопе
У градиента в Фотошопе есть два режима: Solid и Noise.
- Solid — обычный стандартный градиент, сплошной переход от одного цвета к другому.
- Noise — создает хаотичный шумовой градиент и настраивается совершенно иначе. Переключить режимы можно прямо в диалоговом окне Gradient Editor.
Переключившись на шум, вы сразу попадаете в другие настройки, смысл которых в следующем:
У вас есть полоска градиента, но в этот раз вы не можете добавлять никаких ползунков. Чтобы создать свой первый шумовой градиент нажмите на кнопку Randomize, которая произвольно выбирает любые цвета, и создает произвольный градиент.
Чтобы контролировать процесс и получать более менее нужные вам градиенты, рассмотрим настройки цвета и кнопки Randomize.
- Restrict Colors — исключает особенно яркие или перенасыщенные цвета из шумового градиента. То есть если вы эту галочку поставили, то при нажатии на Randomize Фотошоп исключает слишком выбивающиеся из общего ряда цвета.
- Add Transperancy — добавляет невидимость. Если выставить эту галочку вместе с произвольными цветами вы получите и произвольную невидимость. Фотошоп сам будет решать где и как она появится. Она может появиться либо вначале, либо в конце, либо местами в середине, и у вас нет возможности контролировать этот процесс.
Нажимая на Randomize вы оперируете всеми цветами. Но что если вы хотите создать градиент очень определенной цветовой гаммы. Для этого вам даны ползунки с цветом. Двигая их от краев, вы снижаете действие определенного канала цвета, исключая цвета из градиента. Если вы не знаете как работает цветовая гамма RGB, читайте статью RGB каналы в Фотошопе. Она поставит все на места.
Лучше переключитесь на более понятную схему HSB. Допустим я хочу получить шумовой градиент в голубой тональности. Тогда я уменьшаю действие ползунков исключая лишний цвет.
Черный цвет мне тоже не нужен, как и оттенки серого, поэтому я уменьшу действие и этих ползунков. Далее вы можете сколько угодно нажимать на кнопку Randomize подыскивая подходящую вам комбинацию.
Настройка Roudness определяет степень грубости и резкости ваших цветов от самого обычного мягкого градиента до взрывного и кислотного.
Теперь вы знаете все о градиентах в Фотошопе, надеюсь вы извлекли для себя что то новое. Удачных экспериментов!
Градиентная заливка в программе фотошоп. Как сделать градиент в фотошопе
Какое значение имеет градиент в фотошопе? Скажу без преувеличения — огромное. Ведь именно используя инструмент градиент, мы создаем в фотошоп плавный переход между двумя или несколькими цветами, меняем освещенность, или попросту говоря, делаем свою работу естественной, натурализованной.
Применять градиент можно как к содержимому слоя, так и используя новый слой, назовем его — «градиент заливка». В этом случае градиент будет находиться на своем собственном слое «градиент заливка» и обладать свойством маски слоя, маскирующей пиксели изображения основного слоя.
Photoshop является самой популярной программой для обработки изображений растровой графики. Ежедневно количество ее поклонников увеличивается. Поэтому есть смысл рассказать, где градиент в фотошопе находится. Несмотря на то, что инструмент градиент является одним из основных инструментов Photoshop, незнающий человек сразу его не найдет. Итак, где градиент в фотошопе находится?
Выбор инструмента градиент (Рис. 1) осуществляется кликом правой клавиши мыши по группе с инструментом «Заливка» (Paint Bucker) (1) на панели инструментов. При открытии дополнительного окна, кликом левой клавишей мыши непосредственно по иконке «инструмент градиент» (2), переходим в режим работы с градиентами. Так же для перехода в режим работы с градиентами можно воспользоваться клавишей G, или Shift+G, для переключения между инструментами группы.
При этом на панели свойств появятся: изображение градиента в окне активного инструмента (3), окно текущего градиента (4) и кнопки выбора типа градиента (6-10).
Тип градиента выбираем в зависимости от спланированной работы при помощи кнопок на панели параметров (6-10).
Линейный градиент (6) предназначен для градиентной заливки слоя цветом или прозрачностью по прямой линии, вдоль указанного нами направления (включен по умолчанию).
Радиальный градиент (7) определяет переход цвета или прозрачности равномерно во все стороны от той точки, которую Вы задали.
Конусообразный градиент (8) предусматривает переход цвета или прозрачности по спирали, образующую форму в виде конуса.
Зеркальный градиент (9) задает переход цвета или прозрачности по прямой линии с зеркальным отображением. По сути своей является двумя линейными градиентами распространяющимися в противоположных направлениях от начальной точки градиента.
Ромбовидный градиент (10) позволяет задать переход цвета или прозрачности по диагоналям ромба от его центра. Или другими словами — четыре линейных градиента, расходящихся из одной точки под углом 90 градусов относительно друг друга.
В прямоугольном окошке (4) мы с Вами видим текущий вариант градиента (Рис. 2). Если щёлкнуть левой кнопкой мыши по стрелке (5), расположенной рядом, то нам откроется палитра градиентов. Нам остается выбрать нужный градиент, кликнув по нему левой кнопкой мыши.
При клике по стрелке (11) нам откроется меню (Рис. 3), разделенное на несколько подменю. С помощью подменю (12) мы можем настроить вид политры градиентов. В другом подменю (13) находятся доступные нам наборы градиентов, которыми можно заменить набор градиентов, представленный в палитре градиентов.
Кроме уже перечисленных вышее свойств градиента, на панели свойств мы увидим: «Режим» (14), «Непрозрачность» (15), «Инверсия» (16), «Дизеринг» (17) и «Прозрачность» (18).
При этом Свойством градиента «Непрозрачность» мы регулируем уровень непрозрачности всего градиента. Устанавливаем либо цыфрами в окне, либо перемещением ползунка по шкале, вызываемой нажатием треугольной стрелки справа от окна.
Свойство «Инверсия» меняет порядок цветов в градиенте на обратный. «Дизеринг» предотвращает появление полос. «Прозрачность» применяет маску прозрачности градиента (включает или отключает градиент прозрачности как составной части всего градиента). Включение (отключение) данных свойств градиента осуществляется установкой (снятием) галочки в их окне.
Свойство градиента «Режим» предоставляет нам широкий выбор режимов наложения градиента (Рис. 4). Достаточно кликнуть по треугольной стрелки справа от окна текущего режима наложенич градиента и перед нами откроется меню режимов наложения градиента. Используя один и тот же градиент, но разные режимы его наложения, Вы сможите добиться нужного эффекта. Поэкспериментируйте с режимами на одном и том же изображении, чтобы понять какие эффекты они дают. Не забудьте, что сначала выбираем режим, и только затем осуществляем наложение градиента.
Если мы кликнем левой кнопкой мыши по окну градиента (4) (Рис. 2), то откроется редактор градиентов (Рис. 5), который мы и будем использовать для редактирования имеющихся и создания новых градиентов фотошоп.
Теперь давайте перейдем непосредственно к процессу создания (редактирования) градиента.
Современную деятельность нынче тяжело показать вовсе без привычного удобства, который предварительней всего этого выражает теплый плюс устойчиво упорядочен легкий струю, та что идет вместе с кондиционерного также очищающих устройств. С помощью установленной теплоты у комнате люди ипытываем самого себя надежно также смирно, ведь согласно помощью технике можно применить идеальный обстановку, который сделает домашним легко работать важными работой. Откровенно от этого подбор вентиляционной набора или же климатизера является значительным движением, какая собственно в выводе предоставит ваше помещение качественным продуктом, какова выслужитотслужит для Вас много лет.
Фирма «Мастер Климат» Кондиционеры панасоник предоставляет свой значительный комплект стенных, единоканальный, подпотолочных и в виде кассет систем, что уреглируют проблему температурного наблюдения на помещении, офисе иначе химическом фабрике по приятным сложениях к тому же техническим обслуживанием от наших технических мастеров. Веб- сайт фирмы показывает различные модели воздухоподаваемых систем Декайн, Olmo, Leberg, Cooper Hunter или популярных брендов вместе с детальным определением и отзывами. У нас клиенты сможете выделить необходимый предназначенность техники, вытяжных установок или же модели по отоплению по самой выгодной стоимости и 100% обеспечением особенностью. Мастер Климат предугадали касательно клиентского удобстве, потому ориентируемся лишь с проверенными мировыми марками вытяжной техники, что безостановочно растет и делает серии из высшим качеством, предельной тишиной, доступным контрлем, неприхотливостью у обслуживании плюс современномстильным проектировкой.
Осмотреть технику, систему топки либо вытяжной конструкции очень http://master-climat.com.ua/ доступно непосредственно именно на ссылке онлайн странички, потом заявки из клиентом позвонит работающий специалист и если необходимости покажет пользователю по причине необходимого кондиционера. Команда Мастер Климат заинтересована, чтобы потенциальные клиенты видели полный пакетпрограмму по работы и всегда ставали довольны новой продуктом поэтому мастер Климат предоставляем отменный обслуживание касательно доставке, внедрению, размонтировке, уборке, диагностике, наладке также рекомендациях нашей снабжения.
Ваша обеспеченность — потеха в нашей компании, потому наши управленцы зачастую направляемся по прием покупателю плюс устанавливаем лучшие работу относительно установки новых налаженность под уютный помещение.
В этом уроке мы рассморим работу с градиентами.
Под градиентом в графике подразумевают плавный переход от одного цвета к другому, как правило, через промежуточные оттенки этих цветов. Например, градиентом можно считать цветовую гамму, которая начинается с красного цвета, далее следуют белее светлые оттенки красного пока всё это дело не перейдёт в белый цвет. Такой градиент называется переходом от красного до белого цвета.
Работа с градиентами.
Под градиентом в графике подразумевают плавный переход от одного цвета к другому, как правило, через промежуточные оттенки этих цветов. Например, градиентом можно считать цветовую гамму, которая начинается с красного цвета, далее следуют белее светлые оттенки красного пока всё это дело не перейдёт в белый цвет. Такой градиент называется переходом от красного до белого цвета. Например:
В данном случае, для наглядности я использовал небольшое количество переходных цветов, но для красоты этого мало (хотя иногда бывает и необходимость и в таких грубых переходах). На самом деле подобный переход, только имеющий большее количество промежуточных оттенков, выглядит намного привлекательнее.
Обращаю ваше внимание на то, что практически любой, вернее сказать любой графический редактор, имеет инструментарий градиентов. Можно смело выделить общие принципы градиентов, а затем перейти к частностям и особенностям градиентов в Photoshop.
Для градиентов всегда общей чертой являлся тип градиента
. В понятие «типа градиента», прежде всего, входят несколько основополагающих соглашений. В качестве первого соглашения принято выделять стартовые и конечные точки градиента
. Под стартовой точной принято понимать цвет с которого начинается переход, под конечной точкой – цвет к которому происходит переход. Кроме того положение этих цветов на рисунке также играет немаловажную роль, но об этом позже.
Итак, первый тип градиента, который носит название линейный переход
. Это классический случай, иллюстрацию которого можно наблюдать на рисунках выше. Смысл перехода заключается в том, что оттенки меняются вдоль прямой линии, проложенный от стартовой до конечной точки.
Далее следует следующий тип перехода – радиальный переход
. В данном случае цвета меняются от стартовой точки до конечной, но по всем направлениям. Линия от стартовой до конечной точки является радиусом радиального перехода.
Потом переход, который носит название конического или углового
. В данном случае направление перехода лежит на окружности, а стартовая точка по местоположению на изображении совпадает с конечной. Первая иллюстрация показывает принцип, а вторая реальность.
В качестве последнего распространённого типа градиента можно назвать ромбический (квадратный, square) или diamond (рука не поворачивается озвучить это по русски) переход. В данном случае трудно озвучить принцип на основании предидущих определений. В этом случае мы имеем дело не со стартовой точкой, а с стартовой фигурой в виде прямоугольника. Преобразование цвета происходит от центра фигуры к краям. При небольшом количестве промежуточных цветов зрелище довольно жуткое, однако в полноценной палитре такой градиент приобретает интересный вид благодаря которому возникло название diamond (бриллиант).
Градиенты могут состоять не только из двух основных цветов. В одном переходе может содержаться разумно большое количество ключевых промежуточных цветов
. Применение в одном градиенте нескольких цветовых переходов позволяет создавать очень интересные эффекты.
Переход с несколькими ключевыми цветами бывает не только линейного типа. Такую возможноть можно реализовать и во всех остальных перечисленных выше типах градиентов.
Photoshop предоставляет специальный инструмент для работы с градиентами. Он находится на панели инструментов в одной группе с инструментом Paint Bucket. Для того, что бы воспользоваться этим инструментом нужно совершить ряд действий.
- Выбрать инструмент Gradient на панели инструментов.
- Щёлкнуть мышкой на том месте изображения,где вы хотите поставить стартовую точку вашего градиента.
- Не отпуская кнопку мыши, протяните направление градиента.
- Там, где будет отпущена кнопка мыши вы установите конечную точку градиента.
Обязательно обратите внимание на следующую особенность градиента. Цветовой переход происходит от стартовой до конечной точки. Но на изображении может быть и область, которая находится до
стартовой точки и после
конечной точки. В этом случае эффект будет несколько неожиданный. Та часть изображения которая находится до
стартовой точки окрасится в стартовый цвет градиента, а та часть изображения, которая идёт после
конечной точки окрасится в конечный цвет градиента, соответствено между этими точками и будет находится сам градиент.
Данная особенность свойстенна всем типам градиентов и варьируется в зависимости от типа градиента. В случае градиентов у которых переход цвета присходит от центра (радиальный и ромбический) весь рисунок, начиная от конечной точки будет заполнен конечным цветом градиента.
Управление градиентом, как и любым инструментом находится на палитре Options.
Photoshop имеет ряд заготовок градиентных переходов. Заготовка включает в себя понятие заранее созданного набора параметров для градиента, т.е. количества ключевых точек, цвета ключевых точек расстояние между ключевыми точками и многие другие, пока неизвестные нам параметры. Если щёлкнуть на треугольничке выпадающего меню заготовок, то можно узреть весь список заготовок, предоставленных нам создателями Photoshop. Этот список можно редактировать, удаляя и добавляя свои заготовки. Справа находится кнопочка для получения дополнительного меню. Разберём подробнее:
- Команда New Gradient
вызывает окно редактирования параметров градиента - Команда Rename Gradient
даёт новое название старым заготовкам градиентов. - Команда Delite Gradient
удаляет заготовку. - Команда Text Only
включяет режим палитры, при котором вместо иконок будут только подписи. - Команда Small Tambnails
включяет режим палитры, при котором в палитре будет отображено содержимое в виде небольших по размеру иконок. - Команда Large Tambnails
включяет режим палитры, при котором в палитре будет отображено содержимое в виде больших по размеру иконок. - Команда Small list
включяет режим палитры, при котором в палитре будет отображено содержимое в виде небольших иконок и текстовой информации. - Команда Large list
включяет режим палитры, при котором в палитре будет отображено содержимое в виде больших иконок и текстовой информации. - Команда Preset Manager
вызывает менеджер (интерфейс) позволяющий загрузить заготовки из файлов, сохранить в виде файлов, перименовать и удалить. - Команда Reset Gradients
сбрасывает изменённые настройки заготовок до начальных згначений параметров. - Команда Load Gradients
загружает заготовки из файла. Полезно сохранять удачно получившиеся градиенты для дальнейшего использования. - Команда Save Gradients
сохраняет настройки градиента в виде заготовки. - Команда Repalce Gradients
змещает существующий градиент загружаемым. - Команда Color Harmonis 1
загружает набор градиентов, который создатели Photoshop считают гармоничным по цветовой гамме. - Команда Color Harmonis 2
загружает набор градиентов, который создатели Photoshop считают гармоничным по цветовой гамме. Серия №2. - Команда Metals
загружает набор градиентов, иммитирующмх всевозможные металлические блески. - Команда Noise Samples
загружает градиенты с некоторым цветовым «шумом». - Команда Pastels
загружает градиенты пастельных тонов. - Команда Simple
загружает совершенно простые градиенты. - Команда Special Effects
загружает нечто визуально приятное. - Команда Spectrums
загружает градиенты спектральных цветов.
Набор готовых градиентов это здорово, но порою нужно что-то особенное, своё. Для этого существует конструктор градиентов. Вызывается он просто — достаточно щёлкнуть по иконке заготовки на панели Options при выбранном инструменте Gradient. Вашему виду откроется следующее диалоговое окно.
Настроить градиент можно на основании заготовок, для этого они и приведены, но это называется не настройка, а подстройка. Займёмся серьёзным делом. Для этого наберём какое-либо своё имя в поле имени и нажмём кнопку NEW. В результате этого действия возникнет новый градиент, являющийся полной копией старого, но имеющий своё название. Теперь поработаем над цветом. Для начала выделим статовый стопор (ползунок слева внизу), который отвечает за цвет стартовой точки. В нижней части окна станет активным маленькое окошко выбора цвета. У этого окошка есть меню, которое позволяет сделать следующее:
- Foregraund Color
— Установить в качестве стартового цвета основной цвет (выбирается на панели инструментов). Это означает, что стартовый цвет вашего градиента всегда будет такой же, как и выставленный вами основной цвет. - Background Color
— Установить в качестве стартового цвета фоновый цвет (выбирается на панели инструментов). Это означает, что стартовый цвет вашего градиента всегда будет такой же, как и выставленный вами фоновый цвет. - User Color
— Вы устанавливаете фиксированный стартовый цвет, который можно выбрать в открывшемся диалоговом окне если щёлкнуть по пиктограмме цвета.
Если вы устанавливаете в качестве стартового цвет Foreground или Background, то получаеете возможность в дальнейшем изменять цвета градиента не углубляясь в столь серьёзные настройки. Достаточно выбрать вашу заготовку в списке заготовок градиентов, затем установить основной или фоновый цвет (в зависимости от того, какие настойки вы задали в заготовке), и ваша заготовка возмёт цвета из палитры инструментов.
Точно таким же образом вы сможете установить цвет конечной точки градиента. Только вместо левого нижнего ползунка нужно выделить правый нижний.
Для добавления промежуточных ключевых цветов нужно просто щёлкнуть мышкой между ползунками стартового и конечного цвета. Затем выбираем цвет точно такиже образом как для стартовой и конечной точки.
Для промежуточных ключевых точек существует ещё несколько характеристик. Параметр Location (поле этого параметра расположено так же внизу диалогового окна) указывает на расстояние между этой точкой и стартовой точкой градиента. Это расстояние измеряется в процентах, а за 100% процентов принимается расстояние между стартовой и конечной точкой.
Вы наверное обратили внимание на появившиеся под образцом градиента маленькие ромбики. Эти ромбики показывают где находится середина перехода. Передвигая эти ромбики вы можете акцентировать переход на том или ином цвете. Добавлять ключевые точки можно в неограниченном количестве. Для того, что бы удалить промежуточный цвет нужно просто перетащить ползунок цвета за пределы окна.
Теперь настало время немного попрактиковаться. Попробуйте повторить созданные ниже рисунки.
После того, как это у вас получится, сохрание результат и предъявите преподавателю. Это часть вашего домашнего задания.
Есть ещё одно очень полезное свойство у градиента в Photoshop — это локальная, градиентная прозрачность. Название я выдумал жуткое, но на самом деле всё относительно просто. Для проведения эксперемента проведём следующие подготовительные действия. Откройте любой документ (рисунок). Далее создадим новую заготовку градиента нажав кнопочку NEW в редакторе (конструкторе градиентов). У нас будет всего 2 ключевые точки — стартовая и конечная. Задайте обоим точкам одинаковый цвет, к примеру чёрный. Теперь обратите внимание на ползунки над
образцом градиента. Это стартовая и конечная точка управления локальной прозрачностью или точнее говоря непрозрачностью. Щёлкните на левом верхнем ползунке (стартовая прозрачность градиента).
В нижней части окна станет доступным поле Opacity. По умолчанию этот параметр равен 100%, т.е. абсолютно непрозрачно. Установите значение opacity для стартовой точки равным 0. Теперь У вас появились шашечки которые свидетельствуют о том, что прозрачность появилась. Если применить полученный градиент в «линейном типе» слева направо, то получится следующая картина:
Точно также как и в случае с ключевыми цветами, вы имеете возможность расставлять ключевые прозрачности в неограниченном количесве. Для этого достаточно просто щёлкнуть мышкой между стартовой и конечной прозрачностью, а затем задать необходимый вам параметр opacity для этой промежуточной ключевой точки. Основываясь на этом примере прошу повторить следующие картинки:
Для получения резких границ можно использовать по две ключевые точки в одном месте (location). Ромбики между ползунками также помогут вам акцентировать прозрачность к началу градиента или к конечной точке. Орла вы сможете взять из папки sample находящейся в папке Adobe. Как только получится, сразу сохраняйте и приносите преподавателю на занятие. Это тоже домашнее задание.
Мы щё не разобрали выпадающее меню Gradient Type. Оно даёт вам возможность выбрать тип перехода. Всего два типа — solid
и noise. Состоят в способе фофирования переходных цветов. В случае, если тип solid, то промежуточные пиксели (пиксели находящиеся между статовой точкой и конечной точкой) принимают значение промежуточных цветов (как вы помните пиксел имеет только одно значение — цвет). В случае если тип градиента noise то оттенок цвета получается при перемешивании пикселей начального и конечного цвета в разных пропорциях. Визуально это производит впечатление некоторого «шума».
Теперь, разобрав редактор градиентов вернёмся к палитре Options инструмента Gradient.
Теперь можно переключать тип градиента.
В Photoshop, кроме стандартных типов градиентов, присутствует ещё один тип — отражённый градиент. Он иммитирует блеск на какой либо поверхности.
При нанесении градиента на изображение можно изменять прозрачность инструмента. Это то, что я назвал глобальной прозрачностью. действие такое же как и у прозрачности инструмента «Кисть». Опция REVERSE позволяет менять местами стартовую и конечную точку градиента. Опция Transparency включает или выключает прозрачность настроенную в редакторе градиентов. Так же существует понятие режимов наложение — смысл тот же, что и у кистей (см. урок первый).
- Просмотров: 96403
Применение градиентной заливки в программе Фотошоп
Инструмент «Градиент» позволяет создать постепенно изменяющееся наложение нескольких цветов. Предусмотрена возможность выбирать среди подготовленных градиентных заполнений или создавать свои собственные.
Примечание. Инструмент «Градиент» не может быть использован с битовым изображением или изображениями с индексированными цветами.
Заливка области с учетом градиента осуществляется с помощью перетаскивания курсора по изображению. Внешний вид градиентного заполнения определяется тем, где находятся начальная (в которой была нажата кнопка мыши) и конечная (в которой кнопка мыши была отпущена) точки, с учетом применяемого инструмента «Градиент».
1. Чтобы выполнить заливку части изображения, выделите требуемую область.(1) (Рисунок 1) В противном случае градиентная заливка применяется ко всему активному слою.
2. Выберите инструмент «Градиент» (1).(Рисунок 2)
Выберите градиентную заливку на панели параметров.
— Щелкните треугольник рядом с образцом градиента(2), чтобы выбрать подготовленный вариант градиентной заливки.(3)
— Выполните щелчок внутри образца градиента(4), чтобы на экране появилось окно «Редактор градиентов»(Рисунок 3).
3.Выберите подготовленный вариант градиентной заливки (1)или создайте новую градиентную заливку(2)(как создать,смотри ниже). Затем нажмите кнопку «ОК»(3).
4. Выберите вариант применяемой градиентной заливки на панели параметров.(Рисунок4)
Линейный градиент (1)
Выполняет затенение от начальной до конечной точки по прямой линии
Радиальный градиент (2)
Выполняет затенение от начальной до конечной точки в виде кругового узора.
Конусовидный градиент (3)
Выполняет затенение в виде спирали, разматывающейся против часовой стрелки вокруг начальной точки.
Зеркальный градиент (4)
Выполняет затенение с использованием симметричных линейных градиентов по обе стороны от начальной точки.
Ромбовидный градиент (5)
Выполняет затенение во все стороны от начальной точки в виде ромбовидного узора. Конечная точка определяет один из углов ромба.
На панели выбора параметров выполните следующие действия.
— Укажите режим наложения(6) и непрозрачность для краски. (7)
— Чтобы сменить порядок цветов в градиентной заливке на противоположный, установите флажок «Инверсия».(8)
— Для создания более гладкого наложения с меньшим количеством полос установите флажок «Дизеринг».(9)
— Чтобы использовать маску прозрачности для градиентной заливки, установите флажок «Прозрачность». (10)
5.Поместите курсор в то место изображения, где необходимо установить начальную точку градиента(1), и перетащите курсор, чтобы определить конечную точку(2). Чтобы ограничить угол наклона линии значением, кратным 45°, удерживайте клавишу «Shift» во время перетаскивания курсора.(Рисунок 5)
7.Создадим новую градиентную заливку:(Рисунок 7)
Чтобы взять за основу нового градиента существующий градиент, выберите градиент в разделе «Наборы» диалогового окна.(1)
— Выберите пункт «Непрерывный» в раскрывающемся меню «Градиент».(2)
— Чтобы определить начальный цвет градиента, щелкните левую контрольную точку цвета (3) .
8.Цвет треугольника над контрольной точкой окрашивается,(1) указывая, что происходит редактирование начального цвета Чтобы выбрать цвет, выполните одно из следующих действий.(Рисунок 8)
— Дважды щелкните контрольную точку цвета(2) или щелкните образец цвета(3) в разделе «Контрольные точки» диалогового окна. Выберите цвет и нажмите кнопку «ОК».
-Выберите параметр во всплывающем меню «Цвет»(4) в разделе «Контрольные точки» диалогового окна.
-Переместите курсор на панель выбора градиента(5) (курсор превращается в пипетку) и щелкните, чтобы произвести выборку цвета, или щелкните в любом месте изображения, чтобы произвести выборку цвета из изображения.
Чтобы определить конечный цвет, щелкните правую контрольную точку цвета (6). После этого выберите цвет.
9. Чтобы откорректировать местоположение начальной(1) или конечной точки(2), выполните одно из следующих действий.(Рисунок 9)
-Перетащите соответствующую контрольную точку цвета влево или вправо в нужное местоположение.
-Щелкните соответствующую контрольную точку цвета и задайте значение для параметра «Позиция»(3) в разделе «Контрольные точки» диалогового окна. При значении 0 % точка помещается в крайний левый конец панели выбора градиента, а при значении 100 % — в крайний правый конец.
Чтобы откорректировать местоположение средней точки(4) (в которой градиент отображает равную смесь начального и конечного цветов), перетащите ромб (4) под панелью выбора градиента влево или вправо или щелкните ромб и задайте значение для параметра «Позиция»(3).
10. Чтобы добавить промежуточные цвета к градиенту, щелкните под панелью выбора градиента(должна появиться рука) для определения еще одной контрольной точки цвета(1). (Рисунок 10)Укажите цвет и откорректируйте местоположение и среднюю точку как для промежуточной точки, так и для начальной или конечной точки.
Для удаления редактируемой контрольной точки цвета нажмите кнопку «Удалить»(2) или перетаскивайте контрольную точку вниз, пока она не исчезнет.(3)
Для управления тем, насколько постепенными должны быть переходы между цветными полосами в градиенте, задайте значение в текстовом поле «Гладкость»(4) или перетащите всплывающий ползунок «Гладкость»(5).
В случае необходимости установите значения прозрачности для градиента(6).
Введите имя для нового градиента(7).
Чтобы сохранить градиент в качестве подготовленного, нажмите кнопку «Новый» (8)после завершения создания градиента.
Примечание. Новые подготовленные градиенты сохраняются в файле настроек и отражаются в наборе под новым именем.. Если этот набор градиентов удален или поврежден или выполняется переустановка градиентов для использования заданной по умолчанию библиотеки, то вновь подготовленные градиенты будут потеряны. Чтобы обеспечить постоянное хранение новых подготовленных градиентов, сохраните их в библиотеке(9).
Если нужно загрузить новый набор градиентов,воспользуйтесь кнопкой «Загрузить»(10)
Вот пока всё,о том,как применять заливку градиентом.
Для того,чтобы лучше это всё понять,открывайте картинку и делайте,двигайте ползунки,изменяйте значения и смотрите на изменения на картинке. И запоминайте.Это кажется,что всё сложно,а когда сами будете делать,то что написано,то всё станет понятно и просто.
Приятного Вам творчества!!
Источник текста: справка программы Фотошоп(версия 5)
Инструмент Градиент (Gradient Tool)
создаёт заливку с плавным переходом между двумя или несколькими цветами. На протяжении цветовой растяжки могут меняться как цвета, так и прозрачность. Градиент (Gradient Tool)
является одним из самых эффективных и часто используемых инструментов Фотошоп, поэтому отличное владение этим инструментом является обязательным условием эффективной работы в Фотошоп.
Градиент (Gradient Tool)
можно применить непосредственно к содержимому слоя или использовать новый слой заливки градиентом. Во втором случае Градиент (Gradient Tool)
будет находиться на отдельном слое, и содержать маску слоя. Чтобы применить Градиент (Gradient Tool)
, достаточно просто перетащить курсор из одной точки изображения в другую.
Панель инструментов.
Инструмент Градиент (Gradient Tool)
находится в одной группе с инструментом Заливка (Paint Bucker)
. Данную группу инструментов можно активировать с помощью клавиши быстрого вызова (G)
, либо кликнув на значок Градиента (Gradient Tool)
или Заливки (Paint Bucker)
в панели инструментов. Чтобы переключиться с одного инструмента на другой, достаточно кликнуть на значке правой клавишей мышки и выбрать нужный инструмент или с помощью сочетания клавиш (Shift + G)
.
В рамках данной статьи мы познакомимся с инструментом Градиента (Gradient Tool)
, обладающим широкими возможностями в управлении.
Панель настроек инструмента.
Инструмент Градиента (Gradient Tool)
имеет свою панель настроек.
1.
Выбор градиента.
- а) Щелкните треугольник рядом с образцом градиента, чтобы выбрать подготовленный вариант градиентной заливки (к этой функции мы ещё вернёмся ниже).
- б) Кликните внутри образца градиента, чтобы открыть окно (эту функцию мы так же рассмотрим ниже).
2.
Вариант применяемой градиентной заливки.
- Линейный градиент (Linear Gradient)
выполняет переход от начальной до конечной точки по прямой линии. - Радиальный градиент (Radial Gradient)
выполняет равномерный переход от центральной точки во все стороны. - Конусовидный градиент (Angle Gradient)
выполняет переход в виде спирали по часовой стрелки вокруг начальной точки. - Зеркальный градиент (Reflected Gradient)
выполняет переход с использованием симметричных линейных градиентов по обе стороны от начальной точки. - Ромбовидный градиент (Diamond Gradient)
выполняет переход в виде ромба.
3.
Режим (Mode)
наложения градиента.
4.
Непрозрачность (Opacity)
градиента.
5.
Чтобы сменить порядок цветов в градиентной заливке на противоположный, поставьте галочку Инверсия (Reverse)
.
6.
Для создания более гладкого наложения с меньшим количеством полос установите галочку Дизеринг (Dither)
.
7.
Поставьте галочку Прозрачность (Transparency)
, чтобы прозрачные области также можно было залить градиентом.
Выбор образца градиента.
Чтобы выбрать другой набор градиентов загруженных в Фотошоп, нажмите на треугольник в красном кружке и выберите набор из списка, обведённого красной рамкой.
1. Чтобы добавить скаченный из интернета набор градиентов, выберите команду Загрузить градиенты (Load Gradients)
(на скриншоте выше в синей рамке). В открывшемся окне укажите путь к Вашему набору и нажмите Загрузить.
2. Чтобы заменить активный набор градиентов, выберите команду Заменить градиенты (Replace Gradients)
и так же в открывшемся окне укажите путь к Вашему набору и нажмите Заменить.
3. Если хотите сохранить созданный Вами набор градиентов, выберите команду Сохранить градиенты (Save Gradients)
. В открывшемся окне введите название файла, укажите местоположение для хранения и нажмите Сохранить (расширение файла.grd).
Градиент можно сохранить в любом месте. Но если файл будет помещен в папку с примерным путём: Диск C / Program Files / Adobe / Adobe Photoshop CS3 / Presets / Gradients
, то имя градиента появится в списке наборов градиентов (обведён красной рамкой на скриншоте выше) после перезапуска Фотошоп.
4. Чтобы восстановить набор градиентов заданных по умолчанию, выберите команду Восстановить градиенты (Reset Gradients)
.
Диалоговое окно «Редактор градиентов»
.
В Фотошоп имеется возможность редактировать выбранный градиент. Для этого в панели настроек инструмента достаточно кликнуть на активном образце градиента и у Вас откроется окно Редактора градиентов (Gradient Editor)
.
Диалоговое окно Редактор градиентов (Gradient Editor)
позволяет создать новый градиент, модифицируя копию существующего. Можно также добавить в градиент промежуточные цвета, создавая наложение, в котором применяется больше двух цветов.
1
. Меню инструмента градиент.
2
. Тип градиента: Непрерывный (Solid)
или Шумовой (Noise)
. Эти два типа градиентов имеют разные элементы управления.
3
. Гладкость (Smoothness)
. Устанавливает плавность перехода между цветами градиента.
Далее расположена цветовая полоса — это образец редактируемого градиента с переходами цвета и прозрачности. Над полосой и под ней расположены контрольные точки в виде квадратиков с треугольниками. При клике на контрольной точке цвет треугольника становится чёрным, указывая, что происходит редактирование именно этого маркера.
4
. Контрольная точка Непрозрачности (Opacity)
.
5
. Контрольная точка Цвета (Color)
.
Для того, чтобы создать новую контрольную точку с промежуточным цветом, достаточно кликнуть в любой точке над или под цветовой полосой градиента. Чтобы удалить контрольную точку нажмите кнопку Удалить (Delete)
(10
).
6
. Средняя точка цвета. Между каждой парой ползунков есть указатель средней точки. Это точка в которой соседние цвета смешиваются в равной пропорции. Сместите среднюю точку для любой пары цветовых ползунков вправо или влево. Чем она ближе к одному из ползунков, тем более резким будет переход.
7
. Непрозрачность (Opacity)
. Непрозрачностью управляют контрольные точки над цветовой полосой.
8
. Позиция (Location)
. Определяет положение контрольной точки на цветовой полосе.
9
. Цвет (Color)
. Цветом управляет контрольная точка под цветовой полосой. Чтобы поменять цвет, достаточно кликнуть на образце цвета в окошке и в открывшемся окне Палитры цветов (Color Picke)
выбрать нужный цвет.
10
. Удалить (Delete)
. Удаляет контрольные точки.
Если Вы хотите сохранить созданный образец градиента, достаточно сделать следующее: в поле Имя (Name)
(11
) введите название созданного градиента. Нажмите кнопку Новый (New)
(12
). Ваш градиент появится в окошке Наборы (Presets)
(13
). Нажмите ОК
(14
).
Чтобы удалить сохранённый градиент из окошка Наборы (Presets)
(13
), кликните на образце градиента в этом окне правой клавишей мышки и выберите в появившемся списке доступных операций команду Удалить градиент (Delete Gradient)
. Будьте осторожны, удаляйте только свои сохранённые градиенты!
Ну вот пожалуй и всё. Успеха Вам в освоении этого интересного инструмента!
Если Вы начали работать в фотошопе (Photoshop), то вам непременно придется научится пользоваться градиентом. итак как же наложить градиент в фотошопе:
1. Использовать градиент можно для любого объекта и слоя. Я покажу как наложить градиент на обычный прямоугольник или сделать градиент текста.
Для наложение градиента
на прямоугольник или любой другой слой я буду использовать такую полезную функцию фотошопа «Стиль слоя». Активируем нужный слой и выбираем «Добавить стиль слоя > Наложение градиента
«
Откроется окно настроек стиля градиента. В нем увидите различные настройки, советую по экспериментировать с ними самостоятельно. Однако опишу некоторые.
- Непрозрачность. Если Вы хотите что бы после наложения градиента оставалось видимой изображение слоя, то эта настройка для Вас
- Градиент. Позволяет выбрать цвета градиента. Ниже опишу подробнее эту настройку.
- Стиль. Можно выбрать разные стили для наложения поэкспериментируйте и все поймете.
- Угол. Позволяет менять направление наложения градиента.
- Масштаб. То насколько сильно распространяется градиент по слою. На пальцах тоже не объяснить пробуйте.
- Инверсия. Можно поменять местами цвета градиента.
Разберем настройку цветов из пункта 2, которая позволяет сделать градиент в фотошопе
.
- Тут можно выбрать готовый стиль градиента.
- Шкала градиентов для настройки собственного стиля
- Маркер непрозрачности. При клике на него активируется пункт 4
- Ползунок настройки непрозрачности цвета градиента
- Маркер при клике по которому активируется выбор цвета пункт 6
- Кликнув по данному полю откроется цветовая палитра
Если двух цветов не достаточно, то можно добавить их сколько угодно для этого нужно просто кликнуть под шкалой градиента в нужном месте и появится дополнительный маркер. То же касается и его непрозрачности.
Точно таким же способом можно сделать градиент текста
:
Если нужно что бы градиент был полупрозрачным
, то сделайте следующее. Выберите нужный слой и установите бегунок прозрачности заливки на 0. Если не применены никакие стили то содержимое слоя должно стать полностью прозрачным.
Теперь наложите нужные градиенты через стили как описано выше.
- Кликните по нужному маркеру
- Измените прозрачность цвета
Плавный переход в Фотошопе. Подробный урок. Как быстро сделать плавный переход цвета в Photoshop — подробнейшая пошаговая инструкция
Я буду рисовать вместе с вами и параллельно описывать процесс, я сам еще не знаю, что у меня получится. Благодаря этому я смогу увидеть с какими проблемами
Делаем плавный переход между цветами
Т.к. Фотошоп является профессиональной программой обработки изображений, очень часто одного и того же результата можно добиться несколькими способами. Так и с переходами.
Через инструмент “Градиент”
Вы, наверняка, знакомы с данным инструментом. Поэтому переходим в к панели инструментов слева и выбираем “Градиент”.
После того, как инструмент выбран, под главным меню появится панель настроек Градиента, где вы сможете выбрать шаблон градиента и установить дополнительные параметры по своему желанию.
К сожалению, стандартный набор градиентов включает в себя не так много шаблонов, поэтому вы можете воспользоваться поиском и расширить свою коллекцию, или же создать свой вариант.
- Давайте сперва откроем настройки градиента в панели настроек:
- Перед нами откроется новое окно с настройками, где мы можем настраивать градиент, так, как нам захочется. Для начала мы выберем пресет “От основного к прозрачному” в наборах. Затем опускаемся до пункта “Контрольные точки” и кликаем по одной из контрольных точек дважды, если хотим сменить цвет.
- Теперь необходимо подобрать цвет в палитре цветов. Мы выбрали фирменны цвет нашего сайта – MyPhotoshop.ru. После, жмем “ОК”.
- Затем переходим, ко второй контрольной точке и повторяем действия с заменой цвета. Если вы хотите оставить переход на прозрачный цвет, оставляем все, как есть.
Чтобы переход был именно цветовым, а не прозрачным, нужно задать настройки еще и для контрольной точки непрозрачности (см. скриншот ниже):
После того, как все готово, остается применить изменения, нажатием “ОК”, и залить градиентом холст. Для этого образуем выделенную область, которую хотим залить, или применяем градиент на весь холст. Просто кликаем ЛКМ (левой кнопкой мыши) в нужном месте и тянем столько, сколько необходимо.
Важно! Обратите внимание на то, какой вид заливки выбран:
В нашем случае “Линейный градиент”.
Через “Слой-маску”
К этому способу прибегают уже опытные пользователи. Все действия будут происходить уже через палитру слоев. Приступим:
- Первым делом необходимо создать маску слоя, который будем редактировать. Для этого выбираем необходимый слой и кликаем на “Добавить маску”. У нас 3 слоя. Мы выберем самый верхний (с кругом в нашем фирменном цвете):
- Теперь необходимо снова взять “Градиент”. Выбираем любой из тех, что в стандартном наборе:
- После того, как выбрали градиент, делаем все то же самое, как и в первом примере. Для разнообразия поменяем направление:
Через растушевку выделения
Суть данного метода в том, чтобы создать плавный переход на границе залитого объекта/картинки и фона. Приступим!
- Нам понадобится инструмент “Прямоугольная область”.
- Теперь нужно создать выделение:
- Когда выделение уже готово, с помощью горячих клавиш SHIFT+F6 вызываем окно, где необходимо ввести значение в пункте “Радиус растушевки”.
- После, нужно залить образованное выделение. Для этого снова воспользуемся горячими клавишами SHIFT+F5 и выбираем цвет заливки.
- После применения изменений получаем такой результат плавного перехода:
- Остается снять выделение с помощью CTRL+D и готово:
Как видите, нет ничего сложно в том, чтобы сделать плавные переходы в Фотошопе между цветами. Мы представили целых 3 способа, как это сделать, каждый из которых подходит в определенной ситуации.
На этом все! До встречи в наших следующих уроках!
Источник: http://myphotoshop.ru/sozdanie-plavnogo-perehoda/
Базовые знания и один секрет всегда выигрышного варианта
Итак, для начала мы должны открыть Photoshop. Я настоятельно рекомендую вам скачать эту программу (приобрести лицензионную версию можно здесь). Вы никогда не найдете лучше нее. Если вас пугает, что вы не осилите и потратите деньги зря, начисто забыв о программе после первой попытки можете попробовать онлайн сервис https://editor.0lik.ru/. Свою прогу иметь значительно удобнее и совсем скоро вы поймете почему.
Вот так выглядит версия фотошопа 2015 года, если у вас другой выпуск, то не переживайте. Все будет примерно одинаково. У вас чуть меньше возможностей и это единственное различие.
Создаем новый документ.
Выбрать размер, для меня один из самых сложных вопросов. За основу я взял максимальные размеры картинки для поста в социальных сетях. 800х500, но, как вы понимаете, это не суть. Все зависит от целей и задач, которые вы собираетесь выполнять при помощи Photoshop.
Смотрите, в панели справа находятся все основные кнопки, в том числе и градиент. Однако, сейчас его не найти. Как так? Я сам сталкивался с этой проблемой, когда начинал учиться работе с фотошопом. Читаешь статью, а половину информации приходится искать в сторонних источниках. Гуглить, гуглить, гуглить.
Да простит меня очень умный читатель, который все сам прекрасно знает за небольшие отступления от темы. Мне хочется, чтобы работать по моим урокам смогли все посетители блога. Возможно, когда-то и для вас это окажется очень полезным. Сэкономит кучу времени.
В правом нижнем углу почти каждой кнопки, кроме лупы, есть что-то типа стрелочки. Это говорит о том, что в кнопке скрыто несколько инструментов.
Удерживайте несколько секунд левую кнопку мыши на кнопке, чтобы открылось дополнительное меню и выберите градиент.
Сверху открылось еще одно дополнительное меню. Оно применяется исключительно для градиентов. Тыкнете на текст – в верхней части откроется специальное меню текста, на кисточку и … ну вы поняли.
Нажимаем на стрелку рядом с иконкой цвета. Здесь хранятся стандартные переходы или загруженные вами.
Если вы не считаете себя гением дизайна, то я рекомендую вам скачивать из интернета бесплатные шаблоны. Их полно. Во-первых, это экономит время, а во-вторых, несколько похожих вариантов, как правило, объединяются в тему, созданную в едином стиле. такую без проблем можно применить к одной картинке и это будет почти всегда смотреться неплохо.
Установить новые шаблоны – не проблема. Скачиваете их из интернета затем выбираем гайку в правом верхнем углу и находим ссылку «Загрузить…».
Выбираете на компьютере папку со скачанными файлами и сохраняете.
Они добавятся вниз списка.
Источник: http://start-luck.ru/poleznyy-soft/pfotoshop-perekhod-cveta.html
Мягкий ластик
Так как инструмент ластик может использоваться с параметрами кисти, то с помощью мягкой кисти можно стереть часть изображения таким образом, чтобы было видно другое изображение, расположенное слоем ниже. С помощью этого приема можно достичь требуемого результата, но он так же необратим, как и вырезание отверстия — если вы передумаете и решите соединить изображения по-другому, то придется начинать все заново.
После того, как вы поместили оба изображения, которые хотите объединить, в один документ (каждое на отдельный слой), выполните следующие действия:
1. Перетащите мышью изображение, которое вы хотите частично стереть, в самый верх палитры слоев.
Примечание
Перед тем, как стирать, полезно сделать дубликат слоя, с которым вы будете работать, на случай, если вам не понравится результат (для этого нажмите комбинацию клавиш Ctrl+J). Чтобы новый слой не мешал вам, его видимость можно отключить (и включить снова, если понадобится).
2. Выберите ластик, нажав клавишу Е, и установите его в режим кисти. Для этого на панели параметров в раскрывающемся списке Режим выберите пункт Кисть. Затем в раскрывающемся списке наборов параметров кистей выберите мягкую кисть. Убедитесь, что в полях Непрозрачность и Нажим установлено значение 100.
Совет
Чтобы сделать переход еще плавнее, поэкспериментируйте со значением непрозрачности ластика. Уменьшив значение непрозрачности, можно создавать более плавные переходы, водя кистью по нужной области, а не делая отдельные щелчки мышью.
3. Установите указатель мыши поверх изображения и сотрите ненужную часть. Если вы допустите ошибку или в какой-то момент передумаете — воспользуйтесь палитрой История, чтобы вернуться назад на несколько мазков кистью, или отмените последнюю операцию, нажав комбинацию клавиш Ctrl+Z.
Источник: http://psand.ru/sozdanie-plavnyih-perehodov-mezhdu-izobrazheniyami/
Что вам понадобится
- Photoshop
- Два изображения
Источник: http://ru.wikihow.com/сделать-плавный-переход-с-одного-изображения-в-другое-в-Photoshop
Что такое градиент
Градиентом в компьютерной графике называют плавный переход от одного цвета к другому или плавный переход от цвета к прозрачности. Его используют очень часто для создания разнообразнейших эффектов.
Примеры градиентов:
Источник: http://takpro100.net.ua/beginer/89-gradients.html
Плавные переходы в Фотошопе
Плавные переходы между цветами или изображениями широко применяются мастерами Фотошопа в работе. При помощи переходов возможно создавать очень интересные композиции.
Источник: http://klass511.ru/bez-rubriki/plavnyj-perehod-tsveta-k-drugomu-kak-bystro-sdelat-plavnyj-perehod-tsveta-v-photoshop-podrobnejshaya-poshagovaya-instruktsiya.html
Фото перелива цветов
Когда наступает осень, все краски начинают свой дивный карнавал. Сколько различных переливов можно увидеть на одном только листе клена! Постепенно желтеющий лес сохраняет зеленую листву на нижних ветках деревьев и плавно наполняет золотом верхние тонкие веточки. Деревья еще дают густую тень, но солнечные лучи все дальше проникают в чащу – лес начинает снимать свой яркий наряд.
Переход одного цвета в другой заметен не только в листьях. Свет и тень причудливо переплетаются на дорожке, создавая узор. Там, где солнце светит на тропинку, ярче краски. Они теплые – желтые, красные, оранжевые. Трава на солнце кажется салатовой. Под деревьями, за скамейками в парке цвета темнеют. Они становятся холодными – бордовыми, охристыми, синими. Сразу и не найти, где начинается, а где заканчивается это превращение.
Источник: http://spark-welding.ru/lkm/krasivyj-perehod-cvetov.html
Заливка
Теперь научимся делать заливку. Выбираете любой понравившийся вариант (к созданию мы перейдем чуть позже) и кликаете по нему. В любом месте экрана зажимаете левую клавишу мыши и ведете в любом направлении. От него зависит расположение перехода цвета.
Посмотрите разницу.
Вертеть можно куда угодно.
Чтобы движение вашей линии не сместилось и градиент не расплылся удерживайте кнопку Shift, пока задаете направление.
Видите, переход цвета сейчас осуществляется по центру. Мы будем более подробно рассматривать настройки при создании своего собственного градиента. Сейчас расскажу лишь о смещении центра. Кликаем по этой плашке.
Хватаем левой кнопкой мыши за цвет внизу и отводим его влево или вправо.
Вот что у меня получилось в итоге.
Источник: http://start-luck.ru/poleznyy-soft/pfotoshop-perekhod-cveta.html
Как применить градиент к тексту, чтобы буквы выглядели современно
Теперь давайте напишем что-то. Выбираем соответствующую кнопку.
Если нужно поменять размер или сам шрифт обратите внимание на панель в верхней части экрана. Там все просто.
Теперь нажимаем Ctrl и одновременно кликаем по иконке нового текстового слоя. Будьте внимательны, нажимать нужно не на текст, а на прямоугольник, как показано на скриншоте внизу.
Теперь создаем новый слой. Есть три варианта решения задачи: зажимаем одновременно Shift, ctrl, N; пользуемся панелью сверху, находим там «Слой – новый – создать»; используем кнопку в быстром меню справа. На рисунке ниже я показал ее стрелкой.
Дальше переходите снова к градиентам. Я в вас верю, это вы можете сделать и сами. Работайте по той же схеме, что и в предыдущей части урока. Задайте направление заливке и все сработает.
Теперь, чтобы снять подсветку по краям букв можно тыкнуть на выделение, а затем щелкнуть в любой части картинки. Получится вот такой результат.
На этом работа с текстом не заканчивается. Смотрите, у нас с вами 2 слоя: один с градиентом, а второй с буквами. Почему там произошло? Объясню как смогу. Пишите в комментариях, если не понятно. Вы написали текст. Photoshop понял что это буквы и даже предлагал вам их увеличить, уменьшить, поменять шрифт и так далее.
Затем вы выделили этот фрагмент. Создали новый слой, если проводить аналогию, вырезали из бумаги трафарет и залили его. В этот момент Photoshop потерялся. Он прекратил видить ваши буквы. Для него это просто часть какой-то картинки, как ромб, квадрат или круг в вырезанным центром. Если вы заходите поработать с буквами на слое у вас ничего не получится, если захотите применить градиент к тексту – то же самое.
Если сейчас вам вздумается куда-то переместить текст и вы залезете в соответствующий раздел, а затем начнете передвигать стрелкой, то у вас все съедет.
Мы удаляем текстовый слой, чтобы не путаться. Кликаем по нему правой кнопкой мыши и выбираем нужную опцию.
Готово.
Источник: http://start-luck.ru/poleznyy-soft/pfotoshop-perekhod-cveta.html
Об этой статье
Эту страницу просматривали 55 209 раз.
Источник: http://ru.wikihow.com/сделать-плавный-переход-с-одного-изображения-в-другое-в-Photoshop
Виды градиента, заливка фигур и создание звездочек
Если вы обратили внимание на панель градиентов сверху, то могли обнаружить, что они бывают разными: линейными, радиальными, угловыми, зеркальными или ромбовидными. Отличия увидеть не сложно, для этого не обязательно читать статьи, просто открываете чистый лист и пробуете применить тот или иной вариант. Смотрите чего получилось.
Единственное, что стоит отметить: если хотите увидеть идеальный результат, как у меня на картинке, стрелку нужно направлять из центра.
Теперь вернемся к нашей картинке. Давайте я научу вас одному интересному приему. Переходы цвета можно использовать внутри фигур, которые вы рисуете. Это очень полезно, особенно для тех, кто собирается создавать сайты.
Итак, выбираем прямоугольник или круг. Это не важно.
Теперь цвет заливки.
Переходим в раздел градиентов.
Нам здесь нужен ромб.
Видите, получился интересный эффект, вот только белый цвет все портит. Нужен прозрачный. Можно найти внутри шаблонов. Если вы видите вот такую решетку внутри шаблона, значит это то, что нам надо.
Поиграйте с настройками и у вас получится свой идеальный вариант.
Теперь давайте клонируем эту вспышку. Выбираем перемещение. Просто кликните по кнопке.
А теперь зажмите alt и перетащите дубликат в сторону.
У меня получился вот такой результат.
Источник: http://start-luck.ru/poleznyy-soft/pfotoshop-perekhod-cveta.html
Что такое редактор градиентов?
Редактор градиентов – это диалоговое окно, в котором задаются настройки градиента
Чтобы вызвать Редактора градиентов, нужно щелкнуть мышью по изображению градиента на панели параметров инструмента Gradient (Градиент). В результате на экране появится окно редактора.
Верхнюю часть занимает палитра заданных градиентов, справа – кнопки Загрузить и Сохранить. Градиенты можно сохранять в файле и загружать из файла.
Ниже располагается набор параметров избранного в данный момент градиента. Создания новых градиентов осуществляется только на основе уже существующих. При этом вы должны сначала выбрать градиент, который послужит основой, а потом нажать кнопку New (Новый).
Центральную часть окна редакторы градиентов занимает цветовая полоса, которая отображает цветовую гамму и цветовые переходы в рамках избранного градиента. Маркеры под полосой задают цвет градиента и положение этого цвета на полосе градиета. Между маркерами цвета плавно перетекают с одного в другой. Аналогично задается прозрачность, но маркеры прозрачности расположенные над полосой.
Чтобы изменить цвет, который отвечает какому-нибудь цветовому маркеру, щелкните по нему мышкой, и внизу станут доступные настройки для этого цвета:
Чтобы добавить новый маркер на полосу градиента просто щелкните мышкой на край полосы в том месте, где этот маркер хотите поставить (для создания маркера перехода прозрачности над полосой, а для создания маркера цветового перехода под полосой).
Color (Цвет) – щелкнув по данному полю, вы сможете изменить цвет выбранного маркера.
Position (Позиция) – в этом поле вы можете ввести процентное положение избранной контрольной точки (маркера) на цветовой полосе градиента. Например, если задано значение 50 – маркер будет установлен на середине полосы, 25 — первая четверть от левого края и т.д. Позицию можно задать и простым передвижением маркера.
В такой же способ можно изменять прозрачность для маркеров, которые располагаются сверху. Нужно щелкнуть по маркеру мышкой и внизу задать степень непрозрачности в процентах.
Если вы в процессе работы создали новые красивые градиенты их можно сохранить в отдельном файле. Кнопка Save (Сохранить) предназначена именно для этого.
Источник: http://takpro100.net.ua/beginer/89-gradients.html
Растяжка цвета на волосах: все виды окрашивания
Растягивание цвета на волосах — это очень популярная техника окрашивания, которая полюбилась всем женщинам без исключения. Подобная техника подразумевает плавный переход цвета от более темного у корней, к более светлому на кончиках. Что самое интересное в этой процедуре, так это то, что она выглядит невероятно естественной. А все благодаря тому, что за базу берется ваш естественный цвет волос. Мастер при растягивании цвета, отступает от корней на несколько сантиметров и после начинает творить чудеса. И этих чудес такое большое множество. Но мы готовы вам рассказать о всех разом.
Встречайте все виды окрашивания на темных и светлых волосах, которые точно придутся вам по вкусу.
Омбре
Омбре — это самая популярная техника растяжки цвета. К ней обращается все больше и больше женщин и не спроста. Ведь плавный горизонтальный переход от темного к светлому цвету, который словно смывается, выглядит невероятно эффектно как на коротких, так и на длинных волосах.
Сомбре
Сомбре это еще менее заметная перетяжка цвета, чем омбре. Тут создаются едва заметные блики на волосах, которые лишь на несколько тонов темнее вашего основного цвета шевелюры.
Шатуш
Не могут устоять красотки и против популярного метода окраски волос — шатуш. Его техника на выходе напоминает эффект солнечных бликов, а создается это с помощью прокраски отдельных прядей и непосредственно их последующей растушевки.
Балаяж
Наверное, просто не существует такой женщины, которая не слышала про балаяж. Вертикальный переход цвета от натурального к искусственному выглядит невероятно соблазнительно. А кончики, которые в свою очередь окрашиваются в несколько тонов светлее базового, выглядят такими нежными и женственными.
Фламбояж
Еще один вариант, который подарит вам плавный переход цвета, но только в этом случае мелирование производится с помощью клеющей ленты.
Санлайт
Техника, которая чем-то похожа на шатуш. Но это не она. Это отдельное направление окрашивания, которое создается на коротких волосах. Сначала ваши волосы фиксируются лаком, а после наносится осветляющая краска на кончики. При этом рисунок соответствующего мелирования вы можете выбирать самостоятельно.
Оверфлоу
Перетяжка, которая создает невероятно мягкий переход цвета, который вы не сумеете получить с помощью других техник. К тому же, этот метод мелирования не наносит повреждения волосам, что является немаловажным плюсом в его сторону.
Дим-аут
Обратное растяжение, которое применяется на блондинках. Окрашивание подойдет только тем женщинам, которые готовы навсегда распрощаться со своим светлым цветом волос. Ведь подобная техника предусматривает окрашивание от корней до кончиков. Верхняя часть тонируется в темный цвет с плавным переходом к кончикам.
Калифорнийское и венецианское мелирование
Два очень популярных вида растяжки цвета на волосах, которые похожи на классическое. Калифорнийское мелирование предусматривает работу с волосами светлотой выше 6 уровня глубины тона, а венецианское — на волосах темнее 6 уровня.
Деграде
Деграде — это перетяжка цвета на волосах, которая оставляет контрастный и четкий переход между оттенками. Именно поэтому подойдет только смелым женщинам, не боящихся кардинально изменить своему классическому образу.
Источник
Источник: http://spark-welding.ru/lkm/krasivyj-perehod-cvetov.html
В графическом дизайне
Офисные работники часто сталкиваются с графиками и диаграммами. Их включают в доклады, отчеты и презентации. Составляют такие схемы, используя компьютерную программу. Когда хотят подчеркнуть переход одного из параметров в количественно или качественно новое состояние, могут выбрать градиент. Это перелив цветов.
На графике виден постепенный переход от зеленого цвета к синему. Так можно наглядно показать изменение определенного состояния. Например, в течение месяца росло производство и продажа определенной продукции, но изменился возраст покупателей. Аналитики будут работать с этими данными и выяснять, почему это произошло. Вероятно, это случилось по причине повышения цены изделия.
Источник: http://spark-welding.ru/lkm/krasivyj-perehod-cvetov.html
Радуга Цвет глаз Эффект с Photoshop
Зачем ограничивать себя одним цветом глаз, если вы можете выбрать каждый цвет глаз одновременно! В этом уроке о фотоэффектах вы узнаете, как с помощью Photoshop легко дать кому-то радужные глаза полного спектра!
Я думал об этой идее, работая над нашим предыдущим учебным пособием по фотоэффектам « Добавить радугу к фотографии» . Я видел, как другие люди создавали эффект радужных глаз, вручную рисуя различные цвета в глазах с помощью инструмента «Кисти» в Photoshop, а затем размывая цвета вместе. Но есть лучший способ сделать это, тот, который требует меньше работы, намного более гибок и просто веселее!
Почему это веселее? Как мы увидим, метод, который мы будем использовать для создания радужных глаз, дает нам много возможностей для игры. Наряду с базовым эффектом радуги мы узнаем, как легко создавать различные его вариации, такие как изменение порядка цветов, вращение цветов вокруг глаз и даже выбор разных стилей и дизайнов. И мы можем сделать это для каждого глаза независимо, и все без единого постоянного изменения исходного изображения.
Это может показаться сложным, но вы будете удивлены, насколько быстро и легко это. Я буду использовать Photoshop CC здесь, но каждый шаг также совместим с Photoshop CS6 . Вот фотография, которую я буду использовать для этого урока (изображение из Adobe Stock) :
Оригинальное фото. Предоставлено: Adobe Stock.
И вот как это будет выглядеть, когда мы закончим. Это просто базовый эффект радужных глаз. Как я уже говорил, мы также научимся создавать различные варианты:
Конечный эффект.
Давайте начнем!
Как создать глаза цвета радуги
Шаг 1: выберите инструмент Ellipse
Я начинаю здесь с моего изображения, недавно открытого в Photoshop. Если мы посмотрим на мою панель «Слои» , то увидим исходное изображение в фоновом слое , в настоящее время единственный слой в документе:
Панель «Слои», показывающая фотографию на фоновом слое.
Как мы уже увидели, мы можем создать большую часть эффекта радужных глаз, используя один инструмент, Ellipse Tool , который является одним из основных инструментов Photoshop для Photoshop . Выберите инструмент Ellipse на панели инструментов .
По умолчанию инструмент Ellipse скрывается за инструментом Rectangle . Чтобы перейти к Ellipse Tool, щелкните правой кнопкой мыши (Win) / Control-click (Mac) на инструменте Rectangle Tool, затем выберите Ellipse Tool из всплывающего меню:
Выбор инструмента Эллипс из-за инструмента Прямоугольник.
Посмотрите видеоурок «Радужные глаза» на нашем канале YouTube!
Шаг 2: Установите режим инструмента на «Shape»
Выбрав инструмент «Эллипс», установите параметр « Режим инструмента» на панели параметров в верхней части экрана на « Форма» . Это позволит нам рисовать векторные фигуры (в отличие от контуров или фигур на основе пикселей , другие доступные нам опции):
Установите для параметра «Режим инструмента» значение «Форма».
Узнать больше: векторные и пиксельные фигуры в фотошопе
Шаг 3: измени тип заливки на «Градиент»
Далее нам нужно сообщить Photoshop, как мы хотим заполнить форму. Нажмите на миниатюру Fill Type (образец цвета) на панели параметров:
Нажав на миниатюру Заполнить.
Вверху появившегося диалогового окна «Тип заливки» вы найдете ряд из четырех миниатюр. Каждая миниатюра выбирает свой способ заполнения фигуры. Слева направо, у нас нет цвета, сплошной цвет, градиент и узор. В дальнем правом углу также находится пятая миниатюра, открывающая палитру цветов в Photoshop, где вы можете выбрать собственный цвет.
Для эффекта «Радужные глаза» мы хотим заполнить фигуру градиентом, поэтому щелкните миниатюру « Градиент» (третий слева), чтобы выбрать ее:
Выбор типа градиентной заливки.
Шаг 4: Выберите градиент «Спектр»
Выбрав градиент в качестве типа заливки, прокрутите градиенты вниз, пока не найдете градиент спектра . Если в настройках Photoshop включены подсказки (они включены по умолчанию), имя градиента появится, когда вы наведете курсор мыши на его миниатюру. Нажмите на эскиз градиента спектра, чтобы выбрать его:
Выбор спектра градиента.
Шаг 5: измени стиль градиента на «Угол»
Как только вы выбрали градиент спектра, спуститесь в нижнюю часть диалогового окна и измените параметр « Стиль градиента» с «Линейный» (по умолчанию) на « Угол» . Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы закрыть диалоговое окно:
Изменение стиля градиента на Угол.
Шаг 6: нарисуй эллиптическую форму над первым глазом
Мы готовы нарисовать нашу первую форму. Выберите один из глаз (не имеет значения, какой именно) и поместите курсор мыши прямо в центр зрачка (темная область посередине). Мы собираемся нарисовать форму из этой точки. Я начну с глаза слева. Нажмите в центре глаза, чтобы установить начальную точку для формы:
Расположение курсора мыши в центре глаза.
Затем, удерживая нажатой кнопку мыши, начните перетаскивать из этой точки в любом направлении. Как только вы начали перетаскивать, нажмите и удерживайте клавишу Shift на клавиатуре и клавишу Alt (Win) / Option (Mac). Клавиша Shift заблокирует фигуру в идеальный круг, а клавиша Alt (Победа) / Option (Mac) говорит Photoshop перетащить фигуру из центра (места, где вы впервые щелкнули).
Продолжайте перетаскивать, пока контур фигуры не охватит всю радужную оболочку (цветную область). Не волнуйтесь, если часть формы распространяется на белую область глаза или на веки. Мы очистим эти районы через несколько минут. Пока просто убедитесь, что весь ирис вписывается в контур фигуры:
Вытягивая фигуру из центра, пока она не окружит всю радужную оболочку.
Отпустите кнопку мыши, затем отпустите клавиши Shift и Alt (Win) / Option (Mac). Удостоверьтесь, что вы отпускаете клавиши только после того, как отпустите кнопку мыши, иначе вы потеряете эффект, который имели эти клавиши.
Как только вы отпустите кнопку мыши, Photoshop нарисует фигуру и заполнит ее градиентом спектра:
Форма охватывает то, что мы хотим раскрасить.
Шаг 7: измени режим смешивания слоя формы на «Color»
Photoshop рисует фигуры на своих отдельных слоях Shape . Если мы посмотрим на панель «Слои», то увидим наш новый слой «Форма» с именем «Эллипс 1», расположенный над изображением:
Панель «Слои» с новым слоем «Форма».
На данный момент градиентная заливка фигуры полностью закрывает глаза. Чтобы смешать цвета градиента с глазом, измените режим наложения слоя «Форма» с «Обычный» (режим наложения по умолчанию) на « Цвет» :
Изменение режима наложения формы на «Цвет».
Это окрашивает глаза цветами градиента. Не беспокойтесь о контуре, который мы видим вокруг формы. Он исчезнет, как только мы выберем другой инструмент:
Результат после изменения режима наложения фигуры на «Цвет».
Шаг 8: добавь маску слоя
Чтобы очистить области вокруг радужной оболочки, где мы не хотим, чтобы цвета градиента появлялись, мы будем использовать маску слоя . С выделенным слоем Shape щелкните значок Layer Mask внизу панели Layers:
Нажав на иконку Layer Mask.
На слое Shape появится миниатюра маски с белым слоем. Обратите внимание на границу выделения вокруг миниатюры. Граница говорит о том, что теперь у нас выбрана маска слоя, а не сама фигура, что означает, что все, что мы делаем дальше, будет сделано с маской, а не с формой:
Миниатюра маски слоя появляется на слое «Эллипс 1».
Шаг 9: выбери инструмент Brush Tool
Мы уберем ненужные области, закрасив черным цветом маску слоя. Для этого нам понадобится кисть в Photoshop . Выберите его на панели инструментов:
Выбор инструмента «Кисть».
Шаг 10: установите цвет переднего плана на черный
Photoshop использует текущий цвет переднего плана в качестве цвета кисти, а это означает, что для рисования черным цветом нам нужно установить наш цвет переднего плана на черный . Мы можем видеть текущие цвета переднего плана и фона в двух цветовых образцах в нижней части панели инструментов. Цвет переднего плана — это цвет в левом верхнем углу.
Если ваш цвет переднего плана не установлен на черный, нажмите букву D на клавиатуре, чтобы быстро сбросить значения цветов переднего плана и фона на значения по умолчанию, при этом цвет переднего плана станет белым, а цвет фона — черным. Затем нажмите букву X на клавиатуре, чтобы поменять цвета, сделав цвет переднего плана черным:
Образец цвета переднего плана (вверху слева) должен быть черного цвета.
Шаг 11: Нарисуй вокруг радужки
С кистью в руке, черным как ваш цвет переднего плана и выбранная маска слоя, просто нарисуйте вокруг внешней стороны радужной оболочки, чтобы скрыть нежелательные цвета от градиента.
Вы захотите использовать маленькую кисть с мягким краем. Чтобы изменить размер кисти с клавиатуры, несколько раз нажмите левую клавишу скобки ( [ ), чтобы уменьшить размер кисти , или правую клавишу скобки ( ] ), чтобы увеличить ее . Чтобы отрегулировать твердость краев кисти, нажмите и удерживайте клавишу Shift, одновременно нажимая левую клавишу скобки, чтобы сделать кисть более мягкой, или правую клавишу скобки, чтобы сделать щетку жестче .
Здесь я рисую градиент, который распространяется на белые области глаза. Так как мы рисуем маску слоя, мы не видим цвет кисти при рисовании. Вместо этого цвета градиента исчезают в областях, которые мы закрашиваем:
Скрытие градиента в белых областях глаза.
Я также нарисую веко сверху, чтобы удалить градиентные цвета из этой области:
Скрытие градиента в веках.
Если вы ошиблись и случайно закрасили некоторые цвета радужной оболочки, нажмите клавишу X на клавиатуре, чтобы поменять местами цвета переднего плана и фона. Это установит ваш цвет переднего плана на белый . Закрасьте область белым, чтобы восстановить цвета. Затем нажмите X, чтобы поменять цвета, снова установите цвет переднего плана на черный и продолжайте рисовать.
Наконец, я нарисую внутри зрачка в центре глаза, чтобы удалить любой нежелательный цвет из этой области:
Скрытие градиента в зрачке.
Все идет нормально. Теперь наш первый глаз раскрашен нашими цветами радуги:
До сих пор эффект радужных глаз.
Шаг 12: снова выбери инструмент Эллипс
Давайте быстро сделаем то же самое с другим глазом. Сначала выберите Ellipse Tool с панели инструментов:
Повторный выбор Ellipse Tool.
Шаг 13: нарисуй фигуру над вторым глазом
Все опции, которые мы выбрали в прошлый раз для Ellipse Tool, все еще активны, поэтому нет необходимости выбирать какие-либо из них снова. Все, что нам нужно сделать, это поместить курсор мыши в центр другого глаза:
Расположение курсора в центре.
Щелкните мышью, чтобы установить начальную точку для градиента, затем, удерживая нажатой кнопку мыши, начните перетаскивание из этого места в любом направлении. Как только вы начали перетаскивать, нажмите и удерживайте Shift + Alt (Победа) / Shift + Option (Mac) на клавиатуре, чтобы зафиксировать фигуру в идеальный круг и вытянуть ее из центра.
Продолжайте перетаскивать, пока вся радужная оболочка не будет окружена контуром фигуры:
Рисование второй фигуры вокруг радужной оболочки.
Отпустите кнопку мыши, затем отпустите клавишу Shift и клавишу Alt (Win) / Option (Mac). Фотошоп рисует вторую фигуру и заполняет ее тем же градиентом спектра:
Вторая форма теперь покрывает радужную оболочку.
Шаг 14: измени режим смешивания формы на «цвет»
Если мы посмотрим на панель «Слои», то увидим, что Photoshop добавил нашу вторую фигуру в свой собственный слой Shape с именем «Ellipse 2». Чтобы смешать цвета градиента с глазом, измените режим наложения слоя «Эллипс 2» с Normal на Color :
Изменение режима наложения второй фигуры на «Цвет».
Это окрашивает второй глаз:
Второй глаз теперь раскрашен, как и первый.
Шаг 15: добавь маску слоя
Все, что нам нужно сделать сейчас, это очистить области вокруг радужной оболочки. Щелкните значок « Маска слоя» в нижней части панели «Слои», чтобы добавить маску слоя ко второму слою формы:
Нажав на иконку Layer Mask.
На слое появится миниатюрная маска слоя, заполненная белым цветом . Еще раз, мы видим выделенную границу вокруг миниатюры, говорящую нам, что выбрана сама маска:
Добавлена маска второго слоя.
Шаг 16: выбери инструмент кисти
Выберите Brush Tool еще раз на панели инструментов:
Повторный выбор Brush Tool.
Шаг 17: зарисуй нежелательный цвет
Наш цвет переднего плана по-прежнему должен быть черным , поэтому все, что нам нужно сделать, это закрасить белые части глаза, веко и зрачок в центре, чтобы скрыть градиентные цвета от этих областей:
Очистка областей вокруг глаз и зрачка.
И на этом основная часть нашего эффекта завершена! Мы раскрасили оба глаза нашими цветами радуги:
Результат после окраски и очистки второго глаза.
Шаг 18: понизь непрозрачность (необязательно)
Если вы обнаружите, что цвет слишком яркий, что приводит к потере некоторых деталей в глазах, вы можете уменьшить его интенсивность, уменьшив непрозрачность слоев Shape. Мы можем уменьшить непрозрачность для обоих слоев Shape одновременно.
В настоящее время на панели «Слои» выделен верхний слой «Форма» («Эллипс 2»). Чтобы выбрать другой слой Shape, я нажму и удерживаю клавишу Shift и нажимаю на слой «Ellipse 1». Теперь оба слоя Shape выделены:
Выбор обоих слоев Shape одновременно.
Выбрав оба слоя, я уменьшу значение непрозрачности в правом верхнем углу панели «Слои» со 100% до 80% :
Понижение непрозрачности слоев Shape.
С уменьшенной непрозрачностью цвета кажутся немного менее интенсивными, и в глазах видно больше исходных деталей:
Результат после понижения непрозрачности.
Настройка эффекта
Теперь, когда мы создали первоначальный эффект радужных глаз, давайте узнаем, как мы можем легко настроить его и создавать различные варианты. Мы делаем это, редактируя настройки градиента.
Чтобы изменить параметры градиента для одного из глаз, дважды щелкните его миниатюру «Форма» на панели «Слои». Миниатюра Shape находится слева от миниатюры маски слоя. Я выберу правый глаз (справа, слева), дважды щелкнув по миниатюре фигуры для слоя «Эллипс 2»:
Двойной щелчок по миниатюре фигуры для правого глаза.
Откроется диалоговое окно « Градиентная заливка » с различными параметрами, которые мы можем изменить:
Диалоговое окно Градиентная заливка.
Задний ход
Одна вещь, которую мы можем сделать, это изменить порядок цветов в градиенте. Мы делаем это, выбирая опцию Reverse :
Выбор «Реверс» в диалоговом окне «Градиентная заливка».
Photoshop показывает нам предварительный просмотр эффекта, чтобы мы могли держать диалоговое окно «Градиентная заливка» открытым, пока мы экспериментируем с настройками. Имейте в виду, что мы меняем эффект только для одного глаза за раз. Чтобы сделать то же самое изменение и для другого глаза, вам нужно будет дважды щелкнуть его миниатюру «Форма» на панели «Слои» и использовать те же настройки.
Вот как выглядит эффект после изменения цвета правого глаза. Теперь глаза, кажется, отражают друг друга своими цветами:
Создание зеркального эффекта путем изменения цвета в одном из глаз.
Угол
Мы также можем вращать цвета вокруг глаза, используя опцию Angle . Вы можете щелкнуть внутри циферблата и перетащить его, чтобы изменить значение угла или ввести конкретное значение.
Угол по умолчанию составляет 90 °. Под этим углом красный цвет в настоящее время находится в верхней части глаза. Я изменю угол на -90 ° :
Изменение угла наклона.
При повороте угла красный цвет теперь появляется внизу глаза справа:
Эффект после поворота на угол градиента в правом глазу.
Стиль
Другой вариант, который мы могли бы изменить, это Стиль . В настоящее время он установлен на Angle, потому что это то, что мы выбрали, когда рисовали фигуры:
Параметр «Стиль» в диалоговом окне «Градиентная заливка».
Если вы нажмете на поле, вы увидите другие стили, которые мы можем выбрать. Я выберу один из более интересных, таких как Radial :
Изменение стиля градиента на «Радиальный».
Вот как выглядит стиль Radial. Опять же, на данный момент я воздействую только на глаз справа:
Эффект после смены стиля правого глаза на «Радиальный».
Чтобы изменить другой глаз, я нажму OK, чтобы принять мои изменения и закрыть из текущего диалогового окна Градиентная заливка.
Закрытие диалогового окна нажатием ОК.
Затем, вернувшись на панель «Слои», я дважды щелкните миниатюру «Форма» для левого глаза (слой «Эллипс 1»):
Двойной щелчок по миниатюре фигуры для другого глаза.
Это снова открывает диалоговое окно Градиентная заливка, на этот раз для второго глаза. Просто для забавы, я установлю стиль градиента для левого глаза на что-то другое, например, Diamond . Я также выберу опцию Reverse :
Изменение стиля на «Diamond» и выбор «Reverse».
Я нажму OK, чтобы принять мои изменения и закрыть диалоговое окно «Градиентная заливка», и теперь оба глаза настроены на что-то совершенно другое:
Каждый глаз теперь настроен на разные вариации эффекта.
И там у нас это есть! Ищете похожие уроки? Узнайте, как создать эффект « Радиальные зум-глаза» , или просто измените цвет глаз на изображении . Посетите наш раздел фотоэффектов для получения дополнительных уроков!
Основные приемы работы в Photoshop для начинающих
Обновление: Александра Шпак
Я рассказал, как ориентироваться в программе Photoshop, о принципах работы, разобрал основные функции и инструменты. Оно подойдет тем, кто не знаком с программой совсем или хочет лучше в ней разобраться – копирайтерам, менеджерам, маркетологам, начинающим дизайнерам. Руководство поможет лучше доносить свои идеи в презентациях, делать иллюстрации для статей и постов в соцсетях, качественно обрабатывать фотографии.
Как читать. Если вы осваиваете Photoshop с нуля, прочитайте руководство целиком, по порядку. При этом прочитанное лучше сразу закреплять на практике — в программе. Если же вы хотите закрыть пробелы в знаниях, находите нужную информацию с помощью оглавления.
В чем преимущество. В этом руководстве, в отличие от видеоуроков, вы быстро найдете нужную информацию с помощью поиска по странице и оглавления. Преимущество, по сравнению с официальным гидом Adobe или профессиональными учебниками, в том, что:
- собрана только самая важная информация,
- текст написан простым языком,
- контент понятно структурирован.
А еще это руководство будет обновляться по мере выхода новых версий Photoshop — следите за датой публикации материала выше, под заголовком.
Что такое Photoshop
Photoshop − это графический редактор для работы с растровыми изображениями. Они состоят из пикселей – квадратиков, которые вы видите при увеличении любой картинки.
Для чего нужен. Photoshop подходит для цветокоррекции и ретуши фотографий, создания коллажей и иллюстраций.
Для чего не подойдет. Для верстки многостраничной печатной продукции и сайтов эта программа не годится, так как перегружает систему. Полиграфию удобнее создавать в InDesign, а веб – в Figma или Sketch. Логотипы, иконки и все, что в дальнейшем нужно будет масштабировать, лучше рисовать в программах, предназначенных для работы с вектором. Созданные в них изображения сохраняют качество, так как не состоят из пикселей, а являются неделимыми фигурами (до сохранения в jpeg или растрирования).
Настройки перед началом работы
Перед началом работы настройте программу так, чтобы повысилась ее производительность, а вам было удобнее ею пользоваться. Это поможет сэкономить время и улучшить результат.
Интерфейс
При желании можно выбрать один из четырех цветов интерфейса (возле цифры 1 на изображении ниже (далее будем использовать просто цифру в скобках)). Для этого зайдите в настройки интерфейса, в меню «Редактирование». Там выберите светло-серый фон, если важна точность цветов на картинке. Если вы используете Mac, то зайдите в меню «Photoshop», далее в «Настройки», в выпадающем меню выберите пункт «Интерфейс». Слишком темное или светлое окружение будет искажать восприятие цветов. По сравнению с черным интерфейсом, изображения будут казаться светлее и насыщеннее, а по сравнению с белым – наоборот. К тому же, выбрав светло-серый, вы будете читать темный шрифт на светлом фоне – это привычнее, чем на выворотке.
По той же причине стоит выбрать средний серый цвет заливки окрестностей вокруг картинки (2). Серый не будет мешать правильному восприятию цветов.
Производительность
Определитесь, сколько места предоставить Photoshop. Сделать это можно в том же окне, в разделе «Производительность». Для нормальной работы достаточно 8 Гб. Но не отдавайте под него все место – оставьте 10-20 % для других программ.
Когда места для работы не хватает, временно ненужная информация сбрасывается на жесткий диск и подгружается при необходимости. Если она будет сбрасываться на системный диск (в большинстве случаев это диск «C»), то работоспособность программы может снижаться. Поэтому в разделе «Временные диски» убедитесь, что у вас выбран не диск «C». Если у вас есть SSD, то лучше поставить его – программа будет работать быстрее.
Отведите на работу Photoshop побольше места и выберите несистемный диск для сброса информации
Курсоры
Инструменты в Photoshop делятся на два вида: для рисования и все остальные. Перейдите во вкладку «Курсоры». Для первого вида выберите «Нормальный кончик кисти» (1). При этом будет отображаться кружок, определяющий границы мазка – это наиболее естественное представление о кисти.
Для второго вида поставьте галочку напротив пункта «Точный» (2). Вместо иконки инструмента будет отображаться точный курсор. Используя его, легче понять, какой вы участок выбираете.
Отображение инструментов
Некоторыми командами вы пользоваться не будете. В разделе «Меню», находящемся в пункте «Редактирование», их можно выключить, чтобы не отвлекали. Для этого уберите значок глазика с ненужных команд. Те же, которыми вы будете пользоваться чаще всего, например, «Сохранить» или «Открыть», пометьте цветом, чтобы их было легче находить. Если отключенная операция вдруг понадобится, вы можете выбрать внизу любого пункта «Показывать все пункты меню». Вернуть настройки по умолчанию можно в этом же окне.
Единицы измерения
В разделе «Единицы измерения и линейки» поставьте привычные вам миллиметры вместо дюймов.
Комбинации
В пункте «Редактирование» зайдите в раздел «Меню» и перейдите во вкладку «Клавиатурные сокращения». Напротив большинства команд стоят комбинации клавиш, которыми они вызываются. Их можно переназначить, кликнув на существующее назначение, или задать, если оно отсутствует. С помощью комбинаций горячих клавиш можно вызывать команды гораздо быстрее, чем методом поиска в меню. Поэтому выучите те, которыми пользуетесь наиболее часто – это существенно сэкономит время. Чтобы первое время было проще, распечатайте наиболее популярные комбинации горячих клавиш и подглядывайте в эту шпаргалку при необходимости.
Обзор программы
Основная проблема при работе с Photoshop − найти нужный инструмент или команду. Но если знать, что и где искать, работать будет гораздо быстрее и приятнее. Чтобы свободно ориентироваться в программе, разберем три основных органа управления.
Основное меню
Строка основного меню находится сверху и состоит из одиннадцати пунктов. В каждый из них входят команды, сгруппированные по определенным признакам.
Файл. В пункте «Файл» собраны все опции, отвечающие за взаимодействие программы с внешним миром: «Сохранить», «Открыть изображение», «Экспортировать», «Распечатать» и т.д.
Редактирование. Здесь сгруппированы команды, которым не нашлось места в других пунктах. Например, «Отменить», «Повторить», «Трансформирование слоя», а еще «Меню», «Настройки» и «Клавиатурные сокращения».
Изображение. Сюда собраны команды для коррекции изображений. Здесь можно изменить размер, яркость или подкорректировать цвета.
Слои. Так как основная работа в Photoshop связана именно со слоями, это самое большое ниспадающее меню. В нем собраны все команды, касающиеся слоев.
Текст. В этот пункт собраны команды для работы с текстом. Скорее всего, заглядывать сюда вы будете редко. Так как основные текстовые настройки находятся в окнах «Символ» и «Абзац».
Выделение. Если вы ищете команды, связанные с выделением участков изображения, то это здесь. В этом пункте можно отменить все выделения, инвертировать, деформировать, растушевать границы или сохранить.
Фильтры. Здесь находится набор фильтров, которые можно накладывать на изображения. Если существующих покажется мало, дополнительные фильтры можно найти в интернете.
3D. Photoshop умеет создавать несложные 3D-модели и обрабатывать созданные в других программах. Например, в 3ds Max. Функциональность простая: можно вращать модели, натягивать на них поверхности, освещать с разных сторон. Учтите, что работа в этом режиме перегружает память, отчего Photoshop может подвисать. Для 3D существуют более подходящие программы. Поэтому не будем в этой статье касаться данного пункта.
Просмотр. В пункте «Просмотр» находятся функции, которые меняют не саму картинку, а ее отображение на экране. Вам — сюда, если надо уменьшить или увеличить фотографию, поменять режимы экрана, включить или выключить отображение вспомогательных элементов, таких как направляющие, линейки, границы выделения.
Окно. В этом пункте сгруппированы команды для работы с окнами. Отсюда можно вызвать любое окно и менять отображение открытых в программе картинок: показывать их во вкладках или одновременно выводить на экран.
Окна
Где находятся и как добавлять. Собраны они в правой части экрана. Включаются в пункте «Окно», который находится в основном меню.
Какие окна нужны. Это зависит от задач. Для начала подойдет и набор по умолчанию, который по необходимости можно корректировать.
Как расставлять. Включив окно в основном меню, вы увидите его в отдельной вкладке. Его можно сворачивать, растягивать и сжимать.
Связывайте между собой. Для этого перетащите одно окно к другому за ярлык с названием до появления синей полоски. Теперь они будут сворачиваться и перетаскиваться вместе. Если нужно вставить третье окно между ними, перетащите его к их стыку. Чтобы окна открывались в одном окне и переключались с помощью вкладок, перетаскивайте не на стык, а накладывайте одно на другое
Прикрепите отдельные окна к панели окон, чтобы они не загораживали рабочую область. Для этого перетащите их к правому краю до появления синей полоски.
Как сохранить. Чтобы сохранить расположение окон, перейдите во вкладку «Рабочая среда» в пункте «Окно», выберите «Новая рабочая среда» и нажмите «Сохранить». Вместе с окнами там можно сохранить клавиатурные сокращения, вкладки в пунктах меню и состояние панели инструментов. По умолчанию предлагается несколько рабочих сред для разных целей. Например, для рисования или обработки фотографий.
К сохраненной среде можно вернуться, выбрав ее в том же вложенном меню и нажав «Сбросить».
Инструменты и опции
Панель инструментов находится слева (1). Сюда собраны все инструменты ручного редактирования. Выбрав один из инструментов, вы увидите его настройки на панели «Опции» (2), находящейся под основным меню. Большинство иконок на панели содержат вложенные инструменты со схожими функциями (3), например, вместе с «Кистью» находится «Микс-кисть» и «Карандаш». Чтобы их вызвать, кликните правой мышью по иконке.
Навигация
Открытие изображения
Чтобы открыть изображение, в пункте «Файл» нажмите «Открыть» и выберите картинку на компьютере или воспользуйтесь сокращением «Ctrl+O» (На Mac: «Cmd+O»). Во вложенном меню «Последние документы» находятся картинки, которые вы недавно открывали. Их количество можно увеличить в настройках, выбрав больший период запоминания.
Изменение масштаба
Масштаб изображения изменяется четырьмя основными способами:
- С помощью команд в пункте «Просмотр».
- Колесиком мыши при зажатой клавише Alt (кнопка Option на Mac).
- Комбинациями «Ctrl -» и «Ctrl +» (на Mac: «Cmd -» и «Cmd +».
- В окне «Навигатор».
Если нужно быстро вернуться к общему виду, нажмите «Ctrl + 0» (на Mac «Cmd + 0») − изображение займет всю рабочую область.
Также масштабировать можно с помощью «Увеличительного стекла», которое вызывается из панели инструментов либо с помощью модификатора «Ctrl + пробел» (на Mac: «Cmd + пробел»). Отличие модификаторов от клавиатурных сокращений заключается в том, что они не выполняют какую-либо команду, а временно меняют назначение курсора.
Перемещение по изображению
Быстро перемещаться по увеличенному изображению поможет инструмент «Рука». Для этого зажмите пробел и передвигайтесь с помощью мыши. Это самый удобный способ. Также для этого можно использовать окно «Навигатор» и полосы прокрутки, появляющиеся внизу и справа при приближении.
Отмена и возврат действий
Чтобы быстро отменить действие, нажмите «Ctrl + Z» (на Mac «Cmd + Z»), а при повторном нажатии комбинация вернет внесенное до этого изменение. Чтобы переключиться на несколько шагов назад, используйте сокращение «Alt + Ctrl + Z» (на Mac «Option + Cmd + Z») , вперед – «Shift + Ctrl + Z» (на Mac «Shift + Cmd + Z»). Вернуться сразу на много действий можно в окне «История».
Размеры и разрешение
Размер изображения
Чтобы редактировать размер и разрешение, в пункте «Изображение» выберите «Размер изображения» и задайте нужную ширину и высоту(1). Чтобы картинка менялась пропорционально при изменении одной из сторон, нажмите на иконку цепочки (2). А если хотите с размерами менять и разрешение (3), то снимите галочку с пункта «Ресамплинг» (4).
Рамка
С помощью инструмента «Рамка» можно добавлять фон, обрезать или наклонять картинку. Если нужно обрезать ее до конкретных размеров, введите их в специальные поля на панели «Опции» или выберите в контекстном меню, всплывающем по правому клику на изображение.
Если нужно растянуть фон с учетом содержимого, в «Опциях» нажмите на соответствующую иконку.
Создание изображений для соцсетей: размеры, вотермарки, инструменты, примеры
Слои
Работа в Photoshop похожа на создание аппликаций, только вместо слоев бумаги в нем используются виртуальные слои. Благодаря им вы можете удалять, редактировать, передвигать отдельные объекты или участки изображения, а также точечно на них воздействовать, не боясь задеть другие картинки на прочих слоях.
Действия со слоями
В программе «Слои» находятся на правой панели (1). Если нет, то включите их в пункте «Окно» в основном меню. Чтобы изменить или переместить слой, кликните по нему левой кнопкой.
Создать. Создавайте новый слой каждый раз, когда совершаете новое действие с фотографией. Для этого либо нажмите на иконку (2) внизу окна, либо выберите команду в пункте «Слои», либо воспользуйтесь комбинацией «Ctrl + Shift + N» (на Mac «Cmd + Shift + N»).
Назвать. Когда слоев несколько, в них легко ориентироваться. Когда же их накапливается много, можно запутаться, какой элемент на картинке к какому слою относится. Чтобы было удобно искать нужный слой, им можно давать названия. Для этого кликните два раза по существующему названию слоя.
Удалить. Удалить слой можно при помощи кнопки Delete в контекстном меню, которое вызывается кликом правой мыши по слою, либо перенеся его на значок корзины (3).
Переместить. Чтобы подвинуть слой в плоскости картинки, используйте инструмент «Перемещение».
Поменять порядок. Перетащите слой с помощью мыши.
Скопировать. Чтобы скопировать слой, воспользуйтесь быстрыми клавишами «Ctrl + J» (на Mac «Cmd + J») или перетащите его на иконку создания нового слоя (2). Если неудобно лезть в окно со слоями, выберите инструмент «Перемещение», зажмите Alt (на Mac — Option) и перетащите слой с картинки в сторону с помощью мыши.
Сделать прозрачным. Регулировать прозрачность слоя (9) можно с помощью двух полей: «Непрозрачность» и «Заливка». «Непрозрачность» регулирует слой вместе с наложенными на него эффектами. А «Заливка» − непосредственно сам слой. Например, уменьшая показатель в заливке, тень или обводка, наложенные на слой, будут оставаться без изменений.
Объединить. Слои удобно объединять, когда они относятся к одному объекту на картинке, и если изменять их по отдельности вы больше не собираетесь. Чтобы объединить, выделите нужные, правым кликом по слоям вызовите контекстное меню и нажмите «Объединить». А чтобы связать слои временно, нажмите «Связать».
Залить цветом. Выберите нужные цвета на панели инструментов, возьмите инструмент «Заливка» и нажмите «Alt + Backspace» (на Мас «Option + Backspace»), чтобы залить основным цветом, или «Ctrl + Backspace» (на Mac «Cmd + Backspace»), чтобы залить фоновым.
Деформировать. Нажмите «Ctrl + T» (на Мас «Cmd + T»), чтобы трансформировать слой. Правым щелчком мыши вызовите контекстное меню и выберите один из четырнадцати способов деформации. С помощью мыши изменяйте его размер, перемещайте и искажайте. Если хотите, чтобы слой сохранял пропорции при уменьшении или увеличении, зажмите Shift.
Наложить эффекты. Правым кликом мыши по слою вызовите меню и выберите «Параметры наложения». В этом окне можно задать обводку и тени, создать тиснение, наложить градиент или свечение. Чтобы включить эффект, поставьте галочку напротив его названия. Чтобы изменить его параметры − кликните по названию эффекта. Если рядом с названием есть значок плюсика, значит эффект можно дублировать: на один слой наложить несколько одинаковых эффектов с разными настройками. Например, это полезно, когда нужно сделать несколько теней для одного объекта, который освещается несколькими источниками света. Также эффекты можно включить и через меню, скрывающееся за иконкой fx (4) − оно полностью дублирует «Параметры наложения».
Изменить режим наложения. Photoshop позволяет выбирать, как будет накладываться верхний слой по отношению к нижнему. Для этого в окне со слоями существует поле «Режимы наложения» (8). Эти режимы делают изображение прозрачным, более контрастным или просвечивающими в определенных тонах.
Эта функция дает возможность добиваться наложения любых эффектов или фильтров на верхний слой, меняя нижний. А рисуя кистью в одном из параметров, можно создавать свет, тени и блики. Для наложения тени выберите режим «Умножение», «пипеткой» возьмите образец цвета предмета, на котором должна быть тень, уменьшите непрозрачность и жесткость кисти − она будет рисовать мазками похожими на тень. Чтобы наложить свет, рисуйте кистью в режиме «Экран». Для бликов используйте «Мягкий свет» и белую кисть.
Наложить маску. «Встаньте» на нужный слой и нажмите на иконку, похожую на японский флаг (5). Рядом со слоем появится его маска. Теперь черной кистью можно скрыть часть слоя в маске, а белой – вернуть обратно. Если вырезать область или стереть ее с помощью «Стерки», то это действие можно будет вернуть только отменой.
Создать обтравочную маску из слоя. Эта команда позволяет накладывать верхний слой на нижний. То есть нижний становится окном в верхний, к которому вы применили маску. Так, например, на текст накладывается фон.
Закрепить. Закрепите слой, если хотите, чтобы ни одно действие с картинкой его не коснулось. Для этого «встаньте» на нужный слой и нажмите на иконку с замочком (7). Вы не сможете его двигать, перемещать, рисовать на нем или накладывать эффекты – для программы он будет неприкосновенен.
Виды слоев
Обычный растровый слой. Это просто элемент изображения, находящийся на отдельном слое. Его можно редактировать и проделывать с ним все, что описано выше.
Фоновый. Самый нижний закрепленный слой (с замочком). Его можно сделать обычным, сняв замочек по клику. Также любой слой можно сделать фоновым, переместив в самый низ и закрепив.
Текстовый. Текст, написанный на картинке, автоматически становится новым слоем. С ним можно проделывать все действия, что и с обычным, плюс те, которые описаны в разделе «Текст».
Корректирующий. Это прозрачный слой, не являющийся каким-либо эффектом. Он накладывается поверх обычного слоя, выполняя функцию цветного стекла, помещенного над картинкой. Чтобы его создать, нажмите на иконку, похожую на «Инь-ян» (6), и выберите слой с нужным видом коррекции. Он нужен для создания фильтров и цветокоррекции (подробнее об этом в следующем разделе).
Смарт-объект. Превратите растровый слой в смарт-объект (или наоборот) в контекстном меню слоя. После этого он как бы пакуется в папку. Чтобы воздействовать на слой, кликните по нему дважды. Он откроется отдельно в новой вкладке в Photoshop. После изменений в слое сохраните их с помощью сочетания клавиш «Ctrl + S» (на Мас «Cmd + S»), чтобы они вступили в силу на основном изображении. Это удобно, когда требуется более детальная работа с областью. Например, при создании мокапов.
Слой-заливка. Позволяет залить слой цветом, градиентом или узором. Слой-заливка является отдельным слоем, к которому можно отдельно применить режимы наложения.
Цветокоррекция
В этом разделе я расскажу, как настраивать яркость и контрастность фотографий, убирать лишние оттенки и корректировать цветовой баланс.
Все настройки цветокоррекции есть в пункте «Изображение». Но, по возможности, пользуйтесь корректирующими слоями. Они накладывают коррекцию отдельным слоем, который удобно скрывать и редактировать (как создавать корректирующие слои – в разделе «Слои»).
Кривая
Что такое кривая. Вызвав инструмент «Кривые», вы видите график. На оси X показывается яркость: от самого темного участка к самому светлому, слева направо. На оси Y показывается количество пикселей на картинке, соответствующих яркости по оси X.
Зависимость графика от изображения. Определив, какие участки на графике каким областям изображения соответствуют, вы поймете, в каком месте и куда двигать кривую. Сделать это можно по трем параметрам:
- По яркости. Чем ярче область на фотографии, тем ближе она к правому краю графика.
- По соотношению площади участка к высоте пиков на графике. Если на фото есть большой темный участок, скорее всего, он относится к пику слева.
- По ширине столбца. Ширина столбца говорит о количестве пикселей одной яркости. Пики графиков соответствуют однородным по яркости областям, равнины − областям с большим разбросом.
Соотнести график с фотографией поможет инструмент, скрывающийся за иконкой руки. Выбрав его и передвигая курсор по фотографии, вы будете видеть, как перемещается ползунок на кривой. Он и будет соответствовать той части фото, на которую наведен курсор. По клику на месте ползунка появится точка. С ее помощью можно изменять яркость соответствующего участка. Такие опорные точки можно ставить и по клику на саму кривую. Чтобы их убрать, просто перетащите точки за пределы графика, захватив мышью.
Как кривая меняет картинку. Есть четыре базовых правила, описывающих работу кривой:
- Если кривая проходит ниже − фотография затемняется (чем ниже, тем сильнее).
- Если выше − наоборот становиться светлее.
- Если кривую круто изогнуть в виде буквы S, то темные участки станут еще темнее, светлые − светлее. Чем круче кривая, тем больше контраст.
- Если S-образную кривую изогнуть в другую сторону, то фото станет менее контрастным. Чем больше степень изгиба, тем меньше контраст.
Чтобы воздействовать на картинку в областях с определенной яркостью, с помощью опорных точек зафиксируйте кривую на участке, который не нужно менять.
Полноконтрастность фотографии. Открывая график с кривой на некоторых изображениях, видно, что пиксели занимают не всю ось X: крайние правый и левый участки графика остаются пустыми. Это значит, что фотография не полноконтрастная: недостаточно насыщенная, блеклая. Чтобы это исправить, приведите ее к полноконтрастному виду. Для этого:
- Найдите самую черную точку на картинке. Зажмите Alt и двигайте левый ползунок вдоль оси X вправо, пока не появится самый темный участок. Затем возьмите пипетку для установки точки черного и кликните по этому участку.
- Также найдите самую белую точку, только теперь передвигая правый ползунок влево. Выберите пипетку для установки точки белого и кликните на самую светлую область.
Удаление лишних оттенков. Удалите с фотографии оттенки, которых там не должно быть. Для этого переключитесь на другие цветовые каналы (красный, зеленый или синий) в окне со свойствами кривой и корректируйте ее там. Например, когда фото желтит, перейдите в синий канал и немного поднимите кривую.
Чтобы сравнить изменения, переключайтесь между было/стало с помощью иконки глазика внизу. А если изменения не понравились, то с помощью стрелочки, что слева от иконки с глазиком, сбросьте все изменения на кривой.
Цветовой тон и насыщенность
Выбрав «Цветовой тон/Насыщенность», в окне вы увидите три шкалы: «Цветовой тон», «Насыщенность» и «Яркость». Изменения, вызванные в цветах перемещением ползунков на любой из шкал, будут отображаться на самой нижней полоске (1). Полоса над ней показывает изначальные цвета для сравнения.
«Цветовой тон» (2) позволяет смещать цвета по цветовому кругу. С помощью него можно перекрасить любой одноцветный участок на снимке.
Ползунок насыщенности (3) изменяет фото от черно-белого до кислотно-цветного.
Регулировка яркости (4) позволяет затемнять и осветлять фотографию.
В поле вверху, где по умолчанию стоит «Все» (5), можно выбрать, какой конкретно цвет на фотографии будут менять три шкалы ниже. Оттенки этого цвета можно корректировать с помощью пипеток (6) и ползунков, появляющихся на полоске снизу.
При выборе цвета учитывается не весь цветовой круг, а его часть. Пипеткой выделите на картинке цвет, который надо подкорректировать, и работайте со шкалами. Если вместе с нужным участком изменился цвет другого, сдвиньте ползунки внизу ближе к нужному цвету и подальше от того, который менять не хотите.
Сочность
Чтобы увеличить насыщенность цветов, используйте инструмент «Сочность».
Цветовой баланс
В свойствах этого инструмента – три регулятора (1). При смещении ползунка к определенному цвету изменяются тона на фотографии. Переместили в сторону желтого − картинка желтеет. К красному − краснеет. Причем в поле (2), которое над ползунками, можно выбирать, в каких тонах изменять цвета: в тенях, светах или средних тонах. Но цвет на тона накладывается очень неточно, захватывая почти весь спектр. Поэтому для коррекции этот инструмент не подойдет. Он понадобится для стилизации и тонировки, например, чтобы наложить какой-нибудь оттенок на фото.
Тени и свет
Этого инструмента нет в корректирующих слоях. Чтобы его выбрать, зайдите в пункт «Изображение» и в выпадающем меню «Коррекция» выберите вкладку «Тени / Света». С помощью этого инструмента отдельно затемняйте и осветляйте темные (1) и светлые (2) области. В настройках каждой из них существует три шкалы: «Эффект» (3), «Тон» (4) и «Радиус» (5). «Тон» отвечает за затемнение и осветление. «Радиус» − за растушевку света или тени. «Эффект» − за прозрачность эффекта, вызванного двумя предыдущими настройками.
Когда открываете любой инструмент цветокоррекции, каждый ползунок выкручивайте до крайних точек, чтобы понять, какой за что отвечает.
Выделение
Сделать коллаж, удалить или переместить объект, наложить эффект на часть картинки… − без выделений в Photoshop не обойтись. Поэтому инструментов и способов выделения в нем много. Рассмотрим основные восемь из них.
Области
Инструмент «Области» выделяет с помощью фигур: овалов, прямоугольников, линий. Им удобно быстро выделять объекты на однородном фоне, геометрически простую фигуру или когда с предметом можно захватить немного фона.
Лассо
Есть три вида лассо: «Обычное», «Прямолинейное» и «Магнитное». «Обычным» очерчивайте произвольный участок, будто в руках карандаш или кисть. «Прямолинейным» выделяйте линиями: с помощью него можно обвести геометрическую фигуру любой формы. «Магнитным» выделяйте по границе любого предмета: при обведении выделение будет липнуть к его контуру. Им удобно обводить сложные объекты на однородном фоне. Если фон сложный, «Магнитное лассо» может неправильно распознать границы предмета, соответственно, неправильно выделить.
Волшебная палочка
«Волшебная палочка» обводит области похожего цвета. Для этого инструмента важно, чтобы выделяемый объект сильно отличался от фона по цвету. Допустимое отклонение цвета настройте в опциях этого инструмента в поле «Допуск»: чем больше в нем цифра, тем более неоднородную область выделит программа.
Быстрое выделение
«Быстрое выделение» работает по тому же принципу, что и «Волшебная палочка». Отличие в том, что область выделения можно регулировать. Меняя назначение курсора, создавайте выделение или убирайте, если захватили лишнее и нужно скорректировать область. Меняя величину курсора, регулируете, насколько большая площадь будет выделяться вокруг него.
Выделение цвета
Инструмент «Цветовой диапазон» находится в пункте «Выделения» в меню. Он позволяет выделить участки на фотографии по цвету. Для этого с помощью курсора выберите нужный цвет. Пипеткой с плюсом дополнительно добавляйте оттенки, с минусом − удаляйте. Чтобы увеличить или уменьшить разброс допустимых цветов для выделения, переставляйте ползунок на шкале «Разброс». Также можно выделять цвета не на всей фотографии, а лишь в диапазоне. Для этого поставьте галочку напротив «Локализованные наборы цветов» и отрегулируйте площадь выделения на шкале «Диапазон». Таким способом можно выделять сложные объекты типа травы или деревьев, которые сильно отличаются по оттенкам и разбросаны по картинке.
Перо
«Перо» (P) − это не прямой инструмент выделения. С помощью пера создайте «Фигуру» или «Контур» (выбирается в опциях инструмента), а после – выделите.
«Перо» − лучший инструмент выделения по двум причинам. Первая: после построения области ее можно как угодно изменять с помощью опорных точек на контуре, которые добавляются кликом по нему. Вторая причина в том, что границы области, выделенной «Пером», плавные и не имеют рваных краев.
Есть три вида пера: «Обычное», «Свободное» и «Перо кривизны». «Обычное» обводит прямыми линиями. «Свободное» очерчивает область как карандаш. «Перо кривизны» скругляет все узлы, делая их плавными. Чтобы переключиться между ними, кликните правой кнопкой мыши по иконке «Пера» и выберите нужный вид.
Также у инструмента есть три функции: «Добавить опорную точку», «Удалить опорную точку» и «Угол». Находятся они также в выпадающем меню «Пера». Первые две добавляют и удаляют опорные точки. Третья делает из всех закругленных узлов углы: если с помощью четырех точек очертить пером круг, то «Углом» можно сделать из него квадрат.
Также на опорные точки можно воздействовать инструментом «Выделение узла». По клику на точку появляется что-то вроде усиков или рычажков. Они позволяют более гибко изменять фигуру.
Быстрая маска
«Быстрая маска» дает возможность тонко редактировать границы и прозрачность выделения с помощью кисти. Для ее наложения нажмите на значок в самом низу панели инструментов. С помощью «Быстрой маски» можно создавать выделение с нуля либо работать с уже выделенной областью. В этом режиме черная кисть добавляет участок к выделению, белая − удаляет. Для создания разной прозрачности выделений используйте разные оттенки серого: чем светлей − тем прозрачнее. Чем меньше прозрачность выделения, тем слабее будет проявляться эффект, наложенный на изображение. Это пригодится для цветокоррекции, например, когда некоторые участки нужно затемнить меньше, чем остальные.
Что делать с выделенными областями
Трансформировать. Нажмите «Трансформировать выделенную область» в пункте «Выделение» или в контекстном меню выделенной области. Кликните правой кнопкой мыши по выделению и выберите нужный режим. Например, с помощью «Искажения» можно сделать тень. Для этого выделите объект, который будет ее отбрасывать, «положите» выделение на поверхность и затемните.
Менять режимы наложения. В опциях большинства инструментов выделения можно выбрать один из четырех режимов наложения. Первый режим: создавая новое выделение, старое исчезает. Второй (Shift): выделения накладываются друг на друга. Третий (Alt или Option): выделение перекрывает предыдущее. Четвертый (Shift + Alt или Shift + Option): при наложении одного на другое, остается выделенной только область их пересечения.
Модифицировать. Можно растушевать границы, увеличить или уменьшить площадь выделения на заданные пиксели. Для этого перейдите в раздел «Модификация» в пункте меню «Выделение».
Выделить смежные пиксели. Добавьте к существующему выделению участки, окрашенные примерно в тот же цвет. Сделать это можно с помощью команды «Смежные пикселы» в пункте «Выделение».
Сделать инверсию. Кликните на выделение правой кнопкой мыши, затем в контекстном меню выберите «Инверсия выделенной области». Все, что было не выделено, выделится вместо изначальной области.
Переместить. Выделите область и нажмите «Ctrl + T» (на Mac «Cmd + T») или «Трансформировать выделенную область» в контекстном меню. Теперь участок можно двигать и изменять его размер.
Скопировать или вырезать. Выделите область и нажмите «Ctrl + C» (на Мас «Cmd + C») или «Ctrl + X» (на Мас «Cmd+ X»), чтобы скопировать или вырезать. А затем − «Ctrl + V» (на Мас «Cmd + V»), чтобы вставить участок на новый слой.
Залить. В контекстном меню выберите «Выполнить заливку», чтобы залить выделенную область. Сделать это можно выбранным цветом или с учетом фона. Также в открывшемся окне можно регулировать прозрачность заливки и режим ее наложения.
Обвести. В контекстном меню слоя выберите «Выполнить обводку», чтобы обвести выделение. В открывшемся окне можно выбрать цвет, расположение обводки, а также прозрачность и режим наложения.
Текст
Как написать
Вызовите инструмент «Текст» (T), кликните левой мышью по изображению или выделите участок и начните писать. Когда закончите редактировать, нажмите Enter, чтобы сохранить результат или ESC, чтобы отменить. Измените написанное, кликнув левой кнопкой мыши по тексту, или переместите (при этом в руках должен быть инструмент «Текст»).
Как настроить
Настройте типографику в окнах «Абзац», «Символ» и «Глифы». Если их нет на правой панели, вызовите в пункте «Окно».
Символы. В окне «Символ» выберите шрифт (1) и его начертание (2). Настройте размер шрифта (3), межбуквенное (4) и межстрочное расстояние (5). Выберите цвет (7). В декоративных целях шрифт можно растянуть по ширине или высоте (6) − этой функцией пользуйтесь с осторожностью, сохраняйте читаемость. В настройках ниже (8) можно изменить регистр, подчеркнуть или зачеркнуть текст.
Абзацы. В окне абзац регулируются настройки, связанные с абзацем: выравнивание (1), отступы (2) и переносы (3).
Глифы. В окне «Глифы» находятся спецсимволы, знаки пунктуации и смайлики.
Сохранение настроек. Если планируете тиражировать текст с одинаковыми настройками, сохраните их — не настраивайте каждый раз по новой. В окне «Стили абзацев» сохраните настройки, связанные с абзацами, нажав «Создать новый стиль абзаца». В «Стилях символов» − с помощью команды «Создать новый стиль символов». Чтобы применить сохраненный стиль к тексту, выделите текст и укажите нужный стиль в тех же окнах.
Действия с текстом
С текстовым слоем можно проделывать все то же, что и с обычным (подробнее в разделе «Слои») плюс еще несколько действий.
Деформировать. Выберите «Деформировать» в контекстном меню текстового слоя. В открывшемся окне выберите вид деформации (дугой, волной, надутый, закрученный) и настройки (степень деформации, создать искажение по горизонтали или вертикали).
Написать по контуру или вписать в фигуру. Создайте фигуру любой формы (подробнее в разделе «Фигуры»). Чтобы вписать текст в фигуру, выберите инструмент «Текст» и кликните по ее области. Чтобы писать по контуру фигуры, нажмите на ее границу.
Как выбрать и использовать шрифт: 10 советов
Цвета и градиенты
В этом разделе поговорим о том, где брать цвета, как выбрать оттенок, сохранять свои образцы, накладывать и настраивать градиент.
Основной и фоновый цвета
В Photoshop есть основной и фоновый цвет (1). Находятся они на панели инструментов. Основной цвет нужен для рисования, заливки, обводки, стирания слоя в режиме маски. Фоновый − для заполнения стираемых областей, восстановления слоя в режиме маски и обводки фигуры.
По умолчанию в качестве основного и фонового цветов используются черный и белый. Чтобы к ним вернуться, кликните по их иконке (7).
Как выбрать цвет
Скопировать с изображения. Выберите инструмент «Пипетка» (5) и кликните на тот цвет, который хотите выбрать. В опциях инструмента, в поле «Размер образца», изначально выбран пункт «Точка». Применив «Пипетку», вы скопируете цвет пикселя, на который попали курсором. Этот цвет может сильно отличаться от того, который вы видите. Поэтому поменяйте настройку в поле «Размер образца» на «Среднее 5 x 5». Пипетка будет копировать средний цвет области, состоящей из 25 пикселей.
В палитре. Два раза щелкните по иконке с основным или фоновым цветом для вызова палитры цветов. Чтобы добиться нужного оттенка, в открывшемся окне перемещайте курсор на поле (2) и отрегулируйте ползунок на шкале справа.
С помощью кода цвета. Если известно точное значение цвета, введите его в соответствующее поле (3).
Найти код нужного оттенка можно на сайте color.adobe.com. Найдите цвет по ключевым словам. Допустим, если вам нужен цвет, чтобы нарисовать огонь, введите fire в строку поиска. Найдя нужный, нажмите «Редактировать копию» и скопируйте число из поля HEX.
Из библиотеки цветов (4). Здесь цвета из цветового круга разложены на шкале. Кликните на ее участок и выберите нужный оттенок с помощью цветовых образцов слева.
Из образцов. Откройте окно «Образцы» (6) и выберите один из предложенных вариантов или последних используемых − они отображаются на самой верхней полоске. Сохраняйте сюда свои цвета или загружайте, скачанные с color.adobe.com.
Как наложить градиент
Градиент можно создать двумя способами. Первый: выберите инструмент «Градиент» (1), зажмите левую кнопку мыши и потяните ее в нужном направлении. После наложения эффекта на слой отредактировать его будет нельзя − только накладывать новый или отменять действие.
Второй способ: нажмите на нужный слой правой кнопкой мыши, выберите «Параметры наложения» и перейдите во вкладку «Наложение градиента» (2). Градиент, наложенный таким способом, будет отображаться как эффект в окне «Слои». Его можно скрыть, в любой момент отредактировать или наложить еще один поверх. Поэтому пользуйтесь этим вариантом.
В настройках выберите режим (3), стиль (6) (расположение цветов в градиенте относительно друг друга) и угол (7) наложения градиента. Отрегулируйте непрозрачность (4) и масштаб (8). Кстати, чем больше масштаб, тем больше рассеяна граница цветов. Кликните на поле «Градиент» (5) и в открывшемся окне настройте цвета, их соотношение и прозрачность.
Выберите один из готовых (9) или создайте свой с помощью шкалы (10). На ней нижние ползунки (11) отвечают за цвет и его долю в градиенте. Верхние (12) − за непрозрачность. Для добавления нового ползунка кликните на границу шкалы или перенесите ползунок за границу, чтобы удалить.
Кисти
Выберите нужный цвет (подробнее — в разделе «Цвета и градиенты»), инструмент «Кисть» (1), и можно рисовать. Читайте дальше, и узнаете, как менять форму кисти, ее размер, прозрачность, границы мазка и другие настройки.
Настройки
«Кисть» настраивается с помощью двух органов управления: в опциях инструмента (та панель, что ниже основного меню) и в окне «Настройки кисти».
Настройки. В окне «Настройки кисти» настраивайте форму (8) и размер (10) (размер удобнее регулировать клавишами «[»− уменьшить, «]» − увеличить), жесткость мазка (11) и интервалы между отпечатками кисти (13). Меняйте угол наклона мазка (12). Выбирайте эффекты (9): изменение формы отпечатков, их наклона и границ, наложение шума и текстур на мазок. При этом смотрите, как будет меняться кисть в окне, предназначенном для демонстрации мазка (14).
Опции. Половина настроек в «Опциях» дублируется из «Настроек кисти».
Набор кистей. За иконкой с формой кисти (2) скрываются уже знакомые нам настройки. Интересен в этом окне только большой набор кистей.
Режимы наложения. Такие же, как и у обычного слоя.
Непрозрачность (3). Делает мазок более или менее прозрачным.
Нажатие (4). То же, что и «Непрозрачность». Отличие будет заметно, если снизить показатель нажатия и провести кистью несколько раз в одном и том же месте. Этот участок с каждым мазком будет закрашиваться все сильнее. А при сниженной непрозрачности мазки не будут накладываться друг на друга.
Сглаживание (5). Показатель влияет на плавность линий. На минимуме линия получится такой, какой вы ее нарисуете. На максимуме все изгибы будут плавными.
Симметрия. Чтобы включить функцию симметрии, нужно нажать на значок бабочки на панели «Параметры». Там вы сможете выбрать один из доступных типов симметрии: вертикальная, горизонтальная, двухосевая, диагональная, волнистая, круговая, спиральная, параллельные линии, радиальная или мандала.
Создание своей кисти
Создайте свою форму кисти. Для этого откройте изображение, которое хотите сделать кистью, перейдите в пункт «Редактирование» и нажмите «Определить кисть»: вся картинка запомнится как кисть. Если нужно запомнить определенный участок, перед тем как нажать «Определить кисть», выделите его любым инструментом. После сохранения новая кисть появится в наборах.
Фигуры
Создание
Выберите любую фигуру и растяните ее как угодно мышкой. Чтобы создавать равносторонние фигуры и ровные линии, растягивайте с зажатой клавишей Shift: из овала получится круг, из прямоугольника – квадрат.
В наборе есть шесть фигур: «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Линия», «Многоугольник» и «Произвольная фигура». Если с первыми четырьмя все понятно, разберем две последние.
Многоугольник будет создаваться с количеством сторон по умолчанию или последним выбранным. Чтобы выбрать число сторон, нажмите левой кнопкой мыши по картинке и впишите цифру в соответствующее поле.
Инструмент «Произвольная фигура» предлагает на выбор шаблоны: стрелочки, галочки, сердечки, формы диалога и т. д. Чтобы выбрать их, вызовите окно с набором, щелкнув правой кнопкой мыши по изображению.
Деформация
Деформируйте фигуру. Для этого создайте любую, возьмите инструмент «Перо» или «Выделение узла» и изменяйте с помощью опорных точек. Принципы такие же, как и с трансформацией выделений (подробнее в разделе «Выделение»). С помощью «Пера» можно не только изменять, но и создавать фигуру с нуля. Для этого в его опциях в поле, где написано «Контур», выберите «Фигура». Так можно создавать области любой формы.
Настройки фигур
Настраивается фигура в опциях инструмента и в окне «Свойства». Выберите, каким цветом (1) или градиентом ее залить, какого цвета (2), толщины (3), типа (4) (прямая или пунктирная) будет обводка. В полях «ширина» и «высота» задайте размеры в пикселях (5). Выберите, как фигуры будут накладываться друг на друга (6). Выровняйте фигуру относительно фотографии (7). Переместите слой с фигурой на нужное место относительно других слоев (8).
Удаление и перемещение элементов
С помощью инструментов коррекции удаляйте с изображения объекты, людей, тексты или водяные знаки. Я выделил пять, на мой взгляд, наиболее удобных инструментов коррекции: «Штамп», «Восстанавливающая кисть», «Заплатка», «Перемещение с учетом содержимого» и «Волшебный ластик».
Штамп
«Штамп» (S) позволяет скопировать участок изображения и добавить его в другую область. Выберите инструмент, зажмите Alt (на Мас — Option) и обведите, какой участок следует скопировать. Опции «Штампа» похожи на опции «Кисти»: размер курсора, форма, жесткость, прозрачность, нажатие.
Восстанавливающие кисти
Восстанавливающих кистей существует два вида: «Обычная» и «Точечная». «Обычная» восстанавливает с учетом выбранной области. «Точечная» восстанавливает закрашенную область с учетом ее фона.
Заплатка
С помощью «Заплатки» или любого инструмента для выделения обведите определенный участок, затем замените его другой областью картинки.
Перемещение с учетом содержимого
Выделите нужный объект, перенесите в другое место и нажмите Enter. Область, откуда был вырезан этот объект, автоматически заполнится с учетом фона. Как и предыдущий инструмент «Перемещение с учетом содержимого» работает с любыми выделениями.
Волшебный ластик
Если нужно вырезать какой-то объект на однородном фоне, воспользуйтесь инструментом «Волшебный ластик».
Подготовка и сохранение файлов
Как сохранить
Чтобы сохранить файл, откройте пункт «Файл» в меню. Существуют три команды для сохранения: «Сохранить», «Сохранить как» и «Экспортировать».
«Сохранить» (Ctrl + S или для Мас Cmd + S). Картинка автоматически сохраняется вместо своей изначальной версии.
«Сохранить как…» (Ctrl + Shift + S или для Мас Cmd + Shift + S). Открывается окно, в котором можно выбрать формат файла, название и путь.
«Экспортировать как…» (Alt + Ctrl + Shift + W или для Мас Option + Cmd + Shift + W). Эта команда позволяет перед сохранением поменять формат, качество картинки, размер, название и путь.
Что следует проверить перед сохранением
Перед сохранением проверьте шесть параметров: размер, разрешение, глубину цвета, цветовую модель, цветовой профиль и формат файла.
Размер и разрешение. Поменяйте разрешение в пункте «Изображение», разделе «Размер изображения». Если сохраняете картинку для соцсетей, поставьте разрешение 72 пикселя на дюйм − некоторые соцсети не пропускают изображения с большим расширением. Для сайта выберите значение 120–150 − изображение с большим разрешением будет слишком тяжелым. Для печати − не менее 300 пикселей/дюйм, а размеры выставьте в мм или см.
Глубина цвета. В окне «Режим» выберите глубину цвета. Сохраняйте в системе 8 бит/канал, когда картинка готова для печати или интернета и не требует дальнейших изменений. Больше бит на канал − это неоправданно большой размер и невозможность сохранить в jpeg. Сохраняйте в 16-канальной системе исходники, если планируете дальше с ними работать.
Цветовая модель. В окне «Режим» выберите и цветовую модель. Для печати − CMYK. Если картинку будут смотреть с мониторов − RGB.
Цветовой профиль. Эта настройка влияет на цветопередачу изображения. Чтобы настроить цветовой профиль, в пункте «Редактирование» перейдите во вкладку «Настройки цветов». Чтобы цвета отображались примерно одинаково и правильно на большинстве мониторов, в поле настройки выберите «Универсальные настройки для Европы 3».
Формат файла. Сохраняйте в jpeg готовую картинку для интернета. Она совсем немного потеряет в качестве, зато будет гораздо легче, чем в png. В psd сохраняйте, чтобы в дальнейшем файл можно было открыть в программе и доработать − это формат Photoshop. В tiff − когда собираетесь отдавать в типографию: он нужен для высококачественной печати.
Как создавать градиенты вокруг объектов неправильной формы в Photoshop | Small Business
Adobe Photoshop предоставляет универсальные инструменты и методы, которые помогают создавать сложные изображения с использованием градиентов, нерегулярных объектов и слоев. Слои позволяют каждому объекту иметь свою собственную плоскость, что позволяет управлять ими независимо от других. Возможно, вы создаете маркетинговые материалы для бизнеса, используя существующее изображение. Используйте слои Photoshop, чтобы разместить градиент на одном слое, а объект — на более высоком слое, чтобы создать впечатление окружающего его градиента.
Откройте файл изображения, содержащий ваш объект.
Щелкните правой кнопкой мыши слой, содержащий объект, на панели «Слои» и выберите «Слой из фона». Введите имя слоя в появившемся диалоговом окне «Новый слой» и нажмите «ОК», чтобы преобразовать слой из заблокированного фона в разблокированный слой
Щелкните значок страницы в нижней части панели «Слои», чтобы создать новый слой для градиента.Он появится над слоем объекта на панели «Слои» и автоматически выделится.
Выберите меню «Окно» и выберите «Параметры», чтобы отобразить панель параметров, если она еще не видна. Выберите инструмент «Градиент» на панели инструментов. Возможно, вам придется удерживать инструмент «Ведро с краской», чтобы его увидеть.
Щелкните внутри поля градиента на панели параметров, чтобы открыть окно редактора градиента, где вы можете выбрать другой предустановленный градиент или отредактировать выбранный градиент. Чтобы изменить цвета, дважды щелкните небольшой прямоугольник в нижней части цветовой шкалы слева и выберите нужный цвет из всплывающего палитры цветов.Щелкните «ОК». Повторите то же самое для цветного поля в правом нижнем углу. Создается градиент с выбранными вами цветами. Нажмите «ОК», чтобы закрыть окно редактора градиентов.
Выберите тип градиента на панели параметров. Например, выберите «Радиальный градиент», чтобы создать круговой узор.
Перетащите курсор через рабочую область изображения и отпустите, чтобы применить градиент. Для круглой формы, исходящей наружу, начните перетаскивание с середины области изображения и перетащите наружу. Экспериментируйте, чтобы добиться желаемого эффекта.
Перетащите слой градиента на панель «Слои» так, чтобы он находился под слоем, содержащим объект.
Щелкните слой, содержащий объект. Выберите инструмент «Волшебная палочка» на панели инструментов и щелкните в области фона вашего объекта, чтобы выбрать его. Лучше всего это работает с однотонным фоном, который хорошо контрастирует с объектом.
Нажмите кнопку «Удалить», чтобы удалить фон и позволить градиенту просвечивать. Возможно, вам придется повторить это, чтобы выбрать несмежные области цвета на фоне.
Ссылки
Советы
- Для точной настройки выбора Magic Wand нажмите кнопку «Уточнить край» на панели параметров. Щелкните «Smart Radius» в разделе «Обнаружение краев». При необходимости отрегулируйте радиус, наблюдая за тем, как он влияет на выбор изображения. Вы можете поиграть с этими настройками, чтобы добиться нужного качества. Например, переместите ползунок «Smooth» в разделе «Adjust Edge», чтобы получить более плавное выделение. Нажмите «OK», чтобы закрыть окно «Refine Edge».
Писатель Биография
Уилла Данн пишет с 1970 года. Она написала контент для веб-сайтов, а также техническую документацию, стихи и художественную литературу. Она специализируется на изделиях, связанных с садоводством и технологиями. Данн учился в Иллинойском технологическом институте и Иллинойском университете, изучая фотографию и информатику. Она увлекается домашним садоводством.
Как изменить цвет формы в Photoshop — Креатив Брендана Уильямса
После создания формы в Photoshop у вас может не оказаться того цвета, который вы ищете.К счастью, есть множество простых способов изменить цвет любой созданной вами фигуры. От сплошных цветов до градиентов есть множество вариантов, которые подойдут вашему стилю. Давайте начнем с самого простого способа изменения цвета фигуры в Photoshop.
Чтобы изменить цвет формы в Photoshop, выберите слой с фигурой на панели слоев, затем нажмите U, чтобы активировать инструмент формы. На верхней панели настроек появится опция «Заливка». Щелкнув параметр «Заливка», выберите новый цвет из предоставленных образцов цвета, который будет применяться к вашей форме.
Этот простой метод позволяет изменить цвет фигуры за секунды, но это только верхушка айсберга. Итак, давайте углубимся в этот процесс, чтобы предоставить вам самые разнообразные варианты изменения цвета!
Как изменить цвет формы в Photoshop
Шаг 1. Создайте новый слой-фигуру
Давайте не будем забегать вперед и начнем менять цвета, прежде чем у вас появится форма!
Нажмите U на клавиатуре, чтобы получить доступ к инструментам фигур, или найдите его на панели инструментов, чтобы создать новую форму.
В Photoshop доступны различные инструменты фигур: круги, прямоугольники, треугольники и пользовательские формы. Чтобы найти эти различные инструменты, нажмите и удерживайте значок инструмента формы, чтобы открыть соответствующие инструменты.
Кроме того, вы можете нажать Shift + U , чтобы переключаться между различными параметрами инструмента формы.
Выбрав нужный инструмент формы, щелкните и растяните холст, чтобы создать новую форму. Это добавит вашу фигуру на холст и создаст новый слой-фигуру на панели слоев.
Если вам сложно создать форму, как показано выше, убедитесь, что для вашего режима инструмента установлено значение «Форма» на верхней панели настроек.
Шаг 2. Выберите слой-фигуру на панели слоев
Это должно быть сделано автоматически, если вы только что создали новую фигуру на холсте. Если нет, просто нажмите на слой-фигуру, чтобы выбрать его, отмеченный выделением.
Шаг 3. Выберите инструмент «Форма»
Выделив слой-фигуру, убедитесь, что инструмент «Форма» активен, чтобы отобразить параметры заливки и обводки цветом на верхней панели настроек.
Шаг 4. Щелкните параметр «Заливка» на верхней панели настроек.
Теперь вы увидите настройки «Заливка» и «Обводка» на верхней панели настроек. Пока ваш слой-фигура выбран, вы увидите здесь отображаемые активные цвета.
Чтобы изменить общий цвет вашей формы, щелкните на опции «Заливка».
Откроется панель с различными предустановленными образцами цветов и списком недавно использованных или выбранных цветов. Они предоставляют быстрый способ найти сплошной цвет, который можно добавить к вашей форме.
Если вы не видите нужный цвет, нажмите на палитру цветов в правом верхнем углу этой панели.
В появившемся палитре цветов вы можете выбрать идеальный цвет для заливки вашей формы. Затем, когда вы будете довольны, нажмите ОК, чтобы применить цвет к вашей фигуре.
После изменения цвета заливки к вашей фигуре будет применен новый цвет!
Шаг 5. Нажмите «Обводка» на верхней панели настроек.
Параметр обводки управляет цветом контура вашей формы.В этом примере мне не нужен контур вокруг моей фигуры. Следующие шаги расскажут, как сделать контур прозрачным. Чтобы узнать, как обрисовать что-либо в Photoshop, ознакомьтесь с этим уроком.
Щелкните настройку обводки, выберите белое поле с красной линией, проходящей через него, чтобы сделать контур невидимым. Таким образом, вы увидите только цвет заливки вашей формы.
Шаг 6: Полюбуйтесь своими формами, новый цвет!
С помощью этих простых шагов вы теперь успешно изменили цвет вашей формы в Photoshop.
Как изменить цвет растрированной формы в Photoshop
Чтобы изменить цвет растеризованной формы, создайте новый слой цветовой заливки, выбрав «Слой»> «Новый слой заливки»> «Сплошной цвет» и установите желаемый цвет. Поместив слой заливки над слоем формы, добавьте обтравочную маску к слою цветовой заливки, чтобы заполнить форму новым цветом.
Если ваша фигура растрирована, метод, описанный в предыдущем разделе, больше не будет работать. К счастью, использование слоя с цветной заливкой позволяет легко решить эту проблему.
После растрирования фигуры у вас остается один слой растеризованной фигуры на панели слоев. Теперь вам нужно создать слой с цветной заливкой над этой фигурой.
Чтобы создать новый слой цветовой заливки, перейдите в Слой > Новый слой заливки> Сплошной цвет . Из появившихся вариантов переименуйте слой, чтобы он оставался организованным, затем выберите цвет, который хотите добавить к своей форме. Не волнуйтесь; это можно изменить позже.
Выбрав цвет, убедитесь, что ваш слой цветовой заливки находится на выше слоя-фигуры на панели слоев.
Теперь щелкните правой кнопкой мыши слой с цветной заливкой и выберите «Создать обтравочную маску».
Слой цветовой заливки будет ограничен формой, к которой он привязан, и заменит исходный цвет заливки.
Если вы хотите изменить этот цвет позже, просто щелкните значок слоя цветовой заливки, чтобы открыть палитру цветов и выбрать новый цвет.
Это еще один простой способ изменить цвет фигуры в Photoshop, который пригодится при работе с растрированными формами!
Как заполнить форму градиентом в Photoshop
Чтобы залить форму градиентом в Photoshop, создайте новый слой градиентной заливки, выбрав «Слой»> «Новый слой заливки»> «Градиент».После создания градиентной заливки поместите ее над слоем с фигурой, затем щелкните правой кнопкой мыши слой с градиентом и выберите «Создать обтравочную маску», чтобы заполнить форму градиентом.
Давайте разберем это подробнее.
Сначала создайте слой-фигуру, используя шаги, упомянутые ранее в этой статье, если вы еще этого не сделали. Затем перейдите к Слой > Новый слой заливки> Градиент , чтобы создать новый слой градиентной заливки.
На панели градиентной заливки вы можете выбирать между широким диапазоном параметров градиента и получать доступ к редактору градиента.В качестве примера давайте создадим новый градиент.
Сначала щелкните Редактор градиента.
Затем откройте папку «Основные» и выберите предустановку градиента «Черный, белый».
В предварительном просмотре градиента дважды щелкните образцы черного и белого цветов, чтобы изменить их цвет. В этом примере я переключу свой градиент на что-то более красочное, а затем нажмите OK, чтобы выйти из редактора градиента.
Теперь вы можете выбрать параметры отображения градиента.В этом уроке я более подробно разбираю каждую из этих настроек, поэтому здесь я буду краток.
Поскольку мне нужен градиент, переходящий в линию от одного цвета к другому, я выберу параметр «Линейный градиент». Затем я отрегулирую угол, чтобы изменить источник градиента.
Когда вы будете довольны внесенными вами изменениями, нажмите OK, чтобы выйти из параметров градиентной заливки.
Теперь градиент захватит весь холст, но не беспокойтесь! Обтравочные маски здесь, чтобы спасти положение.Просто щелкните правой кнопкой мыши слой с градиентной заливкой и выберите «Создать обтравочную маску».
Теперь градиент будет виден только внутри слоя формы, к которому он привязан, эффективно заполняя вашу форму градиентом в Photoshop!
Если вы хотите изменить градиентную заливку позже, вы можете дважды щелкнуть по миниатюре заливки градиентного слоя, чтобы изменить настройки.
Как сделать цвет фигуры прозрачным в Photoshop
Чтобы сделать цвет заливки фигуры прозрачным в Photoshop, выберите слой-фигуру на панели «Слои», затем выберите инструмент «Фигура» (U).На верхней панели настроек нажмите на опцию «Заливка» и выберите образец белого цвета с красной линией через него. Теперь цвет заливки вашей фигуры прозрачный.
Это может быть чрезвычайно полезно, если вам нужен только контур фигуры, а не сплошные цвета.
Чтобы лучше понять, давайте разберем процесс шаг за шагом.
Сначала выберите слой-фигуру на панели «Слои» или создайте новую фигуру, если вы еще этого не сделали.
Теперь откройте инструмент Shape Tool, чтобы отобразить настройки формы на верхней панели.Из предложенных здесь вариантов нажмите «Заливка».
Внутри появившейся панели вы заметите образец белого цвета с красной линией через него. Он представляет собой прозрачность, поэтому, когда он выбран, цвет вашей формы будет невидимым.
На данный момент ваша форма полностью прозрачна, но давайте добавим контур, чтобы мы могли использовать эту форму для чего-то. Нажав на опцию «Обводка», выберите любой цвет, которым будет выделена прозрачная доля. Затем отрегулируйте ширину обводки, чтобы изменить толщину контура фигуры.
Теперь у вас остался только контур вашей фигуры, который идеально подходит для стилизации ваших изображений!
Используя шаги, которые вы узнали в этом посте, теперь вы знаете, как изменить цвет формы в Photoshop, как профессионал. От сплошных цветов, градиентов или прозрачных форм — все это можно сделать всего за несколько кликов!
Счастливого редактирования,
Брендан 🙂
Учебное пособие по заливке пользовательских фигур в Photoshop, как изменить цвет в CC CS6 с использованием градиентов и т. Д.
Как изменить цвет заливки пользовательских фигур Photoshop в Photoshop CC / CS6 CS5 и т. Д. (Например, цвет / градиент и т. Д.).Вы можете заливать фигуры Photoshop как слой градиентами, а также сплошными цветами и узорами. Вы можете заполнить фигуры Photoshop изображениями, используя изображение в качестве шаблона (или шрифта и т. Д.). Вы также можете применить цвет заливки к форме (вариант в пикселях), используя иллюстрацию на слое, а затем используя прозрачность для выделения и заливки градиентами или фотографиями и т. Д. Вы также можете использовать заливку без цвета, а затем установить обводку для создания контура. Вы можете изменить цвет формы, выбрав инструменты формы или используя содержимое заливки меню слоя.Вы также можете изменить цвет, используя настройки как фигуры / смарт-объекты и т. Д. В этом уроке показано несколько способов изменить цвет заливки фигур Photoshop.
Покупка нестандартной формы
7,79 $ (также GBP и т. Д.) За комплект, формат CSH, скачать
КУПИТЬ 13 000 пользовательских форм для Photoshop CC 2017 2015 2014 CS6 CS5 и т. Д. И элементов Photoshop — установите цвет фигур на любой цвет заливки в Photoshop CSH 13 000 пользовательских форм для Photoshop и Elements
Выберите форму
Выберите инструмент пользовательской формы Photoshop
Перейти к заливке вдоль верхней панели
Изменить на градиент или узор и т. Д.
Параметры заливки и изменение цвета пользовательских фигур Photoshop
С Adobe ® Photoshop ® CC 2017 2015 CS6 вы можете легко изменить цвет формы с помощью раскрывающегося списка параметров заливки и обводки вдоль верхней панели Adobe ® Photoshop ®.Вы также можете заполнить их градиентами, а также узорами, а также применить к рисунку различные настройки обводки (хотя, к сожалению, не включая красивые обводки из Illustrator — возможно, для другой версии?). Все они доступны через инструмент пользовательских фигур и панель предустановок. Вы также можете заполнить их изображениями с помощью узоров, поскольку вы можете определить любое большое изображение как узор, а затем выбрать его из раскрывающейся панели. Векторный рисунок (как слой) можно перекрашивать с помощью инструмента CSH или если был выбран инструмент прямоугольник, эллипс и т. Д.В качестве цвета заливки слоя можно задать сплошной цвет, а также градиент и узор.
Заливка без цвета для слоев формы Photoshop
Вы также можете установить для заливки значение «Без цвета», и я знаю, что это звучит немного скучно, но на самом деле это очень полезно, так как затем вы можете просто использовать обводку (и обводка, и заливка могут быть без заливки и могут иметь свое применение, например, слои с тенью и другие эффекты).
«Без заливки» означает, что вы можете создавать все виды произведений искусства только с помощью мазков, и обводка может иметь всевозможные настройки, такие как тире.
Выбрать инструмент произвольной формы на панели инструментов Photoshop
Выбрать вариант формы
Выберите нестандартную форму
Перейдите к заливке и установите параметр «без цвета»
Перейдите к обводке, установите черный цвет и установите ширину линии
Параметр сплошного цвета для слоев-фигур
Можно установить сплошной цвет заливки для слоя графического объекта.Просто выберите вариант сплошного цвета, когда вы применяете произвольную фигуру в качестве слоя фигуры.
Вы можете использовать любой из цветов из отображаемых образцов, а также добавлять любые доступные наборы образцов.
Конечно, вы также можете установить обводку независимо от заливки, которая может быть градиентом или узором или без обводки.
Выберите инструмент произвольной формы
Выберите вариант формы
Выберите форму
Примените форму
Перейти к заливке или обводке вверху приложения
Измените цвет с помощью образцов или воспользуйтесь палитрой цветов справа от панели цветов
Градиенты для слоев настраиваемых фигур
Вы можете установить цвет настраиваемой формы на градиент, а затем выбрать любой из элементов, включенных в отображаемую панель.Вы можете загрузить тысячи дополнительных пресетов, таких как наша коллекция градиентов, но есть много дополнительных, доступных в Интернете. Вы можете загрузить их через меню справа, например, заменить и загрузить.
Вы можете установить угол, режим и т. Д., Хотя вы ограничены в том, что вы можете изменить с помощью панели (вы можете использовать следующую технику для изменения начала координат и т. Д.).
Если у вас есть один векторный рисунок (он не отображается, если выбрано более одного), вы также можете изменить градиент через меню слоя и параметры содержимого слоя, чтобы вы могли изменить градиент на радиальный или ромбовидный, а также изменить происхождение, а также масштаб и др.
Инструмент выбора нестандартной формы
Выбрать форму
Выбрать заливку
Установить градиент (3-я запись)
Используйте средство выбора предустановленных градиентов, чтобы выбрать градиент
Изменить стиль градиента
Использование параметра «Узоры» с инструментом «Пользовательские фигуры» и слоями фигур
Вы можете установить цвет заливки / пользовательской формы в соответствии с узором.
Вы можете использовать любой из предопределенных шаблонов, включенных в панель, а также любой из элементов, доступных в правом боковом меню. Вы также можете определить свои собственные или использовать уже готовые, доступные в Интернете (например, на этом сайте). Вы также можете использовать любое сверхбольшое изображение, а затем определить его как узор и использовать его с помощью этой опции (если оно намного больше формы, тогда не имеет значения, бесшовное произведение или нет).
Вы также можете установить масштаб изображения.Если у вас выбрано только одно произведение искусства, вы можете изменить узор, такой как начало координат, масштаб и т. Д., С помощью параметров содержимого слоя в меню слоя.
Инструмент выбора нестандартной формы
Выбрать форму
Выбрать заливку
Установить на шаблон (4-я запись)
Использовать средство выбора предустановленных шаблонов
Выбрать шкалу и т. Д.
Изменение цвета, если был выбран параметр пикселей для пользовательских фигур
Вы не можете изменить цвет заливки с помощью раскрывающегося списка, если вы выбрали параметр пикселей.Вы можете изменить цвет перед добавлением рисунка.
Быстрое решение этой проблемы — добавить вектор к слою, а затем использовать различные функции настройки для изменения цвета позже.
Вы также можете волшебной палочкой выбрать область произвольной формы в Adobe ® Photoshop ®, которая затем может быть заполнена градиентами, изображениями (с помощью команды «Вставить в»), а также узорами. Через содержимое заливки слоя)
Меню «Слой» на панели инструментов Photoshop
Новый слой
Инструмент нестандартных форм
Установить цвет
Применить форму как пиксель / заливку
Выбрать меню
Выбор нагрузки
Выбрать прозрачность
ОК
Заливка градиентом и т. Д. С помощью инструмента градиент
Изменение цвета слоя-фигуры, если инструменты фигур выбраны или нет.
Вы можете изменить цвет фигур, выбрав один из инструментов фигур.
Вы можете изменить настройки цвета для пользовательской формы, не выбирая инструменты формы, вы можете
меню слоя
параметры содержимого слоя
Изменение градиента и т. Д. В зависимости от того, является ли это узором, градиентом или сплошным цветом
К сожалению, вы не можете изменить на градиент или твердое тело и т. Д., Вы можете изменить только настройки, такие как смещение градиента или изменение стиля и т. Д.
Альтернативные подходы к изменению цвета фигур Photoshop
Как и большинство других вещей в Photoshop, есть также другие способы приблизиться к цвету фигур Photoshop
Вы также можете просто скопировать иллюстрацию в Illustrator и перекрасить ее там.
Вы можете превратить иллюстрацию в смарт-объект, а затем использовать интеллектуальные настройки, чтобы перекрасить его, например, в черно-белый или LUT и т. Д.
Вы также можете использовать фильтры, такие как Camera Raw, для изменения цвета и т. Д. Есть еще несколько способов.
Сопутствующие товары
1. Буквы алфавита и буквы произвольной формы
2. Старинный шрифт и исторический алфавит нестандартной формы
3.Волнистые волнистые нестандартные формы
Учебники
1. Как использовать пользовательские формы для создания карт смещения в Photoshop
2. Как использовать Poser / Illustrator / Photoshop для создания пользовательских фигур на тему животных
2 простых способа сделать прозрачный градиент в Photoshop
Градиент добавляет мягкости изображениям, и вы можете использовать его для создания эффекта выцветания. Мне нравится использовать градиент, чтобы смешать цвета с моим изображением, чтобы придать ему особый эффект.Этот простой трюк может улучшить дизайн, и сегодня вы узнаете, как это сделать!
В этом уроке я покажу вам два самых простых способа сделать прозрачный градиент в Photoshop и несколько быстрых советов по редактированию градиента.
Вы можете использовать инструмент «Градиент», чтобы напрямую добавить градиент к изображению, или поиграйте с маской слоя, чтобы создать эффект прозрачного градиента в Photoshop.
Давайте посмотрим на быстрый пример того, как добавить прозрачный градиент к этому изображению заката.
2 быстрых метода создания прозрачного градиента в Photoshop
Есть несколько способов добавить прозрачный градиент к вашему изображению в Photoshop, и два из них, приведенные ниже, являются самыми быстрыми и простыми.
Примечание. Снимки экрана взяты из версии Adobe Photoshop CC 2021 для Mac. Windows или другие версии могут выглядеть немного иначе.
Метод 1: Инструмент «Градиент»
Как я кратко упоминал ранее, вы можете напрямую добавить градиент поверх слоя изображения, чтобы создать эффект прозрачного градиента с помощью инструмента «Градиент».
Шаг 1: Откройте изображение в Photoshop.
Шаг 2: Выберите цвет с помощью палитры цветов.
Шаг 3: Выберите инструмент Gradient Tool (M) , перейдите в верхнее меню и нажмите на Редактор градиента.
В редакторе градиента вы можете выбрать предустановки, тип градиента, плавность и переместить ползунок, чтобы изменить то, как вы хотите, чтобы градиент выглядел.
Советы. Уменьшите Непрозрачность в верхнем меню, если вы хотите создать более мягкий и естественный градиент.
Шаг 4: Щелкните изображение и перетащите его в том направлении, в котором должен появиться градиент. Например, я собираюсь щелкнуть край фотографии и перетащить ее к центру.
Видите, я применил только прозрачный градиент к нижней части.
Советы: вы также можете создать слой градиента, но это не дает вам гибкости в выборе области градиента.
Примечание. Когда вы добавляете слой градиента, он применяет градиент ко всему изображению.
Метод 2: маска слоя
Этот метод позволяет вам смешать ваше изображение с однотонным фоном.
Шаг 1: Откройте изображение в Photoshop.
Шаг 2: Создайте новый слой Solid Color и выберите цвет. Например, я выбрал темно-серый цвет.
Примечание. Сплошной цвет — это прозрачный градиент, который будет отображаться на вашем изображении.
Шаг 3: Выберите новый слой и перетащите его под изображение.Таким образом, слой изображения заката находится над слоем цветного фона. (Как показано на скриншоте ниже в шаге 4).
Шаг 4: Выберите слой изображения и добавьте маску слоя.
Шаг 5: Выберите инструмент «Градиент» и при необходимости отредактируйте его в редакторе градиентов.
Шаг 6: Щелкните и перетащите область, для которой требуется эффект прозрачного градиента, на маске слоя. Я снова нажимаю на нижнюю часть изображения и перетаскиваю его к центру.
Примечание: вы должны добавить градиент на маску слоя.
Заключение
Ключ к созданию красивого естественного прозрачного градиента — это настройка непрозрачности и направления градиента (стиля). Когда тон градиента установлен, вы можете использовать любой из описанных выше методов (или комбинировать оба метода), чтобы быстро добавить прозрачный градиент к вашему красивому изображению.
Примерно 9000 июня 2 Джун — опытный графический дизайнер, специализирующийся на дизайне брендов.Photoshop — важный инструмент, который она использует каждый день вместе с другими программами Adobe для своей творческой работы.
Photoshop Elements 15 инструментов для применения заливок и обводок
Каждый выделенный фрагмент обведен рамкой. Граница может быть прозрачной или иметь цвет. Цвет границы также известен как цвет обводки. Цвет внутри границы называется цветом заливки. Когда вы применяете заливку к выделению в Elements, вы применяете цвет, узор или градиент к части или ко всему выделению.Хотя вы можете использовать кисть для нанесения цвета, быстрее и проще использовать заливку для больших областей.
В этой статье мы узнаем, как применять заливку и обводку к вашим изображениям.
Инструмент для ведра с краской
Инструмент «Заливка» — это инструмент заливки, который можно использовать для заливки всей области изображения или выбранной области. Вы также можете использовать Paint Bucket, не делая выбора. Когда вы это сделаете, Paint Bucket закрасит для вас области одинакового цвета. При использовании инструмента «Заливка» вы можете использовать цвет переднего плана или узор.
Чтобы использовать инструмент «Заливка», выберите ведро с краской на панели «Инструменты». Выглядит это так:
Затем выберите нужные параметры на панели «Параметры инструмента».
В разделе «Заливка» выберите, хотите ли вы заливку цветом переднего плана или узорную заливку , щелкнув одно из двух полей.
Затем щелкните по той части изображения, которую вы хотите заполнить. Ведро с краской автоматически заполнит эту область.
Давайте воспользуемся снимками, чтобы показать вам, как заполнить область изображения.
Ниже приведено изображение, которое мы собираемся использовать.
Мы собираемся использовать цвет переднего плана для заливки.
Мы собираемся применить цвет переднего плана к области неба на картинке выше. Поскольку мы выбрали опцию «Смежные» на панели «Параметры инструмента», все пиксели одного цвета, расположенные рядом друг с другом, будут окрашены. Нам не нужно делать выбор.
Чтобы применить цвет заливки с помощью инструмента «Заливка», мы щелкаем в области, в которой хотим применить цвет переднего плана.
Вы можете увидеть результат ниже.
Помните, что вам может потребоваться увеличить или уменьшить допуск, чтобы получить точные результаты, которые вы хотите.
Инструмент «Градиент»
Вы можете заполнить область градиентным цветом, перетащив изображение внутри изображения или используя инструмент «Градиент».
Инструмент «Градиент» расположен рядом с ведром с краской на панели «Инструменты». Выглядит это так:.
Градиент — это смесь цветов. Используя инструмент «Градиент», вы можете создать собственное сочетание цветов, а затем применить эти сочетания к своим изображениям.
Давайте узнаем как.
Щелкните инструмент «Градиент», затем установите параметры на панели «Параметры инструмента», как показано на рисунке ниже.
Вы можете использовать следующие типы градиентов:
Эти типы градиентов отображаются в виде кнопок на панели параметров инструмента:
Вы можете навести указатель мыши на кнопку, чтобы увидеть, какой это тип градиента.
Затем выберите свой градиентный узор.
Щелкните стрелку раскрывающегося списка рядом с миниатюрой градиента.
Щелкните стрелку раскрывающегося списка справа от значения по умолчанию, чтобы выбрать градиент.
Теперь применим градиент.
Чтобы применить градиент, мы собираемся провести линию через область изображения. Это наша отправная точка, которая повлияет на внешний вид градиентной заливки. Например, длинная линия с использованием алмазного градиента создаст ромбовидную форму большего размера.
Вы можете увидеть линию на нашем изображении ниже.
Вы можете увидеть нашу градиентную заливку на следующем снимке.
Использование редактора градиентов
Вы можете использовать редактор градиентов для создания собственных градиентов. Градиенты содержат два или более цвета или один или несколько цветов, которые переходят в прозрачность.
Редактор градиента находится на панели параметров инструмента градиента.
Нажмите кнопку «Редактировать», чтобы открыть редактор градиентов.
Для создания или определения градиента:
- Выберите градиент из предустановок.Это определит новый градиент, который вы собираетесь создать.
- Выберите цвет, щелкнув по значку цвета, чтобы открыть палитру цветов. Вы также можете щелкнуть Color Stop, затем раскрывающееся меню Color, чтобы увидеть образцы цвета.
Чтобы сохранить новый градиент в предустановках, нажмите кнопку «Добавить к предустановке», затем введите имя градиента в поле «Имя».
Узоры
Вы можете рисовать узоры на изображениях с помощью инструмента «Узорный штамп».
Чтобы использовать инструмент «Узорный штамп», щелкните инструмент «Клонировать штамп» на панели «Инструменты», затем щелкните инструмент «Узорный штамп» на панели «Параметры инструмента».
Инструмент Pattern Stamp выглядит так:.
Инструмент «Узорчатый штамп» использует узор из текущего изображения, другого изображения или из существующего узора. Вы выбираете, какой узор использовать.
Чтобы использовать инструмент «Узорный штамп», начните с нажатия на инструмент на панели «Параметры инструмента».
Выберите рисунок в поле рисунка.
Задайте другие параметры по своему усмотрению, затем щелкните и перетащите изображение, чтобы создать узор. К этому моменту вы должны быть знакомы со всеми параметрами, перечисленными на панели параметров.
Ниже изображение с нанесенным рисунком.
Чтобы создать свой собственный паттерн вместо использования одного из предустановленных паттернов Element:
- Выберите прямоугольную область изображения с помощью инструмента «Прямоугольная область». Выделение должно содержать часть изображения, которую вы хотите использовать в качестве узора.Это может быть небо или что угодно, как мы это сделали ниже.
- Установите значение «Растушевка» на 0 на панели предварительных настроек «Прямоугольная область».
- Снимите выделение со всего, чтобы создать узор из всего изображения.
- Перейдите в Edit> Define Pattern from Selection. Затем вы увидите диалоговое окно Pattern Name.
- Введите имя для вашего нового рисунка в поле. Щелкните кнопку ОК.
Теперь вы можете увидеть новый узор на панели параметров инструмента «Узорный штамп», как показано ниже.
штрихов
Обводки можно использовать для обведения цветного контура вокруг выделения.
Чтобы добавить штрихи, выделите область на изображении.
Перейдите в Edit> Stroke (Outline) Selection.
В диалоговом окне Stroke:
По завершении нажмите кнопку ОК.
На изображении ниже выделите область с помощью инструмента «Прямоугольная область» и примените красный цвет обводки.
слоев
Если вы никогда не работали с какими-либо программами для редактирования фотографий, использование слоев может просто заставить вас съежиться.На первый взгляд большинству людей слои кажутся сложными, и их используют только опытные художники-графики и редакторы. Но прямо сейчас вам нужно знать, что это не так.
Слои на самом деле довольно просты. Более того, это даже весело. Думайте о слоях как о листах стекла. Вы можете рисовать на всех этих листах стекла, а затем складывать их друг на друга, чтобы создать одно изображение. А поскольку это стекло, вы можете видеть сквозь него от верхнего слоя до нижнего.
При работе со слоями вы можете складывать созданные вами изображения или фотографии.Вы можете установить прозрачность и размер одной фотографии, когда вы накладываете ее на другую, чтобы создавать собственные изображения. Нет ничего сложного. В этом разделе мы расскажем, что вам нужно знать о слоях, чтобы делать все это и многое другое.
Панель слоев
Первое, что вам понадобится при работе со слоями, — это панель «Слои». Чтобы просмотреть панель «Слои», выберите «Окна»> «Слои».
Панель «Слои» появится в подборке панелей.
Как видите, панель «Слои» автоматически показывает изображение, которое есть в нашей рабочей области, в виде эскиза.Он также отображает все слои изображения в виде эскизов.
Это фоновый слой.
Фоновый слой — это изображение, которое вы изначально открывали в рабочей области.
Все добавленные вами слои отображаются в виде эскизов над фоновым слоем. Вы можете создать до 8000 слоев в изображении.
Изображение, которое появляется в нашей рабочей области, показано ниже. Если вы посмотрите на панель «Слои», вы увидите, как мы использовали слои на этом изображении.Если вы все еще не понимаете, как работают слои, это должно прояснить вам ситуацию.
Создание слоев
Когда вы создаете новый слой, вы, по сути, создаете прозрачное изображение, которое накладывается на существующее.
Чтобы создать слой, нажмите кнопку «Новый слой» в верхнем левом углу панели «Слои». Выглядит это так:.
Как вы можете видеть на снимке ниже, новый прозрачный слой мгновенно создается поверх фонового слоя.
Именование слоев
Если ваше изображение содержит несколько слоев, может быть трудно найти слой, с которым вы хотите работать. Именование слоев помогает решить эту проблему.
Чтобы назвать слой, дважды щелкните по нему и введите имя.
Создание слоя заливки
Слой, который мы создали выше, был прозрачным. Однако Photoshop Elements дает вам возможность создавать несколько различных типов слоев. Например, вы можете создать слой заливки из узора.
Чтобы создать слой заливки, перейдите в Слой> Новый слой заливки> Узор.
После этого вы увидите диалоговое окно «Новый слой».
В поле «Имя» введите имя слоя. Вы также можете выбрать цвет и режим наложения.
Щелкните кнопку ОК.
Затем выберите узорную заливку для слоя.
Щелкните кнопку ОК.
Если мы посмотрим на панель «Слои», то увидим, что новый слой заливки был помещен над фоновым слоем.
Затем мы можем посмотреть на изображение, чтобы увидеть, как новый слой меняет свой внешний вид.
ПРИМЕЧАНИЕ. Вы также можете создать слой заливки, перейдя на панель «Слои» и нажав кнопку «Создать новый слой заливки или корректирующий слой», а затем выбрав тип слоя, который вы хотите создать. Кнопка выглядит так:.
Регулировка непрозрачности слоя
Взгляните еще раз на наше изображение из последнего раздела.
Как видите, новый слой заливки полностью покрывает слой над ним.Мы не можем видеть слой над ним.
Слой над новым слоем заливки изображен на панели «Слои» ниже.
Чтобы мы могли видеть другие наши слои, мы можем настроить непрозрачность слоя заливки на панели слоев.
Чтобы настроить непрозрачность слоя, выберите слой, для которого вы хотите настроить непрозрачность. В нашем примере это слой заливки, который мы создали.
Затем перейдите в раскрывающийся список «Непрозрачность» и уменьшите непрозрачность с помощью ползунка.Уменьшение непрозрачности делает выбранный слой более прозрачным.
Мы уменьшили слой заливки до 50%. Теперь вы можете увидеть все слои.
Удаление слоя
Чтобы удалить слой, выберите его на панели «Слои». Щелкните правой кнопкой мыши выбранный слой, затем выберите «Удалить слой» из контекстного меню.
Вы увидите это диалоговое окно подтверждения.
Нажмите кнопку «Да», чтобы удалить слой.
Создание корректирующих слоев
Вы также можете создавать слои для настройки изображения.Эти типы слоев называются корректирующими слоями. С помощью корректирующих слоев вы можете редактировать яркость, уровни, оттенок и насыщенность. Вы также можете постеризовать, установить порог и сделать несколько других корректировок изображения с помощью слоя.
Давайте добавим корректирующий слой к фотографии ниже, чтобы уменьшить яркость.
Чтобы добавить слой, перейдите в Слой> Новый корректирующий слой> Яркость / Контрастность.
Вы также заметите, что панель Adjustments открывается, когда вы выбираете эту команду меню.Панель Adjustments представляет собой плавающую панель и выглядит следующим образом:
Пока не стоит беспокоиться о панели Adjustments. А пока давайте сосредоточимся на диалоговом окне «Новый слой».
В поле «Имя» введите имя для нового слоя. Вы также можете выбрать цвет и режим наложения.
Щелкните кнопку ОК.
Теперь, если вы посмотрите на панель Adjustments, вы можете настроить яркость и контраст для нового слоя.
Чтобы уменьшить яркость, просто переместите ползунок влево.
Вы можете увидеть новый слой на панели «Слои».
Вы также можете видеть, что на нашем изображении уменьшилась яркость.
ПРИМЕЧАНИЕ. Вы также можете создать слой заливки, перейдя на панель «Слои» и нажав кнопку «Создать новый слой заливки или корректирующий слой», а затем выбрав тип слоя, который вы хотите создать. Кнопка выглядит так:.
Создание слоя изображения
Как мы уже говорили в начале этого раздела, вы также можете комбинировать два изображения, используя слои.
Для этого откройте два изображения, которые вы хотите объединить, как показано ниже в подборке фотографий.
При отображении одного из изображений в рабочей области с помощью инструмента «Прямоугольная область» для выбора изображения.
После выбора изображения выберите «Правка»> «Копировать».
Щелкните вкладку, чтобы отобразить другое изображение. Это изображение станет фоновым слоем.
Перейдите в меню «Правка»> «Вставить».
Скопированное изображение теперь будет помещено поверх фонового изображения.
С помощью панели «Слои» отрегулируйте непрозрачность вставленного слоя.
Подвижные слои
Если вы посмотрите на снимок выше, два слоя не выглядят правильно объединенными. Мальчики похожи на призраков
Мы можем исправить это, переместив верхний слой.
Сначала выберите слой, который вы хотите переместить, на панели «Слои».
Чтобы переместить слой, перейдите к инструменту «Перемещение» на панели «Инструменты». Выглядит это так:.
Щелкните изображение.Вы можете переместить выбранный слой, перетащив его.
Создание слоя из выделенного фрагмента
Вы также можете создать новый слой из выделения на изображении, а затем вставить его в другое изображение.
Чтобы создать выделение, вы воспользуетесь инструментами выделения на панели «Инструменты».
Выберите инструмент выделения, который вы хотите использовать (Прямоугольная область, Лассо и т. Д.), Затем выберите часть изображения, которую вы хотите использовать в качестве слоя.
Мы собираемся использовать Магнитное лассо, чтобы выбрать мяч на изображении ниже.
Как вы можете видеть ниже, мяч выбран.
Теперь мы скопируем выделение, чтобы вставить его как слой в другое изображение. Для этого переходим Edit> Copy.
Мы собираемся вставить выделение как слой на изображение, показанное ниже.
Для этого мы создаем новый слой для изображения выше.
Затем мы переходим Edit> Paste.
Новый слой теперь отображается на панели слоев.
Регулировка размера слоя
Размер слоя не обязательно должен совпадать с размером слоя под ним.
Чтобы изменить размер слоя, выберите его, затем выберите «Изображение»> «Изменить размер» и выберите нужный вариант.
Мы выбрали «Масштаб», чтобы можно было масштабировать слой с бейсбольным мячом на изображении ниже.
Щелкните зеленую галочку, когда закончите масштабировать слой.
Слои группировки
Ранее в этом разделе мы говорили о присвоении имен слоям, чтобы упростить поиск нужного слоя.Вы также можете группировать слои вместе, чтобы было легче находить нужные слои. Например, вы можете сгруппировать все корректирующие слои вместе. Когда вы группируете слои вместе, они помещаются вместе в папку.
Чтобы сгруппировать слои вместе, сначала выберите слои, которые вы хотите сгруппировать, нажав CTRL + щелчок, чтобы выбрать слои.
Затем нажмите кнопку «Создать новую группу» в верхней части панели «Слои». Выглядит это так:
Как вы можете видеть выше, выбранные слои теперь сгруппированы.Вы можете дважды щелкнуть группу, чтобы переименовать ее.
Слои цветовой кодировки
В дополнение к именованию и группировке слоев вы также можете использовать цветную кодировку слоев, чтобы их было легче найти. Например, вы хотите сделать все корректирующие слои красными на панели «Слои», а затем все слои заливки синими. Это всего лишь примеры. Вы можете использовать любую систему, в которой хотите раскрасить слои кода.
Чтобы задать цветовой код для слоя, выберите слой на панели «Слои» и щелкните его правой кнопкой мыши.
Выберите цвет в контекстном меню.
Выбранный цвет будет отображаться вместе со слоем на панели «Слои».
Мы выбрали красный.
Объединение слоев
Если у вас есть изображение с несколькими слоями, оно увеличивает размер файла. Фактически, он может сделать файл изображения довольно большим, если у вас несколько слоев. По этой причине всегда лучше объединять слои после того, как вы закончите редактировать и комбинировать слои.
Для объединения слоев:
Теперь все ваши слои составляют одно изображение и будут иметь меньший размер файла.
Сглаживание слоев и изображений
Когда вы выравниваете изображение, Elements объединяет все видимые слои с фоном. Это также уменьшает размер файла. Скрытые или невидимые слои не могут быть сведены.
Чтобы сгладить изображение, выберите слои, которые вы хотите сгладить, затем выберите «Слой»> «Свести изображение».
Помните, что слияние объединяет все видимые слои в один слой. Сведение объединяет все слои в фон.
Layer Mask Gradient
Layer Mask Gradient (Градиент маски слоя)
Письменные инструкции для этого руководства находятся под видео.Наслаждаться!
Layer Mask Gradient в Photoshop
Линда Саттгаст
Маска слоя сама по себе довольно хороша, но когда вы добавляете градиент, она становится еще лучше. В этом уроке мы будем использовать маску градиента с фотографией, чтобы создать забавную открытку!
Выберите цвет, соответствующий вашей фотографии
- Откройте фотографию с пустым пространством с одной стороны.
- Нажмите Ctrl J (Mac: Cmd J), чтобы продублировать слой с фотографией.
- На панели «Слои» щелкните фоновый слой.
- Чтобы выбрать цвет, который подходит к вашей фотографии, нажмите кнопку «Цвет переднего плана», чтобы открыть палитру цветов. Щелкните курсором по цвету на фотографии или выберите новый цвет в палитре цветов. Щелкните ОК.
- В строке меню выберите «Правка»> «Заливка». Когда появится диалоговое окно, откройте меню «Содержание» и выберите «Цвет переднего плана». Режим наложения должен быть Нормальным, а непрозрачность — 100%.Щелкните ОК. Вы не увидите цвет, потому что он скрыт дублированным слоем фотографии.
Создать маску
- На панели «Слои» щелкните верхний слой с фотографией, чтобы сделать его активным.
- Щелкните значок «Добавить маску слоя», чтобы добавить маску белого слоя к слою фотографии.
Установите параметры градиента
- Получите инструмент «Градиент».
- На панели параметров откройте средство выбора предустановок градиента и дважды щелкните миниатюру от переднего плана к фону.Если вы не видите этот эскиз, нажмите значок в правом верхнем углу, чтобы открыть всплывающее меню, и выберите «Сбросить градиенты».
- Закройте средство выбора градиента.
- На панели параметров выберите первый значок для линейного градиента. Режим должен быть Нормальным, а Непрозрачность — 100%. Не устанавливайте флажок «Реверс», но установите флажок «Дизеринг» и «Прозрачность».
Смешайте цвета со своей фотографией
- Посмотрите на цветные полоски и убедитесь, что цвет переднего плана белый.Если это не так, нажмите букву D, чтобы сбросить цветовой код на белый поверх черного, что является значением по умолчанию для масок слоя.
- На фотографии щелкните в том месте, где вы хотите, чтобы фотография начала исчезать, нажмите клавишу Shift и перетащите в сторону, где вы хотите скрыть фотографию. В моем случае я щелкнул в центре фотографии и перетащил на полпути влево. Добавление клавиши Shift сохраняет прямую линию градиента. Вы можете рисовать градиентную линию столько раз, сколько вам нужно, чтобы она получилась правильной.
- Когда отпустите кнопку мыши, часть фотографии исчезнет.
Дополнительно: при необходимости отрегулируйте цвет
- На панели «Слои» щелкните цветной слой.
- В строке меню выберите «Слой»> «Новый корректирующий слой»> «Насыщенность оттенка».
- Щелкните поле Colorize и регулируйте ползунки, пока не найдете цвет, который вам подходит.
- Добавьте немного шрифта к своей фотографии, и вы готовы отправить ее кому-нибудь особенному!
Если вам понравился этот урок, посмотрите
Искусство смешивания
Превратите свои фотографии из обычных в потрясающие с помощью мощных режимов наложения — это легко и весело, и ваша семья и друзья скажут «ВАУ!» Узнать больше
© Digital Scrapper (Руководство Scrapper, LLC) | Веб-дизайн Линды Саттгаст
Учебное пособие: Как создать градиентную заливку
Эллен Финкельштейн
Градиенты — отличный способ легко сделать 2D-рисунок похожим на рисунок презентации, сделанный в Photoshop или Illustrator.AutoCAD предлагает одно- или двухцветные градиенты и множество вариаций.
Вот шаги для создания градиента:
- Запустите команду HATCH. В зависимости от версии AutoCAD открывается диалоговое окно «Штриховка и градиент» с вкладкой «Градиент» вверху или вкладка «Создание штриховки». Если вы видите ленту, выберите «Градиент» в раскрывающемся списке «Тип штриховки» на панели «Свойства».
- Выберите цвета:
- В диалоговом окне выберите «Один цвет» или «Два цвета».Если вы выбрали «Один цвет», нажмите кнопку с многоточием, чтобы выбрать цвет, и нажмите «ОК». Затем используйте ползунок справа, чтобы настроить ползунок «Оттенок / оттенок». Это позволяет создавать градиент, переходящий в черный или белый цвет. Если вы выбрали «Два цвета», выберите второй цвет так же, как вы выбрали первый.
- На ленте нажмите кнопку «Цвета градиента» на панели «Свойства», чтобы переключить 1 или 2 цвета. Затем выберите цвет из раскрывающихся списков цветов.
- Выберите один из 9 типов градиента в диалоговом окне или на панели «Узор» на ленте.
- По умолчанию градиенты центрированы. Вы можете отцентрировать их, сняв флажок или кнопку По центру. Вы увидите центр в перемещении 9 миниатюр.
- Вы можете изменить угол градиента с помощью раскрывающегося списка «Угол» или ползунка. Опять же, посмотрите на миниатюры, чтобы увидеть результаты.
- Чтобы позволить AutoCAD рассчитать замкнутую область, нажмите кнопку (Добавить) Выбрать точки. Чтобы выбрать закрытый объект, нажмите кнопку «Добавить», «Выбрать объекты» или «Выбрать». На чертеже либо щелкните внутри замкнутой области, либо выберите объект, в зависимости от выбранного вами метода.
- Если вы используете диалоговое окно, щелкните правой кнопкой мыши и выберите в контекстном меню «Предварительный просмотр». Щелкните правой кнопкой мыши, чтобы принять штриховку. Нажмите Enter или Esc, чтобы вернуться в диалоговое окно. В противном случае вы сразу увидите предварительный просмотр; нажмите Enter или OK, чтобы завершить команду.
Вот образец автомобиля, залитый градиентами.