Увеличение размера фона в Photoshop CC 2019
Утомительные поиски подходящего изображения завершены! На одном из фотобанков дизайнеру наконец удалось найти фотографию, которая идеально подойдет для воплощения его идеи. Все портит лишь одно обстоятельство: согласно принятому заказчиком макету, фона вокруг объекта на картинке должно быть больше. Что же делать? Начинать все заново? Искать другое, более пригодное, изображение? — Нет, возможно все не так страшно. Ведь в большинстве случаев размер фона можно увеличить в графическом редакторе. И в данном уроке о том, как растянуть фон на фотографии в Photoshop…
Увеличение размера фона в Photoshop
Чтобы растянуть фон в Photoshop, необходимо:
-
Увеличить холст до требуемого размера с помощью команды | Menus | > Image >Canvas Size… (| Меню | > Изображение >Размер холста…) или инструмента « Crop tool » (Рамка); Шаг 1: Увеличение размера холста
Видео к уроку
Материалы к уроку
Исходная фотография мопса на pixabay.com : Перейти
Исходная фотография дворняги на pixabay.com : Перейти
Похожие уроки
В компьютерной графике часто используются фотографии текстур. Но получить идеальный снимок поверхности не так просто. Одной из самых распространенных проблем, с которой приходится сталкиваться при работе с такими изображениями, является то, что поверхность на фото может быть освещена неравномерно. И в данном уроке о том, как выровнять тон текстуры в Photoshop…
Мрамор очень разнообразен. Образцы мрамора из разных месторождений отличаются по рисунку, по цвету, по структуре. В данном уроке представлен алгоритм создания в Photoshop текстуры мрамора розового цвета со светлыми прожилками и зернистыми вкраплениями. Но, экспериментируя с настройками фильтров и корректировок, выбирая другие режимы наложения для слоев, таким же образом можно делать самые разнообразные текстуры мрамора…
Заваленный горизонт — типичный дефект фотографий, сделанных в «полевых условиях» без специального оборудования. Исправить его можно с помощью инструмента Photoshop CC 2019, который называется « Crop Tool » (Рамка) и снабжен такими функциями, как: « Straighten » (Выпрямить), « Delete Cropped Pixels » (Удалить отсеченные пиксели) и « Content-Aware » (С учетом содержимого). И в данном уроке о том, как быстро выровнять горизонт на фотографии в Photoshop…
Справиться с, на первый взгляд весьма непростой, задачей наложения изображения на неровную поверхность помогут такие средства Photoshop, как фильтр « Displace » (Смещение) и « Blending Options » (Параметры наложения) слоев. Так, в данном уроке они используются для нанесения рисунка на ткань…
Растягивание фона изображения с сохранением на нем пропорций определенного объекта
Обнаружил данный урок на одном канале youtube. Очень полезная фишка для веб-дизайнера на мой взгляд.
Иногда ширины оригинального изображения недостаточно для какой-либо дизайнерской задумки, а его растягивание по ширине искажает нужные объекты. Чтобы сохранить эти объекты в целости и при этом растянуть фон изображения, PhotoShop предоставляет нам определенные инструменты. И так, в конечном итоге у нас из оригинального изображения:
Должно получиться вот что:
Приступим. Открываем наше изображение в PhotoShop и выделяем необходимый нам объект:
Далее переходим на вкладку Выделение >> Сохранить выделенную область
И задаем какое-нибудь произвольное имя для данного выделения:
Таким образом, мы создали область, которая в последствии будет защищена от изменений. Следующим шагом переходим в Редактирование >> Масштаб с учетом содержимого:
И обязательно указываем защищаемый объект:
Все. Остается только изменить ширину изображения с помощью стандартных инструментов (либо в верхней панели путем изменения процентовки по ширине, либо просто потянуть за изображение). Важно перед этим (или на самом первоначальном этапе) изменить размер холста, чтобы границы изображения не ушли за его область видимости:
После чего сохраняете полученное изображение и с удовольствием добавляете его в свой проект.
Как увеличить фон без потери качества в Photoshop
У вас есть красивое фото, но пропорции не подходят? Или нужно опубликовать в Instagram изображение, снятое в вертикальной ориентации, но не хотите кадрировать удачные виды или портить ракурс? Такое часто бывает. На выручку приходит старый добрый Photoshop . Всего одна функция поможет растянуть фон изображения без потери качества. Как это сделать? Смотрите в данной статье!
Растягиваем фон за пару кликов
Алгоритм, о котором пойдет речь разработан компанией Adobe давно и присутствует даже в его ранних версиях. Естественно, технология постоянно развивается и совершенствуется.
Предположим, нам нужно растянуть фон на следующем фото.
Казалось бы, что тут можно сделать? Без колажирования не обойтись. А вот и нет.
Выполните следующие простые действия.
Щелкните два раза левой клавишей мыши по слою с фотографий, чтобы сделать ее не фоновой.
Выберите инструмент «Кадрирование» и растяните холст до необходимых размеров или воспользуйтесь командой «Изображение — Размер холста»
Я выбрала первый вариант и добавила пустого пространства слева и справа.
Теперь выберите инструмент Редактирование — Масштабирование с учетом содержимого
Вокруг слоя с девушкой появилась стандартная рамка для изменения масштаба — потяните за якорь справа, и вы увидите, что фон сбоку от девушки стал растягиваться, причем корректно и без резких переходов и границ.
В какой-то момент вы заметите, что силуэт девушки стал тоже растягиваться и двигаться, нужно остановиться до этого момента и нажать Enter .
Если хотите еще больше растянуть фон, то повторите предыдущую операцию снова или попробуйте сделать тоже самое с другой стороны.
Правда в данном случае растягивание фона слева будет смотреться не совсем корректно, так как в этом месте на воду падает тень от девушки и ее излишнее вытягивание будет бросаться в глаза.
После того, как вы растянули фон, откадрируйте слой с квадратным соотношением сторон (1:1). Силуэт девушки разместите на первой линии сетки кадрирования. Так будет соблюдено одно из главных правил композиции — «две трети». Фото будет смотреться гармонично.
Результат получился следующим.
Теперь фото имеет квадратные пропорции 1:1 и его можно без проблем публиковать, например, в Instagram .
| ЧИТАЙТЕ ТАКЖЕ |
 Правила кадрирования портретов Узнайте, как правильно обрезать фото |
Еще примеры качественного увеличения фона
Необходимость увеличения фона с градиентом может стать той еще проблемой.
Давайте протестируем функцию масштабирования с учетом содержимого на следующем фото.
В данном случае сначала нужно выделить кусок фона, который будем растягивать, а затем применить функцию масштабирования с учетом содержимого.
Это было необходимо, потому что при растягивании фона на всем фото, контур девушки стал искажаться сразу.
Проделаем тоже самое с левой стороной.
Вот еще пример использования данной функции
| ЧИТАЙТЕ ТАКЖЕ |
 Как удалить человека с фотографии в Photoshop Простой и быстрый способ |
Заключение
Нужно понимать, что масштабирование с учетом содержимого – это не панацея и не решение абсолютно всех проблем. Увеличивая фон, вы все-таки растягиваете его и должны быть готовы к тому, что не на всех фотографиях это будет выглядеть корректно даже в результате использования такого мощного алгоритма.
Тем не менее он способен быстро и легко справиться со многими задачами, что значительно упрощает работу дизайнеров.
Подписывайтесь на обновления блога «Дизайн в жизни»
по e-mail или социальных сетях
и мы обязательно опубликуем для вас еще больше полезных и интересных материалов!
Как растянуть фон картинки в 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 .