Что такое цк в фотошопе

Обновлено: 04.07.2024


Узнайте, как функция Content-Aware Crop в Photoshop CC позволяет легко добавить больше места вокруг ваших фотографий, заполнив пустое пространство соответствующим контентом!

Adobe впервые добавила контент-зависимые возможности в инструмент Crop в Photoshop CC 2015.5. И что позволяет нам делать контентно-зависимая обрезка, так это добавлять больше пространства вокруг наших изображений. Теперь, когда я говорю «больше места», я имею в виду не просто «пустое пространство». Стандартный инструмент Crop Tool всегда мог это сделать. Вместо этого, используя обрезку с учетом содержимого, мы можем фактически расширить границы изображения, заполнив пустые области вокруг фотографии соответствующими деталями.

Обрезка содержимого с учетом содержания может быть чрезвычайно полезна при кадрировании изображения после его выпрямления, поскольку при повороте изображения часто остаются пустые места в углах. И это также отлично подходит для увеличения верхней, нижней или боковых сторон вашей фотографии, чтобы освободить место для текста или чтобы изображение лучше соответствовало вашему макету. Наряду с изучением того, как его использовать, мы также узнаем, почему в некоторых случаях обрезка с учетом содержимого работает как волшебство, но не так сильно в других. Чтобы следовать, вам понадобится Photoshop CC . Давайте начнем!

Выпрямление и обрезка фотографии без Content-Aware

Вот изображение, которое я открыл в Photoshop и которое я скачал с Adobe Stock . Я хочу выпрямить и обрезать изображение, не теряя детей на фотографии. Но мальчик в желтой рубашке справа очень близко к краю, что может создать проблему. Итак, давайте посмотрим, что произойдет, если я попытаюсь выпрямить и обрезать его без использования Content-Aware функции Crop Tool:

Выбор инструмента обрезки

Я выберу инструмент обрезки на панели инструментов :

Выбор инструмента Crop на панели инструментов в Photoshop.

Где я могу найти опцию Content-Aware?

Если выбран инструмент обрезки, опция Content-Aware находится на панели параметров в верхней части экрана. Сейчас я оставлю Content-Aware без проверки:

Контент-зависимая опция инструмента обрезки на панели параметров в Photoshop CC

Опция Content-Aware для Crop Tool, в настоящее время отключена.

Выбор инструмента выпрямления

Чтобы выпрямить изображение, я выберу инструмент «Выпрямить» на панели параметров:

Выбор инструмента «Выпрямить» на панели параметров в Photoshop

Поворот и выпрямление изображения

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

Я начну с нажатия, чтобы установить начальную точку для линии чуть ниже деревьев в левом нижнем углу фотографии. А затем, удерживая нажатой кнопку мыши, я буду перетаскивать по диагонали вправо, снова чуть ниже деревьев. Угол около 9 ° должен работать:

Рисование линии через горизонт на фотографии с помощью инструмента «Выпрямить» в Photosohp CC

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

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

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

Без Content-Aware обрезка изображения приведет к потере большей части фотографии.

Без Content-Aware обрезка приведет к потере большей части фотографии.

Я приму кадрирование, нажав Enter (Win) / Return (Mac) на моей клавиатуре. И это подводит нас ко второй проблеме. Помните, когда я упоминал, что мальчик в желтой рубашке справа был слишком близко к краю? Что ж, после выпрямления и обрезки изображения часть его теперь полностью отвалилась ! У Photoshop не было возможности обрезать изображение после выпрямления, не отрезав руку и ноги мальчика от фотографии. Мама и папа, вероятно, не были бы слишком довольны этим результатом:

Изображение после выпрямления и обрезки без обрезки содержимого в Photoshop

Без Content-Aware обрезка изображения вырежет часть объекта из фотографии.

Как выпрямить и обрезать изображение с помощью Content-Aware

Итак, теперь, когда мы рассмотрели, как инструмент Crop Tool работает без Content-Aware, давайте снова выпрямим и обрежем изображение, но на этот раз с включенным Content-Aware. Я отменил свой первоначальный урожай, зайдя в меню « Правка» в строке меню и выбрав « Отменить обрезку» :

Выбор команды «Отменить обрезку» в Photoshop

Это возвращает изображение в исходное состояние:

Изображение восстанавливается в исходное состояние

Шаг 1: выберите инструмент обрезки

Я еще раз выберу инструмент обрезки на панели инструментов:

Выбор инструмента Crop на панели инструментов в Photoshop.

Шаг 2. Включите контент-зависимый на панели параметров

На этот раз я хочу включить Content-Aware , поэтому я нажму на его флажок на панели параметров:

Как включить контентно-зависимый обрез в Photoshop

Шаг 3: Выберите инструмент «Выпрямить»

Затем, все еще на панели параметров, я снова выберу инструмент «Выпрямить» :

