Как растянуть фон в фотошопе

Обновлено: 22.05.2024

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

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

К счастью, это легко исправить. В этом уроке мы узнаем, как растянуть изображение в Photoshop, чтобы получить более сбалансированную и красивую фотографию. Этот метод заключается в использовании элементов изображения, которые у вас уже есть, и существует два метода: инструмент выделения и инструмент Content-Aware.

женщина против желтый фон

Вариант 1. Расширение фона в Photoshop с помощью инструмента Marquee Tool

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

Шаг 1

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

Шаг 2

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

Шаг 3

Теперь пришло время заполнить пространство с помощью маркеров, появившихся с помощью инструмента «Свободное преобразование». Выберите один из них и перетащите его в том направлении, в котором вы хотите расширить новый фон. Перетаскивайте, пока не закроете элементы, которые хотите удалить с изображения.

И все! Теперь вы знаете, как использовать функцию расширения фона Photoshop с помощью инструмента «Свободное преобразование». Обязательно снимите выделение и нажмите «Сохранить».

Вариант 2. Расширение фона Photoshop с помощью Content-Aware

женщина сидит в кресле

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

Шаг 1

Чтобы расширить фон с помощью этого метода, первым шагом будет добавление холста. Для этого откройте Photoshop, нажмите «Изображение», а затем нажмите «Размер холста». Что делает add canvas, так это позволяет вам регулировать размер изображения в любом направлении. На холсте еще ничего не будет; этот шаг связан с достижением необходимой высоты и ширины изображения.

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

Шаг 2

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

Шаг 3

Теперь пришло время для третьего и последнего шага, который заключается в использовании Content-Aware для заполнения новой области. Для этого перейдите в «Правка»> «Заливка», и появится диалоговое окно «Заливка». Убедившись, что установлено значение «Использовать», нажмите «ОК». Вот и все — еще один простой способ расширить фон в Photoshop.

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

Заключение

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

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

Следует отметить, что эта техника работает не со всеми типами фона. Лучшие среды, в которых можно легко допустить большое растяжение с помощью Content-Aware Scale, будут относительно простыми и без заметных вертикальных линий, если расширяться по горизонтали, как показано. Снимки пляжа, использованные в демонстрации, являются прекрасным примером того типа фотографий, с которыми это будет прекрасно сочетаться.

расширить фон в фотошопе

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

  1. Используйте инструмент кадрирования, чтобы изменить размер холста до нужных размеров. Обязательно используйте кнопку «Очистить», чтобы очистить соотношение, чтобы вы могли свободно его настраивать, или, если вы знаете точные размеры, которые вам нужны, вы можете ввести их в поля размеров.
  2. Используйте инструмент Content-Aware Scale, чтобы растянуть изображение, уделяя особое внимание объекту. Как только вы увидите, что объект начинает расширяться, не растягивайте фотографию до тех пор, пока объект не изменится, и нажмите клавишу ввода, чтобы принять масштаб.
  3. Снова используйте инструмент «Масштабирование с учетом содержимого», еще раз внимательно следя за объектом, чтобы избежать каких-либо искажений. Примите масштаб до того, как объект начнет растягиваться. При необходимости повторите.
  4. Если одна сторона вашего изображения растягивается легче, не искажая объект, чем другая, но вам нужно расширить обе стороны, вы можете использовать инструмент выделения, чтобы выбрать часть вашего изображения, которая не содержит объект, и применить содержание -Aware Scale только для этой части.
  5. Вы можете обнаружить, что инструмент масштабирования с учетом содержимого вызвал некоторые артефакты на вашем фоне. Если это произойдет с вашим изображением, вы можете использовать различные параметры клонирования/восстановления Photoshop, чтобы удалить их.

Видео 1 | Быстрый хак для НЕОГРАНИЧЕННОГО растягивания фона в Photoshop от PiXimperfect

Посмотрите видео PiXimperfect ниже, чтобы увидеть, как выполняются эти шаги!

Видео 2 | Как растягивать изображения с помощью Content Aware Scale от Phlearn

