Уроки Описание инструментов Марат Садыгалиев 6 июня 2013

Масштабирование с учётом содержимого

Сложность урока: Легкий

Инструмент Масштабирование с учётом Содержимого (Content Aware Scale) - это одна из неизвестных функций программы Photoshop. В этом уроке, я объясню, как работает данный инструмент.

Иногда, вы фотографируете, предположим, птичку рядом с поилкой (см. фото ниже), а затем вы понимаете, что птичка находится дальше, чем вы думали, вы могли бы исправить это путём вырезания изображения птички и вклеивании её поближе, но тогда у вас встаёт вопрос совмещения птички с фоном. А с инструментом Масштабирование с учётом Содержимого (Content Aware Scale), вы можете избежать сложной работы и исправить ваше изображение за минуту.

Данный урок выполнен в программе Photoshop CS5, но он также подойдёт для версий CS4 и CS6, т.к. данный инструмент есть в обеих версиях, и действует он таким же образом.

Итоговый результат

Шаг 1

Как работает инструмент Масштабирование с учётом Содержимого (Content Aware Scale)?

Проще говоря, инструмент выбирает участки на изображении с низким разрешением, а затем автоматически их сжимает.

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

В качестве примера, я использовал фотографию, выполненную Kyricom, она называется Колибри.

Это красивый фотоснимок, но что делать, если вы хотите, чтобы птичка была поближе к поилке?

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

Шаг 2

Вначале, откройте изображение в программе Photoshop, разблокируйте слой, а затем идём Редактирование - Масштабирование с учётом Содержимого (Edit > Content-Aware scale). Вы заметите, что по контуру изображения появятся 8 квадратиков, которые отмечены жёлтыми кружками на скриншоте ниже.

Шаг 3

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

Шаг 4

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

Шаг 5

Давайте, проделаем то же самое с изображением, автором которого является MnMCarta:

Шаг 6

За одну минуту и наши игральные кости уже расположены рядом друг с другом, они даже находятся друг над другом. Кроме того, изображение масштабируется по горизонтали почти на 50%!

Шаг 7

Давайте, пойдём дальше и проделаем то же самое, но в вертикальном направлении.

Вы видите, что кости не повреждены, а мы избавились от лишнего черного пространства.
Итоговое изображение составляет 30 % от оригинального изображения без искажения игральных костей и кадрирования изображения.

Круто?

Шаг 8

Давайте, перейдём к следующему примеру:

Фотография, которая была сделана фотографом Matka, называется ‘Два Стула’. Оригинал на скриншоте ниже:

Шаг 9

Вы подумаете, что инструмент Масштабирование с учётом Содержимого (Content Aware Scale) в очередной раз справится с задачей, но посмотрите, что произойдёт, если мы применим масштабирование слева:

Что здесь происходит?

Как объяснялось выше, программа Photoshop использует низкое разрешение на  изображении и масштабирует их.

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

Шаг 10

Как нам решить эту проблему?

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

Выделите 2 стула с помощью инструмента Лассо (lasso tool), убедитесь, что вы выбрали опцию Добавление к выделенной области (add to selection), таким образом, вы сможете выделить с помощью инструмента Лассо (lasso tool) несколько объектов.

Шаг 11

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

Шаг 12

Щёлкните правой кнопкой мыши по выделенной области и в появившемся окне, выберите опцию Сохранить выделенную область (Save Selection). Я назвал этот слой ‘Стулья’.

Шаг 13

Далее, идём Редактирование - Масштабирование с учётом Содержимого (Edit > Content-Aware scale) и в верхней панели настроек, вы увидите окно выпадающего меню, в котором указано нет (none). В данном выпадающем меню, выберите слой ‘Стулья’, который вы сохранили.

Шаг 14

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

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

Итоговый результат

Автор: Rob Van Den Nieuwendijk

Переводчик: Садыгалиев Марат

Источник: pxleyes.com

Комментарии 80

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

Спасибо за урок

Стала изучать следующий инструмент и нашла функцию "перемещение с учётом содержимого". Вот получилось переместить.

Почти отлично получилось! Стул немного дорисовать нужно.

На простых фонах хорошо получается, а на сложных идёт искажение или не получается.

Спасибо за урок! Сложно, но очень интересно)))

А как масштабировать в обратную сторону? Например, отодвинуть друг от друга. Или этот инструмент в обратную сторону не работает?

Как использовать подобный эффект в видео? Буду благодарер за ответ.

Так же как и с фото. Если хотите уточнений, то напишите вопрос на нашем форуме.

Чтобы на форме спросить , это надо урок под тему искать? и там спрашивать?

очень полезно! спасибо

Или чтобы не было такого черного фона, а просто изображение.

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

Задайте вопрос на нашем форуме.

Везде одно и то же. А вот как наоборот, увеличить фотку, чтобы не было белых краев?

Еще одна работа

Спасибо. После шага 12 нужно еще снять выделение со стульев Ctrl+D. И дальше делать шаг 13.

Великолепный урок! Прям сплошные чудеса!

Огромное спасибо, Супер!!!! Может Вы расскажете длйы чего испольсуют в Камера РАВ Пипетку (Зветовой образец или што то такое- софт на нем. языке) она стоит правее Пипетки настройки белого.
И ещё, как меняь размер кисти кнопками , я читал что можно с этими "] [", но у меня неработает, если нужны настройки то какие?

Заранее Спасибо

Спасибо за урок

Масштабирование со стульями.Второй вариант

Масштабирование со стульями.Первый вариант

Отличный урок, спасибо! Не знала раньше про такую функцию.

Уроки просто чудо!

Спасибо большое

Блииииииин!Чудеса какие-то, прям...) Спасибо за урок.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее