Как в фотошопе залить фон другим цветом. Начало работы в Photoshop — быстрое выделение и заливка. Графика – это важно

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

Типы заливок в Фотошопе
В стандартном комплекте поставки в Фотошопе могут быть использованы различные типы заливок:
  • сплошной равномерный цвет;
  • градиент;
  • узор.
Кроме того, всегда можно расширить разнообразие заливок, добавив свои типы заливок.

Выполнение заливки

  1. Для того, чтобы выполнить простую заливку цветом выделите область, которая будет заполнена цветом, активируйте инструмент «Заливка» (Paint Bucket Tool) в основной панели инструментов, выберите основной цвет и сделайте щелчок левой кнопкой мышки внутри выделенной области. В результате указанного действия она будет залита выбранным основным цветом.
  2. Чтобы выполнить градиентную заливку также выделите заполняемую область на изображении. После этого активируйте инструмент «Градиент» (Gradient Tool) в панели инструментов, выберите один из предустановленных наборов используемой градиентной заливки. При необходимости выполните точную настройку параметров выбранного набора. Укажите форму и режим градиента, после чего укажите внутри выделенной области направление вектора градиента. Для этого установите курсор в начальную точку, зажмите левую кнопку мыши, перевидите курсор в выбранном направлении и отпустите левую кнопку. В результате данного действия выделенная область заполнится градиентной заливкой в соответствии с выполненными вами предварительными настройками.
  3. При возникновении необходимости выполнения заливки узором из главного меню перейдите по следующему пути «Слои»-«Новый слой-заливка»-«Узор» («Layer»-«New Fill Layer»-«Pattern»). Нажмите кнопку «Ок» в появившемся окне. В результате данного действия выбранная область будет заполнена последней созданной вами заливкой-узором. Если такую заливку вы еще не создавали, то предварительно вам необходимо выполнить следующее.
    Создайте новый документ. Желательно, чтобы при этой его изображение имело квадратную форму с одинаковыми значениями высоты и ширины. Это обеспечит в последующем при их использовании как узоров равномерное заполнение исходных изображений. Создайте задуманный узор или скопируйте его на изображений из других источников. Выделите область изображения с помощью инструмента «Прямоугольная область выделения» (Rectangular Marquee Tool). Из главного меню перейдите по пути «Редактирование»-«Определить узор» (Edit-Define Pattern). В открывшемся окне присвойте имя новому узору и нажмите кнопку «Ок». Заливка-узор создана и готова к работе.
Это базовые приемы выполнения заливки, которые в различных модификациях и вариантах используются в задачах самой различной сложности в Фотошопе. На практике вы очень быстро их освоите будете использовать для совершенствования своего мастерства цифровой обработки изображений.

В Фотошоп предусмотрено два инструмента заливки: Paint Bucket (Заливка) и Gradient (Градиент). Эти инструменты призваны выполнять заливки трех типов:

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

Paint Bucket («Заливка; Ковш») () - щелчок этим инструментом приводит к заливке однородной области сплошным цветом переднего плана, или заранее заданным узором (т. е. равномерная и шаблонная заливка). Все параметры данного инструмента устанавливаются на панели параметров.

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

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

Детали и ресурсы учебника

Расчетное время завершения: 5-10 минут.

Заливка части фонового слоя

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

Рис. 147. Панель параметров для инструмента Paint Bucket

Fill (Заливка) - в этом раскрывающемся списке можно выбрать тип заливки: цветом переднего плана (Foreground) и шаблоном (Pattern) . Если выбран именно этот способ заливки (Шаблонный), то тогда становится активным следующий параметр: Pattern . В этом меню можно выбрать шаблон, который предлагается по умолчанию Фотошопом, либо созданный самим. Этот узор можно задать командой меню Edit>Define Pattern (Редактирование>Определитьузор).

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

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

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

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

Рис. 148. Заливка шаблоном (Pattern)

Рис. 149. Заливка цветом переднего плана (Foreground)

Кроме всего прочего, для данного инструмента можно задать режим смешения цветов (Mode) , уровень непрозрачности (Opacity) и т.д.

Gradient («Градиент») (). Заливает выделенную область плавным переходом цветов, который обычно и называется градиентом. Плавный переход цветов генерируется автоматически редактором, необходимо задать только крайние (ключевые) цвета. Эти цвета устанавливаются как цвет переднего плана и цвет фона.

