Найти в Дзене
Marinin Stepan

Photoshop - это просто

Это краткий гайд по интерфейсу и основным инструментам Photoshop'a для новичков, которые только хотят научиться работать в этой программе
Оглавление

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

ИНТЕРФЕЙС И ИНФОРМАЦИЯ

Выбор файла

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

Главное меню  Photoshop
Главное меню Photoshop

Первое знакомство с интерфейсом

Как только мы открываем фотографию, нашему взору предстают несколько рядов с кнопками: слева, сверху и справа.

Интерфейс Photoshop
Интерфейс Photoshop

Снизу даётся информация о масштабе изображения, то есть то, насколько оно увеличено относительно исходного разрешения(если у вас монитор 1080р и изображение размером 1920х1080 пикселей, то при увеличении масштаба до 100% части изображения будут вылезать за пределы рабочей среды, чтобы один пиксель изображения соответствовал одному пикселю монитора). В моём случае это 66,67%. Справа от масштаба находится лоудбар, показывающий как загрузку изображение в программу, так и выгрузку изображения в систему. Сверху и справа есть своего рода линейки, систему измерения которых можно менять(миллиметры, сантиметры, дюймы, пики, пункты и пиксели). Они показывают положение курсора по осям X и Y. Убрать их можно комбинацией клавиш Cntrl + R. Выше линейки в верхней части находится раздел с окнами. Работают они как в браузере: создаётся несколько отдельных проектов, с которыми можно работать параллельно или перекидывать между ними друг на друга нужные вам слои. К слову о слоях...

Слои

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

Прямо возле слоёв находятся разделы Каналы и Контуры. Давайте разберёмся с первыми. Итак, изображения в Photoshop'е загружаются в цветовом профиле sRGB. Это значит, что изображение состоит из производных цветов от красного, зелёного и синего(эти цвета перемешиваются в оттенки, коих на данных момент насчитывается 16,5 миллионов штук). Каналы как раз таки отображают эти 3 цвета. С помощью каналов можно заниматься редактированием цвета, чтобы при помощи скрытия одного из цветов вычленить дефекты изображения.

Изображение со скрытым каналом синего цвета
Изображение со скрытым каналом синего цвета

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

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

Коррекция в Photoshop'е
Коррекция в Photoshop'е

Для этого я в разделе Коррекция выбираю настройки экспозиции. У меня создаётся новый слой. Я ставлю его выше основного слоя, нажимаю правую кнопку мышки и выбираю Создать обтравочную маску. Так я применяю настройку экспозиции только к конкретному слою. Кстати, если хотите статью о цветокоррекции в Lightroom, напишите в комментариях. Так вот, над слоями есть несколько кнопок, позволяющих закрепить один или несколько предложенных параметров(положение, добавление новых файлов или вообще всё). Ещё чуть выше есть фильтры для типов слоёв.

Слои в Photoshop'е разделены на несколько категорий:

  • пиксельные слои(это изображения форматов jpg, png и т.д.)
  • корректирующие слои(те, что создаются в разделе Коррекция и потом могут быть переделаны в обтравочные маски)
  • фигуры(это изображения, созданные с помощью векторной графики), текстовые слои(ну, собственно, любой текст, который, к слову, потом можно переделать в смарт-объект)
  • сами смарт-объекты(универсальные слои, поддающиеся деформации и наложению эффектов).

Дополнительная информация

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

Дополнительная информация
Дополнительная информация

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

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

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

Перемещение

На первом скриншоте вы можете видеть, что изображение сдвинуто относительно фона. Собственно, это делается обычным инструментом перемещения. Однако, кликнув правой кнопкой мыши, можно выбрать инструмент Монтажная область. Этим инструментом вы можете ограничить свою рабочую площадь(затрагивает все слои). А, нажав на плюсики, вы можете создать несколько разных монтажных областей, но на ранних этапах пользования Photoshop'ом это не нужно.

ИНСТРУМЕНТЫ ВЫДЕЛЕНИЯ

Область выделения

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

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

Вкратце о важнейших из этих действий:

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

В принципе, это всё, что надо знать об области выделения.

Лассо

Лассо существует 3 вида. Обычное, магнитное и прямолинейное.

  • Обычное лассо управляется вручную с помощью мыши или трекпада. Оно нужно для точечного выделения.
  • Магнитное лассо "примагничивается" к контурам объектов с помощью алгоритмов обработки внутри самой программы. Такой инструмент подойдёт для повседневных задач. Достаточно удобный. И да, чтобы удалить последнюю поставленную магнитную метку, нажмите клавишу Delete.
  • Прямолинейное лассо создаёт область с помощью кривых, которые расставляются левой кнопкой мыши. Каждый клик создаёт метку, от которой откладывается прямая до следующей метки.

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

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

Волшебная палочка

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

Однако есть и более качественная версия палочки, которую вы можете выбрать, кликнув по иконке инструмента правой кнопкой мыши. Инструмент Быстрое выделение помогает с помощью кисти также автоматически выбирать область. Принцип тут более простой: вы просто проводите по нужной области кистью и программа сам определяет предполагаемые границы объекта. Если потребуется убрать определённые участки выделения, можно в верхней части экрана просто нажать соответствующую кнопку. Размер кисти можно изменить там же.

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

ИНСТРУМЕНТЫ КАДРИРОВАНИЯ

Рамка

Этот инструмент принципом своей работы схож с Монтажной областью. По сути, изображение просто обрезается в соответствии с выбранным соотношением сторон.

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

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

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

-13

ИНСТРУМЕНТЫ ПОКРАСКИ

Пипетка

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

-14

В том же отделе по клику правой кнопки мыши есть ещё 2 разновидности пипетки, но они не особо нужны. Также там есть линейка. Она представляет из себя просто линию, которую вы можете сокращать, удлинять и перетаскивать по изображению. Комментарии также не сказать, что очень нужны. Это, по сути, стикеры, которые крепятся прямо на изображении и при клике на которые сбоку появится текст комментария. Счётчик расставляет нумерации от одного до нужного вам числа по клику мыши на изображение. Сам ни разу этим не пользовался, так что сказать полезно ли это не могу.

Восстанавливающие кисти

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

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

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

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

Кисти

Кисть - это один из самых основных инструментов в Photoshop'e. С её помощью делается бóльшая часть вещей. За счёт своей универсальности она совместима со многими другими инструментами Photoshop'а.

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

  • Размытие позволяет создать боке. Делается это при помощи кисти. Вы выбираете степень размытия, диаметр кисти и прочие параметры, чтобы создать боке или попросту замазать ненужную информацию.
  • Карандаш это та же кисть, но с меньшим диаметром и меньшей плавностью.
  • Замена цвета происходит так же как и с восстанавливающей кистью, только выбирается не всё изображение, а конкретный цвет, который затем будет дублироваться кистью.
  • Микс-кисть, грубо говоря, размазывает изображение аки настоящая кисточка.
  • Палец делает то, что микс-кисть, но более интенсивно.
  • Резкость на выбранной кистью области повышает уровень резкости.
  • Губка по выбранному сценарию либо увеличивает, либо снижает насыщенность.
  • Затемненитель/Осветлитель также по выбранным тонам экспонируют изображение с помощью кисти.
  • Штамп и Узорный штамп - это обычные кисти, однако последний использует в качестве краски узор, который можно выбрать вручную.
  • Архивная художественная кисть(обычная архивная кисть сам не знаю для чего) создаёт такой эффект, будто на изображение вылили воду. Пример будет ниже.
Архивная художественная кисть
Архивная художественная кисть

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

Волшебный ластик
Волшебный ластик

Заливка

Первым на очереди идёт градиент. Его можно нанести несколькими способами, но раз мы говорим о базовых - тех, что даны на боковой панели -, то начнём с начала. Обычный градиент просто заливает всё изображение по выбранному направлению(фото 1, 2). То, что называется заливкой и стоит вторым в списке функций в ячейке, является волшебной палочкой с функцией заливки. Это значит, что вы просто кликаете на нужную область и программа сама осуществляет заливку выбранным цветом(фото 3). Ещё есть инструменты для работы с 3D, но мы их пока трогать не будем.

ПРОЧЕЕ

Перо

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

Затем перо можно преобразовать как в обычную область выделения, так и в маску. А можно и просто залить. Пример пера будет на скриншоте ниже:

Фигура, созданная с помощью пера с использованием векторной маски
Фигура, созданная с помощью пера с использованием векторной маски

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

Текст

Текст, на самом деле, заслуживает собственной статьи, однако пока можно сказать, что вы можете выбирать все те же настройки, что и в Word'е и даже больше. Помимо стандартных шрифта, размера, высоты и т.д., вы можете загрузить свои шрифты, сгибать текст, заливать его градиентом с возможностью выбора нескольких цветов и места стыка оттенков и ещё огромное множество других возможностей.

Информация о вашем тексте будет как в верхней части экрана, так и справа в разделе сведений.

Вспомогательные инструменты

Дальше идут инструменты скорее не для самой работы, а для её удобства.

Контур помогает выбрать все объекты на слое.

Фигуры соответственно создают разные геометрические фигуры: от отрезков до многогранников.

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

Лупа изменяет масштаб изображения. Для увеличения проведите курсором вправо по изображению, а для уменьшения влево.

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

ЗАКЛЮЧЕНИЕ

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

Всем спасибо за прочтение!