Растягивание фона изображения с сохранением на нем пропорций определенного объекта
Обнаружил данный урок на одном канале youtube. Очень полезная фишка для веб-дизайнера на мой взгляд.
Иногда ширины оригинального изображения недостаточно для какой-либо дизайнерской задумки, а его растягивание по ширине искажает нужные объекты. Чтобы сохранить эти объекты в целости и при этом растянуть фон изображения, PhotoShop предоставляет нам определенные инструменты. И так, в конечном итоге у нас из оригинального изображения:
Должно получиться вот что:
Приступим. Открываем наше изображение в PhotoShop и выделяем необходимый нам объект:
Далее переходим на вкладку Выделение >> Сохранить выделенную область
И задаем какое-нибудь произвольное имя для данного выделения:
Таким образом, мы создали область, которая в последствии будет защищена от изменений. Следующим шагом переходим в Редактирование >> Масштаб с учетом содержимого:
И обязательно указываем защищаемый объект:
Все. Остается только изменить ширину изображения с помощью стандартных инструментов (либо в верхней панели путем изменения процентовки по ширине, либо просто потянуть за изображение). Важно перед этим (или на самом первоначальном этапе) изменить размер холста, чтобы границы изображения не ушли за его область видимости:
После чего сохраняете полученное изображение и с удовольствием добавляете его в свой проект.
Как увеличить фон в фотошопе и удалить случайные предметы в кадре
Данный урок пригодится тем, кому нужно добавить недостающий фон на фото. Например, при фотографировании изделий ручной рукодельницы могут «прихватить» лишние предметы в кадр или сделать фото, длины или ширины которого не хватает для оформления обложек соцсетей или дргой графики. Здесь и понадобятся знания о том, как увеличить фон в фотошопе.
К сожалению, как и многие, я не всегда учитываю правило третей и забываю выставлять соотношение сторон кадра при фотографировании. И при обработке фотографий мне часто не хватает основного фона на прямоугольных фото. Особенно, если нужен формат в соотношении 9*16. Например, для обложки Ютуб. Или для открыток.
Исправляю ситуацию в Фотошопе.
Видео «Как растянуть или заменить часть фона»
Видео «Изменение цвета, насыщенности, яркости и контраста»
Итак, переходим к разбору вариантов. Покажу три:
- как из горизонтального фото соотношением 4*3 сделать горизонтальное с соотношением 16*9,;
- как из вертикального фото перейти в горизонтальное;
- как заменить фоном предметы, случайно попавшие в кадр.
Как добавить недостающий фон к фото
Я буду использовать инструмент «Рамка». В его настройках есть выбор соотношения сторон.
Рамку можно уменьшать или увеличивать, потянув за угловые маркеры. И сам рисунок можно сдвигать и поворачивать так, как этого требует ваша задумка.
Прозрачный фон в фотошопе обозначен шахматной сеткой. Иногда вместо прозрачного пустоты залиты каким-либо цветом. Это зависит от настроек.
Следующий шаг – дубликат слоя
В верхнем выпадающем меню СЛОИ выбираю команду с таким названием.
В панели слоев появляется второй слой, копия уже имеющегося.
Ставлю курсор на этот слой, проверяю, активно ли УПРАВЛЕНИЕ элементами, чтобы видны были маркеры.
И затем растягиваю нижнюю картинку влево, заполнив тем самым пустое пространство.
Можно растягивать в ширину и высоту, подгоняя рисунок под верхний слой, чтобы не было резкой границы перехода.
Далее выделяю прямоугольник добавленного фона, слегка прихватив исходную картинку. Обратите внимание, что должен быть выделен нижний слой.
И этот прямоугольник зеркально отображаю.
Для этого иду во вкладку верхнего меню «Редактирование», в ней «Трансформирование» и выбор «отразить по горизонтали».
Вы видите, что на границе вставки и исходника рисунок точно совпадает без сдвигов вверх или вниз.
Чтобы сделать переход более естественным, размыть фон в фотошопе, я использую инструмент «Палец». Подобрав диаметр кисти и сделав мягкие края я как бы размазываю границы.
Но перед этим обязательно нужно объединить два слоя в один и уже на полученном слое растушевать границы.
Картинка готова. Далее ее можно также редактировать, меняя насыщенность, яркость. Добавить рамку, текст и так далее.
Это один из простых вариантов.
Горизонтальное фото из вертикального
Как и в первом варианте я использую инструмент Рамка.
Растягиваю рамку до нужного размера, меню положение рисунка относительно рамки, вращаю, добиваясь нужного положения в кадре.
Для создания дубликата слоя кликаю в панели слоев ПКМ и выбираю соответствующую команду.
Нижний слой растягиваю и поворачиваю таким образом, чтобы были заполнены пустоты.
Не всегда получается закрыть одновременно все нужные участки. Так, в моем случае один из углов рисунка заполнен не фоном, а другими яркими красками.
Чтобы исправить ситуацию, я копирую небольшой участок фона и вставляю его и сдвигаю в нужное место.
Если есть необходимость, то поворачиваю, добиваясь идеального соответствия имеющемуся фону.
Объединив все три слоя размываю границы с помощью инструмента ПАЛЕЦ.
Замена случайных предметов на фон
Иногда в самое лучшее фото вашего изделия попадает лишний предмет. Например, при фотографировании на подоконнике у меня есть хорошее изображение, но окно в кадре явно лишнее.
Заменю его на фон.
Для этого использую инструмент «прямоугольное лассо». В отличии от магнитного лассо, которое выделяет контур ориентируюсь на границы предметов и их цвет, прямоугольное лассо выделяет только прямыми линиями.
С его помощью выделяю ненужную часть фотографии.
Далее с клавиатуры кликаю Delet и соглашаюсь с предложением фотошопа сделать замену с учетом содержимого.
Кстати, также можно удалить фон в фотошопе, используя магнитное лассо.
Если же в вашем случае такой фокус не получается, то сотрите с помощью обычного ластика то, что выделено. Далее — волшебный ластик и удаление белого цвета в выделении.
Затем все также, как в предыдущих вариантах:
- дублирую слой и отражаю его по вертикали;
- объединяю слои;
- смягчаю границу стыка с помощью все того же пальца.
Эти варианты могут подойти не ко всем рисункам и фото. Зависит от того, какой основной фон, однотонный или со многими деталями и т.д.
Но за основу можно взять все те инструменты, которые использованы в данном уроке.
Как изменить размер холста в фотошопе
В этом уроке по работе с фотошопом будет показано, как увеличить размер холста в фотошопе для создания рекламного материала с использованием фотографии. Кроме того, Вы увидите интересный приём заполнения области расширенной части холста фотографии, уже существующим на изображении градиентом.
Откроем исходное изображение.
Наша задача расширить поле слева от фотографии. Переходим в «Изображение — Размер холста».
Снимите галочку «Относительно» и в поля «Высота» и «Ширина» автоматически подставятся размеры открытой в фотошопе фотографии, в моём случае — это 300 пикселов по ширине и 500 пикселов по высоте. Если у Вас стоят единицы измерения не пикселы, то щёлкните по чёрной стрелочке (выделена зелёным цветом) и в раскрывшемся списке выберите пикселы.
Так как мы расширяем холст только по ширине, то в поле «Ширина» вводим, к примеру, 600 пикселов — в 2 раза больше, чем была ширина исходной фотографии. Поле «Высота» оставляем без изменений. И самое главное, чтобы расширение холста произошло вправо, щёлкаем один раз левой клавишей мыши по среднему квадратику в крайнем правом столбце. Схема стрелок в поле «Расположение» изменилась. Теперь она показывает, что расширение холста будет происходить влево и вверх. Но, так как мы увеличили значение только ширины, а высоту оставили без изменений, то соответственно, изменение размеров холста будет происходить только влево. Внизу Вы можете установить цвет расширения холста. У меня стоит «Фон». Так как цвет фона у меня установлен белый, то и расширенный холст будет белого цвета. Но цвет, в нашем случае, не имеет никакого значения, так как мы будем заливать его градиентом, который уже имеется на исходной фотографии. Нажимаем «Да».
Получаем фото с расширенным полем слева от фотографии.
Теперь нам надо залить градиентом уже имеющимся на изображении белую часть фотографии так, чтобы создавалось впечатление, что градиент применялся сразу к расширенной фотографии. Выбираем инструмент «Область (вертикальная строка)» и щёлкаем один раз левой клавишей мыши в любом месте левее фигуры девушки.
Вызываем «Свободное трансформирование» (Ctrl+T), щёлкаем на среднем маркере и перетягиваем его влево до конца белого холста. Применяем трансформирование — Enter и снимаем выделение — Ctrl+D.
Получаем вот такую симпатичную девушку на фоне, залитом градиентом.
Нанесём текст в соответствии с рекламой, которую Вы создаёте. Выбираем инструмент «Горизонтальный текст» (Т), подбираем его параметры и наносим надпись.
Получаем вот такую красивую рекламную фотографию.
Мы с Вами научились изменять размер холста в фотошопе и создавать красивое рекламное изображение.
Источник
Обрезка фона в Adobe Photoshop
При помощи инструментов из Adobe Photoshop можно редактировать фотографии, на свое усмотрение удаляя или же попросту меняя задний фон. И хотя существует весьма большое количество способов реализации указанной задачи, мы рассмотрим лишь основные варианты, которые по необходимости могут комбинироваться между собой.
Удаление фона
Для того чтобы произвести полное удаление фона через Фотошоп, придется воспользоваться инструментами выделения, будь то «Волшебная палочка» или «Перо», в зависимости от сложности изображения, и «Масками». Обратите внимание, что описанная процедура осуществляется одинаково в любых случаях, но при обработке снимков с неоднородными фонами требует куда больше опыта.
-
Воспользуйтесь инструментами выделения, рассмотренными в другой нашей инструкции, чтобы изолировать нужные объекты от фона. Мы рекомендуем использовать «Волшебную палочку» в режиме «Быстрого выделения», так как это позволяет экономить массу времени.
Через главное меню программы разверните «Изображение» и в списке «Коррекция» воспользуйтесь эффектом «Обесцветить». В результате фотография станет черно-белой.
Нами был рассмотрен достаточно простой пример, однако самих по себе инструментов должно быть достаточно практически для любого фона. Кроме того, похожим образом выполняется удаление хромакея, рассмотренное в отдельной инструкции на сайте.
Изменение фона
С помощью Фотошопа по необходимости можно не только полностью удалить, но и поменять фон, в том числе выполнив закрашивание однородным цветом. Данная процедура осуществляется с использованием тех же инструментов, что были представлены ранее, но при этом требует применения дополнительных эффектов.
Подробнее: Изменение, заливка, затемнение и перекраска фона в Adobe Photoshop
Вариант 2: Изменение размеров
Так как под обрезкой фона может подразумеваться не только вырезка объектов, но и уменьшение самого изображения, вас может заинтересовать инструкция по данной теме. В таком случае можно на выбор прибегнуть к обычному кадрированию или же воспользоваться изменением размеров холста.