Выберите размер шрифта и стиль, который вы хотите, на панели параметров. Добавьте новый слой для слоя заполнения градиента. Вставьте новый слой над слоем «Текст» на панели «Слой». Выберите «Инструмент градиента» на панели инструментов и создайте любую градиентную заливку, которую вы хотите, используя панель параметров.

Заливка всей области или выделенной с помощью инструмента «Заливка»

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

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

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

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

Панорамирование и масштабирование одновременно во всех документах

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

Полноэкранный просмотр файлов с мини-моста

Он не работал, только выбрав текстовый слой.

Рис. 150. Здесь мы использовали инструмент Gradient, протянув его из левого верхнего угла в правый нижний

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

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

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

Рис. 151. Панель параметров для инструмента Gradient

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

Рис. 152. Вид градиента (поле просмотра) - здесь отображается выбранный тип градиента цветов. Если щелкнуть по самому полю вида градиента, то откроется окно редактирования вида градиента (Gradient Editor)

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

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

Переключиться на точные курсоры для инструментов рисования

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

Рис. 153. Окно Gradient Editor

Здесь можно, изменяя различные параметры, создать в Фотошопе свой, оригинальный градиент. А можно просто модифицировать уже имеющийся.

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

Объединить все видимые слои в новый слой

Бонусная клавиатура

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


Рис. 154. Возможные стили градиента

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

Отличительные особенности типов заливки

Классификацией неразрушающих методов является уровень настройки или заполнения.


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

Для заполнения доступны следующие варианты. Через «Уровень → Новый уровень настройки» Через значок «новый уровень заполнения или уровень настройки» внизу панели управления уровнем.


Через «Исправления». . После того, как вы добавили уровень коррекции, вы можете внести соответствующие корректировки в панель «Свойства». На панели «Слои» исправления отображаются как отдельный слой и влияют на все нижележащие слои. Чтобы уровень настройки влиял только на базовый уровень, вы должны создать маску разреза.

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

Самым популярным редактором графических изображений является Фотошоп. Он имеет в своем арсенале большой объем различных функций и режимов, предоставляя тем самым бесконечные ресурсы. Нередко в программе применяется функция заливки.

Автоматически добавлять исправления в виде поперечного сечения


Нажмите маленькую стрелку в правом верхнем углу панели «Исправления». Вы также можете автоматически добавлять маску.


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


Затем выберите один из следующих вариантов.

Для нанесения цвета в графическом редакторе действует две функции - «Градиент» и «Заливка» .

Эти функции в Фотошопе можно отыскать, кликнув на «Ведерко с каплей». Если необходимо выбрать одну из заливок, нужно правой кнопкой мыши кликнуть по пиктограмме. После этого появится окно, в котором и располагаются инструменты для нанесения цвета.

Экземпляры умных объектов

Щелкните правой кнопкой мыши по выбору панели управления слоем и выберите «Преобразовать в интеллектуальный объект».


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


Например, создайте кнопку для своего сайта. Как только вы удовлетворены дизайном кнопки, вы можете суммировать все «уровни кнопок» в интеллектуальном объекте. Затем создайте копии кнопки и поместите ее в макет. Теперь вы хотите изменить кнопку позже.

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

Заменить содержимое интеллектуальных объектов

Изменения влияют на все кнопки. В следующем диалоговом окне вы выбираете сохраненный файл.


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

Видео: вложенные интеллектуальные объекты и интеллектуальные фильтры

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


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

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

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

Заливка выделенной области в фотошоп

Режим смешивания можно отрегулировать в головке панели управления уровнем. Режимы смешивания «Чересстрочный», «Мягкий свет», «Жесткий свет», «Сияющий свет» и «Линейный свет» обладают тем свойством, что 50% серых пикселей становятся невидимыми. Более светлые пиксели подсвечивают плоскости ниже, темные пиксели затемняют плоскости ниже.

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


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

Делаем заливку

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

Применяя инструмент «Заливка» , необходимо отрегулировать следующие параметры:

1. Источник заливки - это функция, при помощи которой регулируются режимы заливки главной области (например, ровное покрытие цветом или орнаментом);


2. Чтобы найти подходящий узор для нанесения на картинку, нужно воспользоваться параметром Узор .


3. Режим заливки - позволяет настроить режим нанесения цвета.


