Бесплатные курсы по it-профессиям на FreeTutorials.ru.

х
Наверх

Начало работы в Photoshop — быстрое выделение и заливка

Верю, что каждый желающий овладеть премудростями самого популярного из графических редакторов — программы 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 «родными», и в дальнейшем вы легко сможете вернуться к редактированию их содержимого.

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

Экспорт картинки для заливки

Полезные ссылки:


Дата размещения/обновления информации: 29.04.2021 г.
Сообщить об ошибке
Смотрите также
Оставить свой комментарий
Комментарии 29
  • boris 15 Октября 2017 в 20:04

    dostupno, spasibo

    ответить
  • Екатерина 18 Октября 2017 в 09:53

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

    ответить
  • Алена 06 Декабря 2017 в 01:00

    Спасибо!

    ответить
  • Анонимно 26 Декабря 2017 в 10:52

    Это чудесный урок.

    ответить
  • Михаил 03 Января 2018 в 13:40

    Благодарен за урок

    ответить
  • rnj-nj 11 Января 2018 в 11:53

    в работе помогает,но отличается от фотошопа онлайн и не все понятно,поэтому для меня только на 4+

    ответить
  • марина 05 Февраля 2018 в 09:32

    очень просто! спасибо!!!!

    ответить
  • Юрий,72 года,1 ... 15 Февраля 2018 в 20:42

    Спасибо !Всё просто и понятно.

    ответить
  • Елена 15 Февраля 2018 в 21:54

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

    ответить
  • Ольга 17 Марта 2018 в 14:38

    Очень доступно,понятно. Большое спасибо!

    ответить
  • fruit 04 Мая 2018 в 14:16

    спасибо ))) отличное руководство !!!

    ответить
  • Галина Горн 04 Мая 2018 в 19:11

    Спасибо! Все понятно и доступно!

    ответить
  • Надежда 17 Мая 2018 в 11:07

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

    ответить
  • Ирина 30 Мая 2018 в 08:13

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

    ответить
  • Ирина 30 Мая 2018 в 08:14

    Спасибо! Очень помогли!

    ответить
  • Волк 02 Июня 2018 в 21:02

    КЛАСС!!!

    ответить
  • Наталья 04 Июля 2018 в 18:25

    Все понятно, спасибо)

    ответить
  • Анастасия 24 Июля 2018 в 16:12

    СПАСИБО

    ответить
  • Guverment 29 Августа 2018 в 18:36

    Спасибо. Всё просто и доходчиво разъяснено)

    ответить
  • Елена 11 Октября 2018 в 17:21

    Здорово! Всё очень понятно и просто.

    ответить
  • Olga 27 Октября 2018 в 00:04

    Спасибо!!!

    ответить
  • Лидия 28 Декабря 2018 в 11:37

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

    ответить
  • Николай 23 Января 2019 в 16:40

    Доходчиво,понятно.Огромное спасибо!!!

    ответить
  • петр 28 Января 2019 в 11:19

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

    ответить
  • Виктор 07 Апреля 2019 в 22:44

    Спасибо. Замечательно

    ответить
  • Лариса 12 Мая 2019 в 08:38

    Прекрасный урок! спасибо.

    ответить
  • Ольга 24 Мая 2019 в 21:22

    отлично!Спасибо!Очень доступно!

    ответить
  • Елена 12 Июня 2019 в 13:05

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

    ответить
  • Сергей 02 Октября 2019 в 23:14

    спасибо, написано понятным языком , все по полочкам разложено)

    ответить