Как продлить изображение в фотошопе
Перейти к содержимому

Как продлить изображение в фотошопе

  • автор:

Как расширить фон в Фотошопе?

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

Adobe Photoshop

О, нет! Ориентация моего фото неправильная. Если бы он был чуть-чуть шире или выше!

Это когда-нибудь случалось с вами?

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

Способ 1: Инструмент масштабирования с учетом содержимого

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

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

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

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

Шаг 1: Расширьте холст

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

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

Если я просто обрежу эту область 4 н

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

Затем нажмите на изображение и перетащите его туда, где вы хотите, чтобы объект был в кадре. Я выстроил свой водопад примерно по правилу третей.

Затем нажмите на изображение и перетащи

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

Шаг 2: Защитите объект

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

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

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

Для этого я возьму инструмент «Лассо» на панели инструментов слева и создам свободное выделение вокруг водопада.

Для этого я возьму инструмент «Лассо» на пане

Затем я нажму на вкладку «Каналы» рядом с панелью «Слои». Я щелкну значок «Маска» в нижней части панели. Это создаст новый канал, который автоматически получит название Alpha 1.

Затем я нажму на вкладку «Каналы» ряд

Обязательно снимите выделение, нажав Ctrl + ( + ). D Command D

Шаг 3: Инструмент масштабирования с учетом содержимого

Теперь я открою Content-Aware Scale Tool. Для этого перейдите в «Правка» в строке меню и выберите «Масштаб с учетом содержимого». Или нажмите Alt + + + ( + + + ) на клавиатуре. Shift Ctrl C Option Shift Command C

Теперь я открою Content-A

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

В поле «Защита» выберите только что созданный канал Alpha 1 из раскрывающегося меню. Теперь Photoshop умеет растягивать не водопад, а только джунгли.

В поле «Защита» выберите только что

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

Теперь я буду щелкать и перетаскивать края изображен

Бум! Теперь мое изображение готово для публикации в Instagram размером 4 на 5 без потери верхней и нижней части водопада!

Способ 2: заливка с учетом содержимого

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

Вариант Content-Aware Fill еще прощ

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

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

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

Опять же, мы начинаем с инструме

Я решил оставить исходное соотношение сторон в поле на панели параметров.

Я решил оставить исходное соотношение

Шаг 2. Обрезка с учетом содержимого

Убедитесь, что установлен флажок Content-Aware. Затем нажмите Enter, чтобы принять изменения.

Убедитесь, что установлен флажо

Не слишком потертый!

Альтернативный шаг 2: выберите область заливки

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

Вместо того, чтобы позволить программе выбирать, что копировать, вы выбираете. Для этого выберите Rectangular Marquee Tool на панели инструментов.

Вместо того, чтобы позволить программе

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

Затем сделайте выделение над област

Затем я скопирую его на новый слой с помощью Ctrl + ( + ). Теперь я нажимаю + ( + ), чтобы получить доступ к Free Transform Tool. J Command JCtrl T Command T

Затем я скопирую его на новый слой с помо

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

Активировав этот инструмент, вы можете взять

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

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

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

К сожалению, как и многие, я не всегда учитываю правило третей и забываю выставлять соотношение сторон кадра при фотографировании. И при обработке фотографий мне часто не хватает основного фона на прямоугольных фото. Особенно, если нужен формат в соотношении 9*16. Например, для обложки Ютуб. Или для открыток.

Исправляю ситуацию в Фотошопе.

Видео «Как растянуть или заменить часть фона»

Видео «Изменение цвета, насыщенности, яркости и контраста»

Итак, переходим к разбору вариантов. Покажу три:

  • как из горизонтального фото соотношением 4*3 сделать горизонтальное с соотношением 16*9,;
  • как из вертикального фото перейти в горизонтальное;
  • как заменить фоном предметы, случайно попавшие в кадр.

Как добавить недостающий фон к фото

Я буду использовать инструмент «Рамка». В его настройках есть выбор соотношения сторон.

001 фотошоп инструмент рамка настройка

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

Прозрачный фон в фотошопе обозначен шахматной сеткой. Иногда вместо прозрачного пустоты залиты каким-либо цветом. Это зависит от настроек.

002 фотошоп инструмент рамка маркеры

Следующий шаг – дубликат слоя

В верхнем выпадающем меню СЛОИ выбираю команду с таким названием.

003 фотошоп создать дубликат слоя

В панели слоев появляется второй слой, копия уже имеющегося.

Ставлю курсор на этот слой, проверяю, активно ли УПРАВЛЕНИЕ элементами, чтобы видны были маркеры.

004 фотошоп установка маркеров

И затем растягиваю нижнюю картинку влево, заполнив тем самым пустое пространство.

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

005 фотошоп растянуть фон

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

006 фотошоп выделение фона

И этот прямоугольник зеркально отображаю.

Для этого иду во вкладку верхнего меню «Редактирование», в ней «Трансформирование» и выбор «отразить по горизонтали».

007 фотошоп горизонтальное отображение

Вы видите, что на границе вставки и исходника рисунок точно совпадает без сдвигов вверх или вниз.

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

008 фотошоп размытие палец

Но перед этим обязательно нужно объединить два слоя в один и уже на полученном слое растушевать границы.

