Инструмент "Рамка" в Photoshop не растягивается

Обновлено: 23.11.2024

Если вы кадрируете фотографии для Instagram 4×5, вы знаете, как сложно поместить объект в кадр. Именно здесь может быть полезно добавить немного больше места по вертикали или горизонтали к вашей фотографии, используя масштабирование с учетом содержимого в Photoshop.

В этой статье я расскажу, как с помощью Photoshop добавить немного свободного пространства на фотографию, не искажая ее.

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

Как растянуть изображение в Photoshop без искажений

Конечно, сначала вам нужно открыть изображение в Adobe Photoshop. Если вы используете Lightroom, вы можете щелкнуть правой кнопкой мыши фотографию и выбрать «Открыть в Photoshop».

1. Откройте свой холст

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

Вы также должны убедиться, что слой не является смарт-объектом. Если вы считаете, что это так, вы можете щелкнуть правой кнопкой мыши слой и выбрать «Растрировать слой»

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

2. Увеличьте холст

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

Это можно сделать, выбрав Изображение > Размер холста.

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

После того, как вы нажмете OK, вы увидите расширенный холст для работы.

Теперь, когда у нас есть расширенный холст, мы можем растянуть края нашей фотографии.

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

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

После того как вы выбрали край, вам нужно масштабировать часть фотографии с учетом содержимого. Это можно сделать, выбрав «Правка» > «Масштаб с учетом содержимого».

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

Хотите улучшить свои фотографии из путешествий?
Прочитайте: Советы по фотографии из путешествий, чтобы улучшить ваши фотографии

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

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

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

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

Вот пример, где я выполнил процесс по горизонтали и по вертикали.

4. Удаление визуальных артефактов

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

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

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

Понравилась эта статья?
Поделитесь булавкой на Pinterest

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

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

  • Используйте инструмент "Рамка", чтобы нарисовать на холсте пустые прямоугольные или эллиптические рамки.
  • Преобразуйте любую существующую фигуру или текст во фрейм.
  • С существующим изображением на холсте используйте инструмент "Рамка", чтобы нарисовать нужную область изображения.

Создание рамок с помощью инструмента "Рамка"

Преобразование любой фигуры или текста во фрейм

  1. На панели «Слои» щелкните правой кнопкой мыши (Win) или щелкните, удерживая нажатой клавишу «Control» (Mac), текстовый слой или слой-фигура и выберите «Преобразовать во фрейм» в контекстном меню.
  2. В диалоговом окне "Новая рамка" введите имя и задайте ширину и высоту рамки.
  3. Нажмите "ОК" .