В представленном здесь видео Аарон Нейс и команда Phlearn собрали учебное пособие, показывающее этот самый процесс и делающее шаг вперед, объясняя, как можно избежать деформации элементов изображения, которые вы не хотите искажать во время процесс «Продление» – обеспечение их защиты. По сути, это просто вопрос выбора того, что вы хотите защитить, и загрузки его в качестве канала, через который вас проведет Аарон.

В видеоруководстве вы увидите, как расширить фон в Photoshop, используя инструмент кадрирования, чтобы расширить границы/параметры вашего изображения, а затем перейти в меню «Правка»> «Масштаб с учетом содержимого» и альт.

photoshop-phlearn-tutorial content-aware-landscape-studio-background-photography-slrlounge-3
< /p>

[ОБРАТКА: ЗАЧЕМ ВАМ НУЖЕН ПЛАНШЕТ И КАК ОН ИЗМЕНИТ ВАШ РАБОЧИЙ ПРОЦЕСС LIGHTROOM]

Здесь стоит сказать, что, хотя это будет работать как «рекламируемое», вы должны знать, что Content Aware не полностью осознает ваши желания и, следовательно, не всегда знает, где остановиться, или не может расширить как вам нравится – или так безупречно, как вам хотелось бы, за один раз. Тем не менее, вы все равно можете работать постепенно, и это будет экспоненциально быстрее и, вероятно, более плавным, чем если бы вы использовали инструмент клонирования. Как правило, просто продлите треть или около того расстояния, которое вы хотите, используйте контент с учетом, а затем начните снова, и все должно быть хорошо. Это также будет лучше всего работать с изображениями, у которых не слишком загроможден фон.

Как всегда, если вы являетесь поклонником учений Аарона (а кто нет?), обязательно проверяйте обновления здесь и следите за новостями Аарона на YouTube и Phlearn. Вам также следует подумать о том, чтобы быстро освоить Photoshop с помощью наборов Phlearn Photoshop 101 и 201, поскольку они чрезвычайно всеобъемлющи и позволят вам быстро делать в Photoshop вещи, которые в противном случае могли показаться слишком сложными или даже не знали, что вы можете сделать.

Заключение

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

Как расширить фон в Photoshop (лучшие методы)

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

Чтобы расширить фон в Photoshop, выберите инструмент «Кадрирование» и установите флажок «С учетом содержимого» на верхней панели. Затем установите соотношение сторон обрезки на «соотношение» и оставьте значения соотношения пустыми. Теперь нажмите и перетащите на нужную область кадрирования, чтобы расширить фон и автоматически заполнить новую область с учетом содержимого

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

Но в этом посте я подробнее остановлюсь на предостережениях относительно каждого метода.

Итак, давайте рассмотрим два лучших способа расширения фона и что делать, если что-то работает неправильно!

Как расширить фон с помощью обрезки с учетом содержимого

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


Что такое обрезка с учетом содержимого?

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

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


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

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


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


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



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


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


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


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


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


Чтобы исправить эту ошибку, вам потребуется расширить фон в разделах. Отмените обрезку, выбрав «Правка» > «Отменить обрезку с учетом содержимого» или нажав сочетание клавиш Control + Z (Windows) или Command + Z (Mac).


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



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


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

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

Как расширить фон с помощью масштабирования с учетом содержимого

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

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

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


Выбрав инструмент обрезки, убедитесь, что флажок Content-Aware на верхней панели параметров не установлен.


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


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


После кадрирования ваше изображение должно иметь дополнительное прозрачное пространство по бокам.


Чтобы использовать инструмент масштабирования с учетом содержимого, сначала убедитесь, что слой изображения выбран на панели «Слои». Затем выберите «Правка» > «Масштаб с учетом содержимого» или используйте сочетание клавиш Alt + Shift + Control + C (Windows) или Option + Shift + Command + C (Mac).



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


Проблемы с масштабированием с учетом содержимого

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


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



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


Продолжайте повторять эти шаги, пока не заполните все дополнительное пространство справа от изображения.


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

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


Как расширить участки фона с помощью инструмента «Выделение»

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

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

Вы можете использовать инструмент "Выделение" после обрезки изображения наружу с прозрачными областями вокруг изображения. Выберите инструмент выделения на панели инструментов или нажмите M.


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


После того, как область выбрана, перейдите в меню «Правка» > «Масштаб с учетом содержимого» или используйте сочетание клавиш Alt + Shift + Control + C (Windows) или Option + Shift + Command + C (Mac).


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


После того, как вы перетащите выделение к краю нового размера изображения, нажмите галочку на верхней панели параметров или нажмите Enter на клавиатуре. Снимите выделение, перейдя в Select > Deselect. Вы также можете использовать сочетание клавиш Control + D (Windows) или Command + D (Mac).



Теперь фон будет расширяться, не затрагивая объект вашего изображения.


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

Как исправить несоответствия в расширенном фоне

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

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


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

Конечный продукт изображение

Что вы будете создавать

Сегодня я покажу вам несколько простых и эффективных способов расширить фон в Photoshop. Прежде чем мы начнем, я хотел бы порекомендовать продукт от Envato Elements, который может помочь вам расширить фон в Photoshop несколькими простыми кликами:

Расширение изображения: комплект обрезки и расширения (ZXP)

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

Image Extend — комплект для обрезки и расширения

Обучающие ресурсы

Прежде чем мы начнем изучать, как расширить фон в Photoshop, я хочу показать вам, какие ресурсы использовались при создании урока:

Чему вы научитесь в этом уроке по Photoshop

  • Как расширить изображение сплошным фоном в Photoshop
  • Как увеличить изображение в Photoshop с помощью параметра «Масштабирование с учетом содержимого»
  • Как расширить фон в Photoshop с помощью надстройки Image Extend

Следите за нами на нашем канале Envato Tuts+ YouTube:


1. Как расширить изображение сплошным фоном в Photoshop

Шаг 1

Давайте начнем с открытия нашего первого изображения. Нажмите Control-O и выберите изображение.

Открытие изображения в Photoshop

Шаг 2

Чтобы расширить фон изображения сплошным фоном в Photoshop, все, что вам нужно сделать, это нажать Alt-Control-C и изменить Толщину на 8500 пикселей, а затем изменить Цвет расширения холста на цвет вашего фона. с помощью инструмента "Палитра цветов".

Расширение фона в Photoshop

Вот как теперь должно выглядеть наше изображение:

изображение с расширенным фоном

Шаг 3

Если у вас есть линии, цвета которых не совпадают, вы можете исправить их с помощью инструмента "Точечная восстанавливающая кисть" (J). Просто закрасьте эти линии этим инструментом.

использование инструмента точечного лечения

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

Шаг 1

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

Растеризация фона

Шаг 2

Затем нажмите C, чтобы активировать инструмент обрезки.

активация инструмента кадрирования

Шаг 3

Перетащите линии инструмента обрезки, чтобы расширить фон так, как вам нужно.

расширение фона в Photoshop с помощью инструмента кадрирования

Шаг 4

Теперь нажмите Alt-Shift-Control-C, чтобы активировать инструмент Content-Aware Scale. Удерживая нажатой клавишу Shift, перетащите линии, чтобы расширить фон изображения Photoshop.

расширение фона с помощью инструмента масштабирования с учетом содержимого

Вот как будет выглядеть ваше изображение:

расширенный результат изображения

Шаг 5

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

почему не следует использовать Content Aware с портретами

3. Как расширить фон в Photoshop с помощью надстройки Image Extend

Шаг 1

Предыдущий метод может сделать некоторые области изображения размытыми, и вы можете потерять качество изображения. Чтобы этого избежать, давайте попробуем аддон Image Extend. Откройте изображение, которое хотите использовать, а затем выберите «Окно» > «Расширения» > «Расширение изображения», чтобы открыть надстройку.

открытие расширения изображения

Шаг 2

Здесь вы можете выбрать, какую сторону фона вы хотите расширить и сколько пикселей вы хотите добавить. Ставим галочку Content-Aware, а затем устанавливаем все стороны на 200 пикселей.

настройка расширения изображения

Шаг 3

После этого просто нажмите Расширить и немного подождите.

расширенный результат изображения с дополнением

Отличная работа! Готово!

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

 конечный результат

Если вы хотите узнать больше советов и приемов Photoshop, ознакомьтесь с этими замечательными руководствами:

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