004 фотошоп объединить слоия

Картинка готова. Далее ее можно также редактировать, меняя насыщенность, яркость. Добавить рамку, текст и так далее.

Это один из простых вариантов.

Горизонтальное фото из вертикального

Как и в первом варианте я использую инструмент Рамка.

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

009 фотошоп поворот рамки и картинки

Для создания дубликата слоя кликаю в панели слоев ПКМ и выбираю соответствующую команду.

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

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

010 фотошоп поворот замена угла

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

Если есть необходимость, то поворачиваю, добиваясь идеального соответствия имеющемуся фону.

Объединив все три слоя размываю границы с помощью инструмента ПАЛЕЦ.

Замена случайных предметов на фон

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

Заменю его на фон.

Для этого использую инструмент «прямоугольное лассо». В отличии от магнитного лассо, которое выделяет контур ориентируюсь на границы предметов и их цвет, прямоугольное лассо выделяет только прямыми линиями.

011 прямоугольное лассо фотошопфотошоп поворот замена угла

С его помощью выделяю ненужную часть фотографии.

012 фотошоп выделение прямоугольным лассо

Далее с клавиатуры кликаю Delet и соглашаюсь с предложением фотошопа сделать замену с учетом содержимого.

Кстати, также можно удалить фон в фотошопе, используя магнитное лассо.

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

Затем все также, как в предыдущих вариантах:

  • дублирую слой и отражаю его по вертикали;
  • объединяю слои;
  • смягчаю границу стыка с помощью все того же пальца.

Эти варианты могут подойти не ко всем рисункам и фото. Зависит от того, какой основной фон, однотонный или со многими деталями и т.д.

Но за основу можно взять все те инструменты, которые использованы в данном уроке.

Как дорисовать фон в Photoshop?

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

Инструмент первый. Штамп

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

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

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

Автозаполнение

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

Как растянуть фон картинки в Photoshop .

Недавно меня попросили продолжить фон вот у этой картинки.

Поэтому поводу решила написать , как я это делаю.
Итак, приступим.
1.
Открываем картинку в фотошопе.

2.
Инструментом Rectangular Marquee (Прямоугольное выделение)
Выделяем изображение и копируем выделение на новый слой.

3. Удаляем нулевой слой — он нам больше не нужен.
Для этого внизу в
палитре вслоёв жмём на иконку с корзинкой и в появившемся окошке жмём
Ок.

Или жмём в палитре слоёв на нулевой слой правой кнопкой и в
появившемся меню жмём на удаление слоя.

4.
Так, как данное изображение маленькое, я увеличила просмотр до 200%
Сделать это можно в палитре Navigator.
Если вы её не нашли на рабочем
столе фотошопа, то ступайте в меню и откройте эту панель.

Теперь приступим к главному.
Начнём с правой стороны.

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

6.
Инструментом Move (Перемещение) передвигаем копированный кусочек и отображаем его горизонтально.

7.
Теперь нам нужны инструменты ретуширования.
Воспользуемся -Eraser -(Ластик).
Параметры выберем такие — — Mode (Режим)— Brush (Кисть)

В параметре — Brush (Кисть) жмём на стрелочку и у нас выпадает окошко с
кистями. Возьмём стандартную мягкую кисточку. В моём случае достаточно
на 23 пикс.

На скрине я выделила красным параметр -Hardness (Жесткость). В этой
настройке пользователь определяет, насколько у кисти должны быть мягкие
края. 0% обозначает, что края будут предельно сглажены. Чем больше %,
тем края более чёткие.
Итак, мягким ластиком, который мы только что настроили аккуратненько стираем левый край с дублированного кусочка.

9.
Объединим слои. Жмём правой кнопкой мышки по слою с фрагментом и выбираем
ОБЪЕДИНИТЬ С ПРЕДЫДУЩИМ

Сделаем ещё одно прямоугольное выделение и скопируем его на новый слой.
Этот кусочек так же , как и предыдущий, перетаскиваем и ретушируем.так-же как было описано выше
Соединяем слои.
Так продолжаем до полного заполнения правой стороны фоном
Переходим на левую сторону.
Повторяем ходы, которые мы делали для правой стороны.
Смотрите по
рисунку и выбирайте, какие кусочки вам копировать, чтобы получилось
реалистичное изображение.
Накладывайте один кусочек на другой,
свободной трансформацией ( сочетание клавиш Ctrl+T) изменяйте размер
кусочков.
В общем, включайте фантазию.
Моя фантазия привела меня вот к
такому результату.

Ещё могу посоветовать воспользоваться такими инструментами, как -Blur (Размытие) и Smudge (Палец) .

Они дают интересные результаты.
Так же можно воспользоваться
инструментом -Patcn (Заплатка)
Является сочетанием произвольного выделения и заливки.
Его удобно
использовать при ретушировании.

Способов и возможностей очень много. Вам достаточно получше
познакомиться с инструментами программы и их возможностями и все
преграды перед вами отступят .
Автор — ваш Admin- Ольга Бор.

Серия сообщений «уроки Ledy_OlgA»:
Часть 1 — Сделать блестки фильтром по краю рамки.
Часть 2 — Как растянуть фон картинки в Photoshop .

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *