Уроки Описание инструментов 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

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

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

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка 0 0

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

Ответить Ссылка 0 0

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

Ответить Ссылка

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

Ответить Ссылка 0 0

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

Ответить Ссылка 0 1

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

Ответить Ссылка 0 0

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

Ответить Ссылка 0 5

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

Ответить Ссылка

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

Ответить Ссылка 0 0

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

Ответить Ссылка

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

Ответить Ссылка 0 0

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

Ответить Ссылка 0 0

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка 0 0

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

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

Ответить Ссылка 0 0

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка 0 0

Прикольно.

Ответить Ссылка 0 0
Еще 30
Добавить комментарий / работу

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

{{work.views}} {{work.comments}}

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

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


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

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

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

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

Жалоба

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

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

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

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

Комментарий

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

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

Исходник:

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

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

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

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

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

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

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

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

Вашу работу разберет один из экспертов проекта «Creativo». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

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


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

{{pub_dates[pub_date]}}
Отменить планирование
Запланировать