4. Непрозрачность - данный параметр регулирует уровень прозрачности заливки;


5. Допуск - устанавливает режим близости цветов, которые требуется нанести; при помощи инструмента «Смежные пиксели» можно залить близкие промежутки, включенные в Допуск ;


6. Сглаживание - образует наполовину закрашенную грань между залитыми и не залитыми промежутками;


7. Все слои - наносит цвет на все слои в палитре.


Для настройки и применения инструмента «Градиент» в Фотошопе, нужно:

Определить нуждающуюся в заливке область и выделить ее;

Взять инструмент «Градиент» ;

Подобрать нужный цвет для закрашивания фона, а также определиться с основным цветом;


Расположить курсор внутри выделенной области;

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


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

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

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

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

Инструменты заливки

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



Здесь можно выбрать необходимое.

Ведро - заливает изображение (выделение) цветом или текстурой.

Итак, для заливки имеем следующие параметры:

Заливка (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 готово.

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

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

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

1 голос

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

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

Приступим?

Инструмент «Заливка»

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

Создайте новый документ через меню «Файл» — «Создать».

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

Так как я пользуюсь самой последней версией Photoshop CC, то у меня еще есть «Выбор 3D-материала». Сказать честно, я этой функцией никогда не пользовался.

Если вы хотите залить документ одним цветом, то вам понадобится обычная «Заливка».

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

Кроме того, некоторые двухцветные фильтры, например, «Облака» отображаются в той цветовой гамме, которая у вас выставлена в этом меню, но это совсем другая история.

Щелкните по верхнему цвету левой кнопкой мыши и у вас откроется дополнительное окно выбора. Сначала в полосе справа вы выбираете основной цвет, а в квадрате слева определяетесь с оттенком. Затем жмете «Ок», чтобы применить изменения.

Жмете мышью в любом месте рабочего поля с картинкой и фон меняет свой цвет на тот, который вы только что выбрали.

Применение фильтров

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

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

Выберите «Шум», а затем «Добавить шум».

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

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

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

Откройте «Окно», поставьте галочку напротив «История» и поместите ее в нижнюю панель справа.

Теперь, чтобы вернуться к началу мне просто нужно нажать на «Новый» и уберутся все цвета и шумы. Можно начинать сначала

Инструмент «Градиент»

Откройте папку с изображением и перетащите его в рабочее окно.

Осталось лишь растянуть. В этом нет ничего сложного. Но можете прочитать статью о том, Возможно, узнаете кое-что новое.

Ну вот почти и все.

Видео инструкция

После того как я написал статью, я подумал, что некоторым из вас могут быть интересны коллажи. То есть у вас есть какая-то основа, а сверху вы добавите картинку, в качестве фона. При создании ролика я сразу поставил в центр изображения объект. В данном случае страница товара с АлиЭкспресс — Телескоп для телефона .

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

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

Если вам понравилась эта статья – подписывайтесь на рассылку и узнавайте о фотошопе больше. Ну а если вам хочется научиться работать с программой профессионально и знать все о ее инструментах и возможностях, могу посоветовать видео курс «Фотошоп с нуля в видео формате ».


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

Ну вот и все. До новых встреч и удачи.

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

Несмотря на то, что интерфейсы всех используемых в настоящий момент версий редактора настолько схожи, что не важно, в какой учиться, на всякий случай уточню: мои уроки выполнялись в Adobe Photoshop CC - на конец 2016 года самой свежей редакции программы, Сразу после запуска окно её выглядит так.

Создание документа

Несмотря на обилие инструментов, работа в Photoshop, как и в любом другом редакторе, начинается с создания нового документа.

  1. В главном меню программы выполните команду Файл -> Создать либо нажмите сочетание клавиш Ctrl+N .
  2. В открывшемся окне Новый задайте параметры будущего документа (можно установить такие же, как на скриншоте ниже).

  • Имя. Может быть любым. Хотя многие на этом этапе не трогают это поле, задавая имя файлу уже во время сохранения, лучше переименуйте документ сразу, чтобы избежать путаницы.
  • Ширина. Размер холста по горизонтали. В компьютерном мире принято задавать в пикселях, но если вы работаете, скажем, с бумажной продукцией, то вам вполне могут подойти сантиметры или даже пункты.
  • Высота. Длина холста по вертикали.
  • Разрешение. Чем больше показатель, тем качественней конечное изображение.
  • Цветовой режим. Формат и глубина цвета. Обычно 8-битный RGB всех устраивает.
  • Содержимое фона. В нашем случае фон будет белым, но ему можно задать любой другой цвет или вообще сделать прозрачным.
  • Цветовой профиль. Здесь можно назначить либо удалить профиль цветопередачи. Из-за неправильно выбранного пункта именно в этом раскрывающемся списке можно получить проблемы с цветопередачей, корень которых потом приходится долго искать.
  • Попиксельная пропорция. Вариант следует выбирать, исходя из стандарта, с которым вы работаете. Если значения раскрывающегося списка ничего вам не говорят, - оставьте Квадратные пикселы.
  1. Нажмите OK и оцените результат - документ создан.

Быстрое выделение

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

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

Большинство кнопок палитры имеют подменю, открыть которое можно, щёлкнув на значке либо один раз правой, либо дважды левой кнопкой мыши.

По умолчанию в Photoshop активен инструмент Перемещение, но, во-первых, он невероятно прост для понимания, а во-вторых, прежде, чем что-либо перемещать, надо что-либо выделить.

За выделение отвечает специальная группа инструментов. Выберите Прямоугольное выделение.

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

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

  • Режим работы меняется щелчком на одном из четырёх значков.

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

Добавить к выделенной области. Если хотите выделить вторую и последующие области, используйте этот режим.

Вычитание из выделенной области. Режим служит для снятия выделения с отдельных областей.

Пересечение с выделенной областью. Режим выделения пересечения двух областей.

  • Растушевка. По краям выделенной области добавляет частично выделенные пиксели, чтобы выделенная область сливалась с фоном не резко, а плавно.
  • Стиль. Может быть либо обычный (вы сами выбираете область на холсте), либо с заданными пропорциями (вы выбираете на холсте прямоугольник с заранее установленным соотношением сторон), либо определённого размера (можно указать с клавиатуры).

Чтобы понять, как это работает, сделайте следующее.

  1. Выберите инструмент Выделение -> Прямоугольная область.
  2. Выделите первый фрагмент. Для этого установите указатель мыши в левый верхний угол экрана и, удерживая нажатой кнопку мыши, перемещайте его вправо и вниз, выделяя прямоугольную область.

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

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

Заливка цветом

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

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

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

Чтобы цвета изменились на самом рисунке, нужно воспользоваться инструментами заливки.

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

Но это простейший случай. Если хочется чего-то посложней, обратите внимание на панель параметров инструмента.

  • Определение источника для заливки. Помимо основного цвета ещё доступен вариант Узор, с помощью которого область можно красиво и неоднотонно разукрасить.
  • Шаблон. Появляется при выборе узора в качестве источника и позволяет выбрать тип узора.
  • Режим. Пиксели будут накладываться на изображение по-разному, в зависимости от выбранного варианта.
  • Непрозрачность. Устанавливает прозрачность заливки в процентах. С её помощью можно сделать так, чтобы под основным цветом проглядывал и фон.
  • Допуск. Задаёт диапазон заливаемых цветов.

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

  1. Отмените однотонную заливку (Ctr+Z) .
  2. На панели параметров инструмента Заливка выберите в качестве источника цвета узор.
  1. Выберите шаблон узора по вкусу.

  1. Щёлкните левой кнопкой мыши внутри выделенной области.

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

  1. Отмените заливку узором.
  2. Выберите инструмент заливки Градиент.
  3. На панели параметров укажите градиент и его тип.
  4. В пределах выделенной области на холсте проведите указателем, удерживая при этом кнопку мыши нажатой, либо сверху вниз, либо слева направо, либо по диагонали, посмотрите, что получится, и, отменяя неудачные заливки, выберите лучший вариант.

Сохранение в файл

После всех действий рабочий документ необходимо сохранить в файл.

  1. Выполните команду Файл -> Сохранить.
  2. В появившемся окне Проводника укажите имя файла и папку, куда он будет сохранён. Убедитесь, что в списке Тип файла выбран пункт Photoshop (*PSD, *PDD) и нажмите кнопку Сохранить. Дело в том, что форматы являются для Photoshop «родными», и в дальнейшем вы легко сможете вернуться к редактированию их содержимого.

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

Понравилось? Лайкни нас на Facebook