Выбор инструмента «Выпрямить» в Photoshop

Шаг 4: Проведите линию на чем-то, что должно быть прямым

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

Выпрямление изображения с помощью Crop Tool в Photoshop

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

Контентно-зависимая разница

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

Почему с Photoshop все в порядке с добавлением пустого места на изображение? Причина в том, что он не собирается добавлять пустое пространство. Вместо этого, с включенным Content-Aware, Photoshop может использовать детализацию изображения рядом с этими пустыми областями, чтобы автоматически заполнять их аналогичными деталями. Если вокруг много травы, она может заполнить пустое пространство большим количеством травы. И если есть голубое небо, оно может заполнить пространство еще большим голубым небом. Другими словами, теперь Фотошоп говорит: «Продолжайте, включите эти пустые области и позвольте мне выяснить, что должно быть там».

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

Больший урожай, который предлагает Photoshop с включенным Content-Aware.

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

Шаг 5: Нажмите Enter (Win) / Return (Mac), чтобы обрезать изображение

Чтобы принять кадрирование, я нажму Enter (Win) / Return (Mac) на моей клавиатуре. На этот раз, потому что у Photoshop есть что выяснить, мы не увидим мгновенных результатов, как раньше. Вместо этого мы увидим индикатор выполнения, показывающий, как далеко продвигается Photoshop:

Контент-зависимый индикатор выполнения обрезки в Photoshop

Как выпрямить и обрезать изображение с помощью контекстной обрезки в Photoshop CC

Результат после выпрямления и обрезки с включенным Content-Aware.

Использование обрезки с учетом содержимого для расширения краев фотографии

Мы видели, что контентно-ориентированное кадрирование отлично подходит для выпрямления изображения. Но это также полезно для расширения краев изображения, добавляя больше места сверху, снизу, слева или справа. Вот еще одно изображение , также загруженное из Adobe Stock, которое я открыл в Photoshop:

Второе изображение из Adobe Stock, открытое в Photoshop

Шаг 1: выберите инструмент обрезки

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

Выбор инструмента обрезки в Photoshop CC

Это помещает стандартную рамку обрезки и обрабатывает изображение:

Обрезать границы и обвести вокруг изображения в Photoshop

Поскольку я хочу перетащить верхний маркер, не перемещая другие, я позабочусь о том, чтобы для параметра « Соотношение сторон» на панели параметров было установлено значение « Соотношение» , которое по умолчанию установлено. И я позабочусь о том, чтобы поля Width и Height непосредственно справа от параметра Aspect Ratio были пустыми. Если бы они не были пустыми, я бы хотел нажать кнопку Очистить , чтобы очистить значения:

Настройка параметров соотношения сторон инструмента «Обрезка» в Photoshop

Для параметра «Соотношение сторон» задано значение «Соотношение» с пустыми полями «Ширина» и «Высота».

Шаг 2. Включите контент-зависимый на панели параметров

Я обязательно выберу контентно-зависимый :

Включение Content-Aware для инструмента Crop в Photoshop

Шаг 3: Перетащите один или несколько краев границы обрезки наружу.

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

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

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

Пустое пространство, добавленное инструментом обрезки, временно заполнено прозрачностью

Результат до сих пор после добавления дополнительного пространства над изображением.

Шаг 4: Нажмите Enter (Win) / Return (Mac), чтобы обрезать изображение

Затем, чтобы принять кадрирование, я нажму Enter (Win) / Return (Mac) на моей клавиатуре, и вот результат. Без обрезки по содержимому Photoshop просто добавил бы пустое место и оставил бы все на этом. Но с включенным Content-Aware Photoshop посмотрел на окрестности и проделал большую работу по заполнению пространства большим количеством голубого неба и случайных облаков:

Как добавить больше места для фотографии с помощью контекстной обрезки в Photoshop

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

Работает как магия, кроме случаев, когда это не так

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

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

Когда контент-зависимый урожай не удается

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

Перетащите нижнюю часть границы обрезки в область под фотографией. Image © 2016 Стив Паттерсон, Photoshop Essentials.com

Перетащите нижнюю часть границы обрезки в область под фотографией.

Затем я отпущу кнопку мыши, после чего Photoshop временно заполняет область пустым пространством, как это было с верхней частью изображения:

Новая область под фотографией заполнена прозрачностью. Image © 2016 Стив Паттерсон, Photoshop Essentials.com

Новая область под фотографией заполнена прозрачностью.

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

Пример того, когда не следует использовать Content-Aware Crop в Photoshop CC. Image © 2016 Стив Паттерсон, Photoshop Essentials.com

Нужен дополнительный набор рук? Контент-осведомленный урожай на помощь!

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

