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

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

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

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

Сегодня мы научим, как растянуть изображение в Photoshop и как добиться желаемого результата с помощью Adobe Photoshop и инструментом Content-Aware Scale.

• Как задать необходимые пропорции изображению.
• Как работать с инструментом «Рамка»/ «Crop tool».
• Работать с функцией Content-Aware Scale и понять принцип работы.

Краткая инструкция

Пришло время приступить к практике в Adobe Photoshop.

1. Как же задать необходимые пропорции изображению?

Вы нашли будущую картинку для проекта, но она не соответствует требованиям. Соотношения сторон не подходит, но обрезать картинку – не выход. Программа Adobe Photoshop позволит «расширить границы».

Для того чтобы задать необходимые пропорции изображению воспользуйтесь инструментом «Рамка»/ «Crop tool». Для того чтобы выбрать этот инструмент, нажмите горячую клавишу «С», либо выберите из списка на левой вертикальной панели рабочих инструментов.

2. Как работать с инструментом «Рамка»/ «Crop tool»?

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

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

В результате этого образуется пустая область, которую далее заполним с помощью следующей функции Content-Aware Scale.

3. Как работать с функцией Content-Aware Scale и что она делает?

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

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

Для этого выберем инструмент «Прямоугольная область» / «Rectangular Marquee Tool». Либо любой другой удобный инструмент выделения. Это будет также инструмент «Лассо» / «Lasso tool».

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

С активным выделением переходим в главное меню Photoshop, Редактирование / Edit > Масштаб с учетом содержимого/Content-Aware Scale. Либо воспользовавшись сочетанием клавиш (Alt+Shift+ctrl+C)

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

Google My Business card — используйте потенциал этой услуги! — 05.09.2021

Специализация в копирайтинге: возможность или необходимость? — 20.01.2022

6 причин использовать краудфандинг — 29.08.2021

Диверсификация каналов интернет-маркетинга — 15.07.2021

Действительно ли органический трафик бесплатный? — 11.07.2021

Комплексные услуги SMM-продвижения — 20.06.2021

Оптимизация и позиционирование фотографий на сайте — 28.11.2021

Узнать ссылку на свой канал в YouTube — 05.05.2020

Как сделать сайт — 12.05.2020

Как получить трафик из органических результатов? — 24.11.2021

Популярные методы позиционирования, которые не стоит использовать — 19.07.2021

Почему так важны отзывы клиентов о сайте? — 16.09.2021

Контент сайта — 27.06.2021

Почему стоит инвестировать в копирайтинг? — 14.08.2021

Маркетинговые мифы, которые могут быть угрозой — 20.09.2021

Как правильно создать подстраницу «О нас»? — 17.09.2021

Вирусный маркетинг: когда это правильный выбор? — 25.08.2021

6 причин использовать краудфандинг — 29.08.2021

Как создать собственный сайт и сделать его уникальным — 29.06.2021

Разработка мобильных приложений под ключ — 22.06.2021

Растягивание фона изображения с сохранением на нем пропорций определенного объекта

Обнаружил данный урок на одном канале youtube. Очень полезная фишка для веб-дизайнера на мой взгляд.

Иногда ширины оригинального изображения недостаточно для какой-либо дизайнерской задумки, а его растягивание по ширине искажает нужные объекты. Чтобы сохранить эти объекты в целости и при этом растянуть фон изображения, PhotoShop предоставляет нам определенные инструменты. И так, в конечном итоге у нас из оригинального изображения:

Должно получиться вот что:

Приступим. Открываем наше изображение в PhotoShop и выделяем необходимый нам объект:

Далее переходим на вкладку Выделение >> Сохранить выделенную область

И задаем какое-нибудь произвольное имя для данного выделения:

Таким образом, мы создали область, которая в последствии будет защищена от изменений. Следующим шагом переходим в Редактирование >> Масштаб с учетом содержимого:

И обязательно указываем защищаемый объект:

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

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

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

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

Зачем нужно растягивать картинку в Photoshop

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

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

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

Загруженная картинка в Photoshop изначально создает холст под свои размеры. Соответственно, прежде чем нам растягивать ее, понадобится место, куда это делать, а для этого нам придется растянуть холст. На панели инструментов слева выбираем инструмент «рамка», зажимаем Alt, чтобы холст равномерно растягивался с 2 сторон, «хватаем» картинку за край и просто растягиваем до нужных размеров.

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

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

Обратите внимание на скрин выше. Мы специально выбрали такую картинку, чтобы показать вам все особенности растягивания картинки. На нашем примере на картинке нарисована девушка, которая тоже растянулась, из-за чего рисунок стал выглядеть некрасиво и неестественно. Делаем вывод, данный способ подойдет только в том случае, если на вашей картинке нет объектов, которые отобразят растяжение. Однако картинку можно растянуть даже в нашем случае.

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

Возвращаемся на панель слоев и отменяем выделение, нажав Ctrl+D. Теперь, аналогичным образом, переходим в «редактирование» и выбираем пункт «масштаб с учетом содержимого». Аналогичным образом растягиваем картинку до нужных размеров. При этом, сверху появится панель с настройками масштабирования и там будет пункт «защищать». Выбираем наш канал «альфа-1». Теперь растягивается только фон, а наша девушка (выделенная область) остается неименной. И вот, что получается в итоге.

Способ № 2

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

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

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

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

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

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

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

Способы растягивания

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

1. Деформируемое.
2. Пропорциональное.
3. Дополняющее.

Деформируемое растягивание

Предположим, у вас есть фон, на который Вы поместили картинку. Картинка меньше фона, ее надо растянуть. Выберите слой с картинкой, зажмите комбинацию ctrl+t. В программе появятся маркеры, за которые можно тянуть.

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

Пропорциональное

Повторяем процедуру из предыдущего раздела: выбираем слой и зажимаем Ctrl+t. Но теперь при растягивании нужно использовать ТОЛЬКО углы и удерживать клавишу Shift. Тогда картинка будет растягиваться без искажений.

Дополняющее растягивание

А что если Вам нужно удлинить картинку под нужный размер? Вы растянули картинку уже, но хотите, чтобы капля была посередине?
Выход есть:

• Растрируем слой (ПКМ на слое и нажимаем “Растрировать объект”);
  
• Выбираем инструмент “Выделение”;
  
• Выделяем область, которую нужно растянуть;
  
• Зажимаем Ctrl+t;
  
• Тянем в ту сторону, которая нужна.
  

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