Нарисуйте рамку поверх существующего изображения на холсте

  1. Выберите инструмент "Рамка" на панели "Инструменты" или нажмите клавишу "K".
  2. На панели параметров инструмента выберите прямоугольную или эллиптическую рамку.
  3. С существующим изображением на холсте нарисуйте рамку над нужной областью изображения.
  4. При рисовании рамки изображение маскируется границами рамки.

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

    • Перетащите ресурс Adobe Stock или ресурс библиотеки с панели «Библиотеки» во фрейм. Ресурс размещается как смарт-объект, который по умолчанию связан с библиотеками Creative Cloud. Чтобы получить исходный отдельный слой (не связанный с библиотеками), удерживайте нажатой клавишу Alt (Win)/Option (Mac) при перетаскивании с панели «Библиотеки» или используйте команду «Поместить слои» на панели «Библиотеки».
    • Перетащите изображение с локального диска в рамку. Изображение размещается как встроенный смарт-объект. Чтобы создать связанный смарт-объект, перетащите изображение, удерживая нажатой клавишу Alt (Win)/Option (Mac).
    • Выберите кадр. В строке меню выберите «Файл» > «Поместить связанный» или «Поместить встроенный». В появившемся диалоговом окне выберите изображение, которое хотите поместить в выбранный кадр. Изображение размещается как связанный или встроенный смарт-объект.
    • На панели «Слои» перетащите пиксельный слой в пустой фрейм. Пиксельный слой автоматически преобразуется в смарт-объект.

    На панели «Слои» кадры представлены типом слоя «Кадр». Слой кадра отображает две миниатюры — миниатюру рамки и миниатюру содержимого.

    Слой кадра на панели «Слои»

    А. Миниатюра кадра B. Миниатюра содержимого; Смарт-объект, связанный с библиотеками C. Слой кадра

    Если вы открываете документ со слоями кадров в Photoshop CC 2018 или более ранних версиях, слой кадра открывается как смарт-объект с векторной маской поверх него.

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

    Состояния выбора кадра и вставленного изображения.

    А. Выбраны кадр и его изображение B. Выбрано только изображение (показано с включенными элементами управления трансформацией) C. Выбран только кадр

    Выберите фрейм и его изображение

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

    • На холсте один раз нажмите на вставленное изображение.
    • На панели «Слои» щелкните слой с рамкой.

    В этом состоянии выбора рамку и изображение можно перемещать или трансформировать вместе.

    Выбрать только изображение

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

    • На холсте дважды щелкните изображение.
    • На панели «Слои» щелкните миниатюру содержимого в слое с рамкой.

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

    Выберите только кадр

    Чтобы выбрать только кадр, выполните одно из следующих действий:

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

    Теперь вы можете трансформировать рамку независимо друг от друга.

    При добавлении нового изображения во фрейм существующее встроенное изображение заменяется им. Выполните одно из следующих действий:

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

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

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

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

    Заключение

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

    Существует множество способов изменить размер объекта в Photoshop, но вам не обязательно быть профессионалом, чтобы получить нужный эффект. В этой статье мы рассмотрим очень простые способы масштабирования, преобразования и изменения размера объекта с помощью функции Transform.

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

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

    Изменение размера объекта с помощью функции масштабирования

    Сначала я выберу слой с белым квадратом в правом нижнем углу экрана. Выбранный слой имеет светло-серый фон.

    Преобразовать изображение 1

    Выбрав слой с белым квадратом, нажмите меню «Правка» и выберите «Преобразование»> «Масштаб».

    Преобразовать изображение 2

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

    Преобразование изображения 3

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

    Преобразование изображения 4

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

    Для этого я могу посмотреть на панель параметров в верхней части экрана и снять кнопку "Сохранить соотношение сторон" (значок ссылки), которая устанавливает пропорциональность объекта.

    Преобразование изображения 5

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

    Преобразование изображения 6

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

    Изменение размера объекта с помощью свободного преобразования

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

    Для этого примера я выбрал слой с изображением солнца в правом нижнем углу.

    Преобразование изображения 7

    В меню "Правка" выберите "Свободное преобразование".

    Преобразование изображения 8

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

    Преобразование изображения 9

    Для начала я хочу сохранить эту пропорцию, поэтому я снова нажму кнопку "Сохранить соотношение сторон" (значок ссылки) на панели параметров, а затем с помощью маркеров изменю размер солнца, чтобы оно заполнило белый квадрат.

    Преобразование изображения 10

    Здесь есть еще один вариант изменения размера.Независимо от того, выберете ли вы «Масштаб» или «Свободное преобразование», вы можете использовать маркеры на ограничительной рамке, как описано выше, или вы можете установить проценты высоты (H) и ширины (W) вручную на панели параметров.

    Преобразование изображения 11

    На этот раз я выбрал слой с цветком. Я убедился, что выбран значок «Сохранить соотношение сторон», и увеличил процент высоты до 325%. Ширина автоматически настраивается на тот же процент, поскольку ссылка была активирована.

    Преобразование изображения 12

    Изменение размера объекта с помощью дополнительных параметров преобразования

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

    Преобразование изображения 13

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

    Преобразование изображения 14

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

    • Повернуть — изображение будет вращаться вокруг фиксированной опорной точки. Если вы переместите указатель за пределы ограничивающей границы, он превратится в изогнутую двустороннюю стрелку. Затем вы можете перетащить указатель, чтобы повернуть изображение. Нажмите клавишу Shift, чтобы изменить угол поворота с шагом 15°.
    • Наклон наклоняет объект по вертикали и горизонтали. Просто перетащите боковой маркер, чтобы наклонить ограничительную рамку.
    • Искажение позволяет растягивать объект во всех направлениях. Используйте угловые маркеры, чтобы исказить форму.
    • Перспектива применяет к выбранному объекту одноточечную перспективу. Возьмите угловой маркер и перетащите его, чтобы применить нужную перспективу.
    • Деформация позволяет детально манипулировать формой объекта. При активации над изображением появляется «сетчатый» график. Перетащите контрольные точки, линию или область внутри сетки, чтобы изменить форму сетки, и форма объекта изменится.

    Сочетания клавиш

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

    • Используйте Ctrl + T для Windows или Command + T для Mac, чтобы активировать Free Transform. Это поместит ограничивающую рамку вокруг выбранного слоя/объекта.
    • Удерживая нажатой клавишу Alt для Windows или Option для Mac, перетащите маркер, чтобы изменить форму области из ее центра.
    • При перетаскивании маркера ограничительной рамки в режиме "Свободное преобразование" удерживайте нажатой клавишу Shift, которая будет ограничивать соотношение сторон в качестве альтернативы нажатию кнопки "Сохранить соотношение сторон".
    • Удерживание Shift + Alt (Windows) или Shift + Option (Mac) при щелчке и перетаскивании маркера изменит размер объекта пропорционально его центру, если вы щелкнете по угловому маркеру, или изменит противоположные стороны одинаково, если вы используете боковая ручка.
    • Когда вокруг объекта видна ограничительная рамка, щелкните правой кнопкой мыши в Windows или нажмите Control + щелчок (Mac), чтобы отобразить подменю параметров преобразования, содержащее поворот, наклон, искажение и т. д. Если выбрать любой из этих подменю -options, вы можете удерживать клавишу Alt (Windows) или Option (Mac), щелкая и перетаскивая мышью, чтобы выполнить эту функцию.
    • Кроме того, при активной функции «Свободное преобразование» вы можете временно переключаться в режимы «Перекос», «Искажение» или «Перспектива» непосредственно с клавиатуры, не выбирая их в каком-либо меню.
      • В режиме "Перекос" или "Искажение" просто удерживайте нажатой клавишу Ctrl (Windows) или Command (Mac) при перетаскивании бокового или углового маркера.
      • В режиме перспективы удерживайте нажатыми клавиши Shift + Ctrl + Alt (Windows) или Shift + Command + Option (Mac) и перетащите угловой маркер.
      • Отпускание клавиш возвращает вас в стандартный режим свободной трансформации.
      • При нажатии клавиши "Ввод" функция "Свободное преобразование" закрывается.

      Заключение

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

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

      Если вы попробуете эти или другие методы, оставьте нам комментарий и расскажите, как все прошло!

      Автор Эмбер Фогель

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

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