Или посмотрите другие уроки этой главы:

  • 01. Как обрезать изображения в Photoshop CC
  • 02. Как вращать и выпрямлять изображения
  • 03. Как увеличить размер холста с помощью Crop Tool
  • 04. Crop Tool советы и подсказки
  • 05. Использование инструмента Perspective Crop
  • 06. Обрезайте и изменяйте размер фотографий в соответствии с размерами кадра
  • 07. Как использовать Content-Aware Crop
  • 08. Как обрезать фотографии по кругу

Для получения дополнительных глав и для наших последних учебников, посетите наш раздел Основы Photoshop !


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

Мы начнем с общего обзора интерфейса Photoshop и его многочисленных функций. Затем мы рассмотрим инструменты и панель инструментов Photoshop, в том числе способы сброса панели инструментов и, что нового, в Photoshop CC, как настроить панель инструментов так, как вы работаете!

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

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

Если вы изучаете Photoshop с самого начала, вы хотите , чтобы убедиться , что вы прочли главу 1, Начало работы с Photoshop , и Глава 2 , открытие образов в Photoshop , прежде чем продолжить.

Нужны печатные версии этих руководств? Все наши учебники по Photoshop теперь доступны для скачивания в формате PDF ! Давайте начнем!

Подписывайтесь на нашу новостную рассылку

Будьте первым, кто узнает, когда будут добавлены новые учебники!

01. Знакомство с интерфейсом Photoshop

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

02. Инструменты Photoshop и Панель инструментов verview

Теперь, когда у нас есть обзор интерфейса Photoshop, давайте рассмотрим его возможности более подробно. Во втором уроке вы узнаете все о панели инструментов. Панель инструментов содержит все инструменты Photoshop. Вы узнаете, как использовать панель инструментов и как найти множество скрытых инструментов Photoshop. Этот урок включает в себя полный обзор каждого из 66 инструментов Photoshop!

03. Как сбросить настройки инструментов и панели инструментов в Photoshop CC

Очень важно знать, как выбирать инструменты Photoshop на панели инструментов. Но так же, как знать, как сбросить панель инструментов обратно к макету по умолчанию. В этом третьем учебном пособии из этой серии вы узнаете, как сбросить панель инструментов и как мгновенно вернуть все инструменты в Photoshop к настройкам по умолчанию.

04. Как настроить панель инструментов в Photoshop CC

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

05. Управление панелями в Photoshop CC

Теперь, когда мы знаем все о панели инструментов, пришло время взглянуть на панели Photoshop. Большая часть того, что мы делаем в Photoshop, делается с использованием панелей, а большая часть интерфейса состоит из панелей. Есть панели для работы со слоями, для выбора кистей и цветов, работы с текстом и многое другое. В этом уроке вы узнаете все, что вам нужно для эффективной работы с панелями!

06. Работа с вкладками документов и плавающих окон в Photoshop

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

07. Как просматривать несколько изображений одновременно в Photoshop

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

08. 5 способов перемещения изображений между документами Photoshop

09. Как использовать рабочие пространства в Photoshop CC

10. Фотошоп режимы экрана и интерфейсные хитрости

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

01. Знакомство с интерфейсом Photoshop

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

02. Инструменты Photoshop и Панель инструментов verview

Теперь, когда у нас есть обзор интерфейса Photoshop, давайте рассмотрим его возможности более подробно. Во втором уроке вы узнаете все о панели инструментов. Панель инструментов содержит все инструменты Photoshop. Вы узнаете, как использовать панель инструментов и как найти множество скрытых инструментов Photoshop. Этот урок включает в себя полный обзор каждого из 66 инструментов Photoshop!

03. Как сбросить настройки инструментов и панели инструментов в Photoshop CC

Очень важно знать, как выбирать инструменты Photoshop на панели инструментов. Но так же, как знать, как сбросить панель инструментов обратно к макету по умолчанию. В этом третьем учебном пособии из этой серии вы узнаете, как сбросить панель инструментов и как мгновенно вернуть все инструменты в Photoshop к настройкам по умолчанию.

04. Как настроить панель инструментов в Photoshop CC

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

05. Управление панелями в Photoshop CC

Теперь, когда мы знаем все о панели инструментов, пришло время взглянуть на панели Photoshop. Большая часть того, что мы делаем в Photoshop, делается с использованием панелей, а большая часть интерфейса состоит из панелей. Есть панели для работы со слоями, для выбора кистей и цветов, работы с текстом и многое другое. В этом уроке вы узнаете все, что вам нужно для эффективной работы с панелями!

06. Работа с вкладками документов и плавающих окон в Photoshop

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

07. Как просматривать несколько изображений одновременно в Photoshop

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

08. 5 способов перемещения изображений между документами Photoshop

09. Как использовать рабочие пространства в Photoshop CC

10. Фотошоп режимы экрана и интерфейсные хитрости

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

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