Как в фотошопе добавить на фото места
В этом уроке я покажу вам три простых способа совмещения двух изображений в Фотошоп. Начнём мы с самого простого способа совмещения, используя параметр Opacity (Непрозрачность) на панели «Слои». Далее, рассмотрим способ получения более интересного и творческого результата с использованием режимов смешивания. И, наконец, вы узнаете, как легко скомбинировать два изображения при помощи маски слоя. В конце некоторых способов я дам вам полезные советы, как ускорить рабочий процесс и получить хорошие результаты. Я буду использовать Photoshop CC, но данный урок полностью совместим с версией SC6. Давайте приступим!
Способ 1: Использование опции Opacity (Непрозрачность)
Выбор изображений
В первом способе мы прибегнем к помощи опции «Непрозрачность». Вот первое изображение с девушкой , которое я буду использовать в качестве примера:
Они уже открыты у меня в Photoshop. Посмотрите на панель слоёв, эти два изображения располагаются на отдельных слоях. Изображение с пляжем открыто в качестве фона, портрет девушки находится чуть выше.
Опция «Непрозрачность»
Данная опция расположена в правом верхнем углу панели «Слои». По умолчанию установлено значение 100%, это означает, что текущий выбранный слой «Layer 1» полностью блокирует своей непрозрачностью нижний слой.
Значение непрозрачности контролирует уровень прозрачности слоя. Это очень просто, снижая значение, мы делаем слой более прозрачным, позволяя изображениям, расположенных ниже, проявляться. Чем больше мы уменьшаем непрозрачность, тем больше верхнее изображение будет растворяться в нижнем. Я изменил значение непрозрачности от 100% до 75%.
Это означает, что мы смешиваем 75% непрозрачности изображения на верхнем слое с 25% непрозрачности изображения на нижнем слое. Мы видим, что изображение девушки начинает смешиваться с изображением пляжа.
Здесь, я захотел сделать девушку ещё менее заметной и уменьшил значение непрозрачности до 30%.
В этом случае 30% непрозрачности портрета смешивается с 70% непрозрачности пейзажа, создавая приятный эффект наложения. Поиграйте с непрозрачностью и остановитесь на том значении, которое будет лучше для ваших изображений.
Способ 2: Режимы наложения
Во втором способе для совмещения двух изображений мы будем использовать режимы наложения. Они отлично подходят для смешивания любых двух изображений, в особенности они полезны при совмещении текстуры с фотографией. В качестве фотографии я буду использовать мужской портрет .
Снова посмотрите на панель слоёв, каждое изображение располагается на отдельном слое. Портрет находится на фоновом слое, а текстура над ним.
Опция «Режимы наложения»
Режимы наложения в Фотошоп – это разные способы взаимодействия слоёв друг с другом. Расположена данная опция в верхнем левом углу панели «Слои», прямо напротив опции «Непрозрачность». По умолчанию установлен режим Normal (Обычный), это означает, что верхний слой вообще не смешивается со слоями, расположенными под ним.
Кликните по раскрывающейся вкладке «Режимы наложения», чтобы открыть меню со множеством различных режимов. Мы не будем рассматривать их все, но более подробно вы можете прочитать о них в этом уроке: «Режимы наложения в Фотошоп». Сегодня мы будем использовать три самых популярных и часто используемых режимов смешивания: Multiply (Умножение), Screen (Экран) и Overlay (Перекрытие). Режим «Умножение» создаёт эффект затемнения, «Экран» придаёт эффект яркости, а «Перекрытие» смешивает два слоя, увеличивая общий контраст.
Результаты после применения режимов смешивания будут полностью зависеть от ваших изображений. В моём случае лучший результат получился с использованием режима наложения Soft Light (Мягкий свет).
Подобно режиму «Перекрытие», «Мягкий свет» смешивает два изображения вместе, повышая контрастность. Разница в том, что режим «Мягкий свет» производит более тонкий и естественный эффект.
Другой режим наложения, который отлично подходит для совмещения моих двух изображений – Divide (Разделить).
«Разделить» - один из менее известных и редко используемых режимов в Фотошоп. Но согласитесь, эффект действительно выглядит довольно крутым.
«Режимы наложения» и «Непрозрачность»
После того, как вы определились с режимом наложения, вы можете поиграть с непрозрачностью слоя, о чём я вам говорил в первом способе. Для слоя с текстурой я выбрал режим «Разделить» и непрозрачность уменьшил от 100% до 50%.
И вот результат:
Совет: циклическое переключение режимов смешивания с клавиатуры
Хочу дать вам полезный совет, который поможет ускорить рабочий процесс и облегчит работу с режимами смешивания. Вы можете переключаться между различными режимами смешивания в Фотошоп непосредственно с клавиатуры. Нажмите V, чтобы выбрать инструмент Move Tool (Перемещение). Затем нажмите и удерживайте Shift, и используйте клавиши плюс (+) и минус (-) для перемещения вверх и вниз по списку. Это позволит вам быстро попробовать различные режимы смешивания, чтобы найти тот, который подойдёт лучше всего.
Способ 3: Использование маски слоя
Третий способ смешивания двух изображений, который мы рассмотрим, безусловно, самый популярный – использование маски слоя. В отличие от опций «Непрозрачность» и «Режимы наложения», которые смешивают два изображения полностью, маска слоя позволяет нам контролировать, в какой области два изображения будут смешиваться. С маской открывается множество возможностей и манипуляций, их невозможно рассмотреть в одном уроке. Здесь мы просто изучим основы.
Вот первое фото с девочкой , которое я буду использовать:
Снова взглянем на панель слоёв, каждая фотография расположена на отдельном слое. Изображение с одуванчиками находится на фоновом слое, а девочка чуть выше.
Добавление маски
Чтобы добавить маску слоя, сначала убедитесь, что выбран верхний слой. Затем нажмите на значок Add Layer Mask (Добавить слой-маску) в нижней части панели «Слои».
Рядом с миниатюрой слоя появится миниатюра маски.
Как работает маска слоя
Маски слоя управляют прозрачностью слоя, подобно опции «Непрозрачность». Но опция «Непрозрачность» влияет на прозрачность всего слоя в целом, а «Маска слоя» позволяет добавлять различные уровни прозрачности на разные области слоя. Другими словами, вы можете использовать маску, чтобы показать некоторые области, скрывая другие, это делает маску идеальным инструментом для смешивания изображений.
В своей работе маска использует чёрный и белый цвета. Любая часть слоя, где маска заполнена белым, остаётся видимой. А где маска заполнена чёрным цветом, скрыта. Давайте посмотрим, как можно быстро скомбинировать два изображения вместе, используя чёрно-белый градиент на маске слоя.
Выбор инструмента Gradient Tool (G) (Градиент)
На панели инструментов выберите Градиент.
Выбор чёрно-белого градиента
Выбрав инструмент Градиент (G), перейдите на панель параметров и нажмите на стрелочку, смотрящую вниз, расположенную рядом с градиентом.
Из выпадающего списка градиентов выберите градиент «Чёрный, белый», дважды кликнув по его миниатюре (третий слева на вернем ряду).
Совмещение двух изображений
Перейдите на миниатюру маски, она должна выделиться в рамочку.
Затем на рабочем холсте кликните и, удерживая левую кнопку мыши, протяните линию градиента от чёрного к белому. Поскольку градиент начинается с чёрного и заканчивается белым, то я начну его создавать с правой стороны изображения и перемещу линию градиента влево. При создании градиента зажмите клавишу Shift, чтобы линия была прямой. Помните, что чёрный цвет скрывает, а белый отображает. В левой части рабочего документа я хочу оставить изображение девочки, поэтому эта часть маски должна быть белой. Правая сторона документа должна скрыться, значит правая сторона маски должна быть чёрной.
Когда вы отпустите кнопку мыши, Фотошоп создаст градиент на маске и смешает две фотографии вместе. На скриншоте ниже видно, как девочка из верхнего слоя смешивается с одуванчиками из нижнего слоя. Если вас не устраивает результат, то создайте ещё один градиент на маске.
Просмотр маски слоя
Посмотрите на миниатюру маски на панели «Слои», где мы создали градиент. Чёрная область справа – место, где верхнее изображение скрыто в документе, что позволяет проявиться нижнему изображению на фоновом слое. И белая область слева – область, где верхнее изображение с девочкой остаётся видимым.
Так же мы можем просмотреть фактическую маску в документе. Зажмите клавишу Alt на клавиатуре и кликните по миниатюре маски слоя, этими действиями вы переключите просмотр основного документа с изображения на маску слоя. Так вам будет легче всё понять. Снова повторюсь: чёрная область справа – область, где верхний слой скрыт, а белая слева - эта область видна.
Обратите внимание на серое пространство посередине, где градиент переходит от чёрного к белому. Эта область создаёт постепенный переход между двумя слоями, что позволяет создавать плавное смешивание двух изображений. Чтобы снова переключиться с маски на изображение, так же зажмите Alt и кликните по миниатюре маски на панели «Слои».
Совет: включение и отключение маски слоя
Хочу дать вам совет для быстрой и удобной работы с маской. Вы можете включать и выключать маску слоя, нажимая и удерживая Shift и кликая по миниатюре маски на панели «Слои». Нажатием по миниатюре один раз вы временно отключите маску и просмотрите весь слой полностью. Красный значок «Х» появится на миниатюре, сообщив нам, что маска отключена. Удерживая Shift, снова кликните по миниатюре, чтобы включить маску снова.
Вот и всё, что я хотел вам рассказать в этом уроке. Это 3 простых метода смешивания двух изображений, используя опцию «Непрозрачность», режимы смешивания и маску слоя в Photoshop.
Узнайте, как функция Content-Aware Crop в Photoshop CC позволяет легко добавить больше места вокруг ваших фотографий, заполнив пустое пространство соответствующим контентом!
Adobe впервые добавила контент-зависимые возможности в инструмент Crop в Photoshop CC 2015.5. И что позволяет нам делать контентно-зависимая обрезка, так это добавлять больше пространства вокруг наших изображений. Теперь, когда я говорю «больше места», я имею в виду не просто «пустое пространство». Стандартный инструмент Crop Tool всегда мог это сделать. Вместо этого, используя обрезку с учетом содержимого, мы можем фактически расширить границы изображения, заполнив пустые области вокруг фотографии соответствующими деталями.
Обрезка содержимого с учетом содержания может быть чрезвычайно полезна при кадрировании изображения после его выпрямления, поскольку при повороте изображения часто остаются пустые места в углах. И это также отлично подходит для увеличения верхней, нижней или боковых сторон вашей фотографии, чтобы освободить место для текста или чтобы изображение лучше соответствовало вашему макету. Наряду с изучением того, как его использовать, мы также узнаем, почему в некоторых случаях обрезка с учетом содержимого работает как волшебство, но не так сильно в других. Чтобы следовать, вам понадобится Photoshop CC . Давайте начнем!
Выпрямление и обрезка фотографии без Content-Aware
Вот изображение, которое я открыл в Photoshop и которое я скачал с Adobe Stock . Я хочу выпрямить и обрезать изображение, не теряя детей на фотографии. Но мальчик в желтой рубашке справа очень близко к краю, что может создать проблему. Итак, давайте посмотрим, что произойдет, если я попытаюсь выпрямить и обрезать его без использования Content-Aware функции Crop Tool:
Выбор инструмента обрезки
Я выберу инструмент обрезки на панели инструментов :
Где я могу найти опцию Content-Aware?
Если выбран инструмент обрезки, опция Content-Aware находится на панели параметров в верхней части экрана. Сейчас я оставлю Content-Aware без проверки:
Выбор инструмента выпрямления
Чтобы выпрямить изображение, я выберу инструмент «Выпрямить» на панели параметров:
Поворот и выпрямление изображения
Затем я нарисую прямую линию на чем-то на изображении, которое должно быть прямым, вертикально или горизонтально, чтобы Photoshop мог использовать угол этой линии для поворота и выпрямления изображения . Для наружной фотографии, подобной этой, в идеале я мог бы нарисовать прямую линию через горизонт на заднем плане. Но в этом случае на самом деле нет очевидной линии горизонта благодаря холмистой местности, поэтому мне нужно взглянуть на это.
Я начну с нажатия, чтобы установить начальную точку для линии чуть ниже деревьев в левом нижнем углу фотографии. А затем, удерживая нажатой кнопку мыши, я буду перетаскивать по диагонали вправо, снова чуть ниже деревьев. Угол около 9 ° должен работать:
Первая проблема — пустое место в углах
Я отпущу кнопку мыши, и в этот момент фотошоп повернет фотографию, чтобы выровнять ее. Он также рисует рамку обрезки вокруг изображения. И вот первая проблема. Обратите внимание, сколько изображения выпадает за пределы области обрезки после выпрямления. Это связано с тем, что поворот изображения добавляет вокруг фотографии целую кучу пустого пространства, как мы видим по рисунку шахматной доски в углах документа.
Photoshop не будет расширять границу обрезки в пустое пространство, так как в результате мы получим пустое пространство на изображении. Это только расширит границу обрезки до краев самой фотографии. По крайней мере, так было до того, как была добавлена функция Content-Aware, которую мы рассмотрим чуть позже:
Вторая проблема — потеря части моего предмета
Я приму кадрирование, нажав Enter (Win) / Return (Mac) на моей клавиатуре. И это подводит нас ко второй проблеме. Помните, когда я упоминал, что мальчик в желтой рубашке справа был слишком близко к краю? Что ж, после выпрямления и обрезки изображения часть его теперь полностью отвалилась ! У Photoshop не было возможности обрезать изображение после выпрямления, не отрезав руку и ноги мальчика от фотографии. Мама и папа, вероятно, не были бы слишком довольны этим результатом:
Как выпрямить и обрезать изображение с помощью Content-Aware
Итак, теперь, когда мы рассмотрели, как инструмент Crop Tool работает без Content-Aware, давайте снова выпрямим и обрежем изображение, но на этот раз с включенным Content-Aware. Я отменил свой первоначальный урожай, зайдя в меню « Правка» в строке меню и выбрав « Отменить обрезку» :
Это возвращает изображение в исходное состояние:
Шаг 1: выберите инструмент обрезки
Я еще раз выберу инструмент обрезки на панели инструментов:
Шаг 2. Включите контент-зависимый на панели параметров
На этот раз я хочу включить Content-Aware , поэтому я нажму на его флажок на панели параметров:
Шаг 3: Выберите инструмент «Выпрямить»
Затем, все еще на панели параметров, я снова выберу инструмент «Выпрямить» :
Шаг 4: Проведите линию на чем-то, что должно быть прямым
И так же, как и раньше, я нажму и перетащу диагональную линию с помощью инструмента «Выпрямить» слева направо чуть ниже деревьев на заднем плане:
Контентно-зависимая разница
Я отпущу кнопку мыши, чтобы выпрямить изображение. И на этот раз с включенным Content-Aware мы получаем совсем другой результат. Вместо того, чтобы ограничивать область кадрирования только самим изображением, Photoshop расширил его до некоторого пустого пространства в углах.
Почему с Photoshop все в порядке с добавлением пустого места на изображение? Причина в том, что он не собирается добавлять пустое пространство. Вместо этого, с включенным Content-Aware, Photoshop может использовать детализацию изображения рядом с этими пустыми областями, чтобы автоматически заполнять их аналогичными деталями. Если вокруг много травы, она может заполнить пустое пространство большим количеством травы. И если есть голубое небо, оно может заполнить пространство еще большим голубым небом. Другими словами, теперь Фотошоп говорит: «Продолжайте, включите эти пустые области и позвольте мне выяснить, что должно быть там».
В этот момент я могу взять любую из сторон или углов коробки для обрезки и вытянуть их еще дальше в пустые области. Но имейте в виду, что чем больше мы просим Photoshop самостоятельно разобраться, тем больше риск того, что он испортит ситуацию (как и все мы). То, насколько далеко вы можете продвинуть контент-зависимую функцию, будет зависеть от изображения. Как правило, для достижения наилучших результатов старайтесь не расширять границу обрезки намного выше первоначального размера, который предлагает Photoshop. Но опять же, это будет зависеть от вашего имиджа.
Шаг 5: Нажмите Enter (Win) / Return (Mac), чтобы обрезать изображение
Чтобы принять кадрирование, я нажму Enter (Win) / Return (Mac) на моей клавиатуре. На этот раз, потому что у Photoshop есть что выяснить, мы не увидим мгновенных результатов, как раньше. Вместо этого мы увидим индикатор выполнения, показывающий, как далеко продвигается Photoshop:
Использование обрезки с учетом содержимого для расширения краев фотографии
Мы видели, что контентно-ориентированное кадрирование отлично подходит для выпрямления изображения. Но это также полезно для расширения краев изображения, добавляя больше места сверху, снизу, слева или справа. Вот еще одно изображение , также загруженное из Adobe Stock, которое я открыл в Photoshop:
Шаг 1: выберите инструмент обрезки
Допустим, мне нужно добавить больше места над шарами наверху. Для этого я еще раз выберу инструмент обрезки на панели инструментов:
Это помещает стандартную рамку обрезки и обрабатывает изображение:
Поскольку я хочу перетащить верхний маркер, не перемещая другие, я позабочусь о том, чтобы для параметра « Соотношение сторон» на панели параметров было установлено значение « Соотношение» , которое по умолчанию установлено. И я позабочусь о том, чтобы поля Width и Height непосредственно справа от параметра Aspect Ratio были пустыми. Если бы они не были пустыми, я бы хотел нажать кнопку Очистить , чтобы очистить значения:
Для параметра «Соотношение сторон» задано значение «Соотношение» с пустыми полями «Ширина» и «Высота».
Шаг 2. Включите контент-зависимый на панели параметров
Я обязательно выберу контентно-зависимый :
Шаг 3: Перетащите один или несколько краев границы обрезки наружу.
А затем, чтобы добавить больше места в верхней части изображения, я нажму на верхнюю ручку и перетащу ее вверх:
Когда я отпускаю кнопку мыши, Photoshop заполняет дополнительную комнату прозрачностью (пустым пространством), как мы можем видеть по шаблону шахматной доски:
Шаг 4: Нажмите Enter (Win) / Return (Mac), чтобы обрезать изображение
Затем, чтобы принять кадрирование, я нажму Enter (Win) / Return (Mac) на моей клавиатуре, и вот результат. Без обрезки по содержимому Photoshop просто добавил бы пустое место и оставил бы все на этом. Но с включенным Content-Aware Photoshop посмотрел на окрестности и проделал большую работу по заполнению пространства большим количеством голубого неба и случайных облаков:
Работает как магия, кроме случаев, когда это не так
Функция обрезки содержимого в Photoshop CC позволяет сэкономить время и даже сэкономить время, когда нам нужно добавить больше деталей изображения вокруг фотографии. Но наряду со знанием того, как это работает, так же важно знать его ограничения, чтобы мы могли контролировать наши ожидания.
Обрезка содержимого с учетом содержания лучше всего работает в областях с относительно сплошным цветом, таких как чистое голубое небо, или в областях с большим количеством случайных деталей, таких как трава, листья или песчаный пляж. Однако, это не очень хорошо работает в областях, которые слишком специфичны. На самом деле, результаты могут выглядеть довольно странно.
Когда контент-зависимый урожай не удается
Например, мы увидели, что я смог легко добавить больше места над шарами на этом изображении, и это было потому, что область была довольно простой. Все, что нужно было сделать в Фотошопе, это выяснить, как нарисовать больше голубого неба и несколько тонких облаков, и результат выглядел великолепно. Но посмотрите, что произойдет, если я сделаю то же самое с нижней частью изображения, под женским платьем. Я нажму на нижнюю ручку обрезки и перетащу ее вниз под фото, чтобы добавить больше места:
Затем я отпущу кнопку мыши, после чего Photoshop временно заполняет область пустым пространством, как это было с верхней частью изображения:
Наконец, я нажму Enter (Win) / Return (Mac) на моей клавиатуре, чтобы принять кадрирование. И вот где все идет не так. По сути, я попросил Photoshop выяснить, как нарисовать больше женского платья, и это просто слишком детально и слишком специфично для Content-Aware. Фотошоп действительно пытался, но все, что он на самом деле делал, это копировал часть ее платья вместе с ее руками и частью ее рук, и вставлял их в новую область. Это также испортило облака, и действительно, все это — катастрофа.
Так что имейте в виду, что обрезка с учетом содержимого прекрасно работает с простыми, случайными деталями. Но чем конкретнее вы получаете, тем меньше вероятность того, что вы получите те результаты, на которые надеялись:
И там у нас это есть! До сих пор в этой серии мы изучили все, что вам нужно знать об обрезке изображений с помощью инструмента обрезки . Но если вы устали обрезать фотографии в виде прямоугольников и квадратов, то на следующем уроке я покажу вам, как получить больше удовольствия, обрезая ваши изображения в виде кругов !
Или посмотрите другие уроки этой главы:
- 01. Как обрезать изображения в Photoshop CC
- 02. Как вращать и выпрямлять изображения
- 03. Как увеличить размер холста с помощью Crop Tool
- 04. Crop Tool советы и подсказки
- 05. Использование инструмента Perspective Crop
- 06. Обрезайте и изменяйте размер фотографий в соответствии с размерами кадра
- 07. Как использовать Content-Aware Crop
- 08. Как обрезать фотографии по кругу
Для получения дополнительных глав и для наших последних учебников, посетите наш раздел Основы Photoshop !
Hobo 2019-05-17 в Photoshop Комментариев: 4
Последнее обновление - 21 января 2021 в 23:21
Друзья, предлагаю вашему вниманию инструкцию, как разместить одно изображение в пределах определённой области другого. Сделать это можно при помощи инструментов Photoshop. Я буду использовать версию CS6 программы.
Чтобы было более понятно, вставляемую картинку перед сохранением можно будет свободно перемещать, трансформировать, вращать внутри заданной области фонового изображения. Информация будет полезна вебмастерам, использующим изображения на сайте. Для примера я сделаю миниатюру для этой записи блога.
Инструкция
Итак, мне понадобится 2 изображения. В качестве фонового изображения, внутрь которого я буду вставлять другую картинку, возьмём вот такой шаблон. Назовём его — изображение №1.
Внутри изображения имеется прямоугольная область белого цвета. Моя задача — вместить вторую картинку в эту область таким образом, чтобы она не выходила за границы белого прямоугольника.
В качестве второго изображения возьму фото Джека с мячиком.
Далее, откроем изображение №1 в фотошопе и выделим нужную область, то есть обведём по контуру белый прямоугольник. Сделать это удобнее при помощи инструмента «Прямолинейное лассо», которое вызывается из панели инструментов слева.
Выбираем «Прямолинейное лассо» и аккуратно очерчиваем контур, то есть выделяем необходимую нам область. Эту же операцию можно выполнить и при помощи инструмента «Волшебная палочка».
Теперь откроем в Photoshop изображение №2 и полностью выделим, нажав сочетание клавиш «Ctrl+A». Вы увидите пунктирное выделение картинки в активном окне. Теперь просто скопируем картинку в буфер обмена, нажав «Ctrl» и «C».
Далее вставим картинку №2 в фоновое изображение №1. Но сочетание клавиш «Ctrl+V» в этом случае не сработает. В Photoshop есть для этого функция «Специальная вставка», которая вызывается из пункта «Редактирование» верхнего меню.
Итак, чтобы внедрить картинку №2 в выделенную область картинки №1, перейдите в окно с изображением №1 и клацнете на пункт меню «Редактирование». Далее в выпавшем списке наведите курсор на строку «Специальная вставка» — появится ещё одно подменю, где щёлкнете по строке «Вставить в». Либо, вместо вызова из меню, нажмите сочетание «горячих» клавиш «Alt+Shift+Ctrl+V».
Обратите внимание на панель слоёв (у меня она находится справа). Над слоем фонового изображения (Слой 0) появился ещё один слой (Слой 1) с картинкой №2 и миниатюрой слоя-маски. Белый прямоугольник миниатюры слоя-маски — это и есть область выделения в картинке №1, которую мы ранее создали.
А окно с картинкой №1 теперь выглядит следующим образом, как на скриншоте ниже.
Встав на Слой 1 и выбрав инструмент «Перемещение», мы можем двигать картинку №2 как нам угодно и она не будет перекрывать цветную рамку. Всё перемещение будет происходит внутри слоя-маски.
С помощью этого нехитрого способа вы также сможете вставить любое изображение в какую-нибудь красивую рамку, создать коллаж из множества картинок и так далее.
Краткое описание действий
Подводя итог и говоря более лаконично, чтобы вставить одно изображение внутрь заданной области другого изображения, необходимо выполнить следующие действия:
- Инструментом «Прямолинейное лассо» выделить область на изображении №1.
- Выделить (Ctrl+A) и скопировать в буфер обмена (Ctrl+C) изображение №2.
- Вставить (Alt+Shift+Ctrl+V) изображение №2 внутрь отмеченных границ изображения №1.
Как «разморозить» изображение PNG
И ещё одно небольшое дополнение. Если вы используете изображения в формате jpeg, то проблем с перемещением картинки в картинку возникнуть не должно. Но я, например, использовал png формат. И в окне «Слои», слой с картинкой был закреплён. Это видно по иконке закрытого замочка на слое с изображением png.
В такой ситуации я ничего не мог делать с изображениями. Для того чтобы снять это ограничение, нужно поступить следующим образом: преобразовать изображение в цветовой режим RGB 8 бит/канал.
Как это сделать? Очень просто: кликнуть в горизонтальном меню по ссылке «Изображение», далее — «Режим» и отметить галочкой строку RGB. Теперь в окне «Слои» клацнем по слою с картинкой два раза и в появившемся окне нажмём «ОК». И далее работаем с изображением.
Узнайте, как добавить простую рамку для фотографий и даже две рамки вокруг вашего изображения с помощью Photoshop! Пошаговое руководство для Photoshop CC, CS6 и более ранних версий.
Рамки для фотографий — отличный способ придать образу элегантности и элегантности. А добавить рамку легко, если вы знаете шаги. Мы начнем с добавления большего пространства вокруг изображения с помощью команды Photoshop Canvas Size. Затем, чтобы создать границу, мы залим пространство цветом, используя слой заливки «Сплошной цвет». Вы узнаете, как выбрать цвет для рамки из палитры цветов и как смешать границу с вашей фотографией, выбрав цвет непосредственно из самого изображения!
Как только мы добавим основную рамку фотографии, я покажу вам, как добавить вторую, меньшую рамку вокруг изображения, используя эффект слоя. Для достижения наилучших результатов вы захотите использовать Photoshop CC, но любая последняя версия будет работать.
Я буду использовать это изображение, которое я скачал с Adobe Stock:
А вот изображение с рамкой для фото вокруг него. Вы узнаете, как настроить размер и цвета рамки, как мы будем выполнять следующие шаги:
Как создать фоторамку в фотошопе
Шаг 1: уменьшите масштаб, чтобы освободить место для границы
Чтобы создать рамку для фото, мы добавим больше пространства вокруг изображения. Так что давайте дадим себе больше возможностей для работы, уменьшив масштаб. Чтобы уменьшить масштаб с клавиатуры, нажмите и удерживайте клавишу Ctrl на ПК с Windows или клавишу « Command» на Mac и нажмите клавишу « минус» . Это дает нам больше места, чтобы увидеть границу:
Шаг 2: разблокируйте фоновый слой
Если мы посмотрим на панель «Слои» , то увидим изображение на фоновом слое :
Нам нужно разблокировать фоновый слой, чтобы мы могли добавить другие слои под ним. Чтобы разблокировать его, в Photoshop CC просто нажмите значок замка . В CS6 или более ранней версии нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните мышью . Это удаляет значок блокировки и переименовывает слой в «Слой 0»:
Шаг 3. Откройте диалоговое окно «Размер холста».
Чтобы добавить больше пространства холста вокруг изображения, перейдите в меню « Изображение» в строке меню и выберите « Размер холста» :
Шаг 4: Добавьте больше холста вокруг фотографии
В диалоговом окне «Размер холста» убедитесь, что установлен флажок « Относительный» . А затем в сетке привязки убедитесь, что выбран центральный квадрат . Это добавит новое пространство холста равномерно вокруг изображения:
Затем введите нужный размер рамки для фотографий в поля Ширина и Высота . Имейте в виду, что введенное вами значение будет разделено поровну между обеими сторонами. И это верно как для ширины, так и для высоты. Так что, если вы хотите, чтобы вокруг изображения была граница в четверть дюйма, вы на самом деле хотите ввести 0,5 дюйма для ширины и высоты. Для 1-дюймовой границы вам нужно будет ввести 2 дюйма. Другими словами, какой бы размер вам ни понадобился, введите двойную сумму.
В моем случае мне нужна граница в полдюйма, поэтому я установлю ширину и высоту в два раза больше, или 1 дюйм :
Затем, чтобы добавить пространство холста, нажмите OK, чтобы закрыть диалоговое окно. И вот мы видим новый холст вокруг изображения. Шаблон шахматной доски означает, что пространство в настоящее время заполнено прозрачностью, но мы добавим к нему цвет следующим:
Как отменить размер холста и повторить попытку
Если вы выбрали неправильный размер для своей рамки, вы можете отменить его, зайдя в меню « Правка» и выбрав « Отменить размер холста» . Затем снова откройте диалоговое окно «Размер холста» (выберите «Изображение»> «Размер холста») и повторите попытку:
Шаг 5: Добавьте сплошной цвет заливки
Чтобы закрасить границу цветом, мы будем использовать один из слоев заливки «Сплошной цвет» в Photoshop. На панели «Слои» щелкните значок « Новый заливочный слой» или «Корректирующий слой» внизу:
А затем выберите Сплошной цвет из списка:
Шаг 6: Выберите белый цвет для границы фотографии
В палитре цветов выберите цвет , который вы хотите для вашей границы. Сейчас я выберу белый , но через мгновение покажу, как изменить цвет:
Нажмите OK, когда закончите, чтобы закрыть палитру цветов. А Photoshop временно заполняет весь документ белым, блокируя изображение из вида:
Шаг 7: перетащите слой заливки под изображение
И теперь цвет от слоя заливки появляется только внутри границы:
Шаг 8: Измените цвет границы (необязательно)
Если вы хотите что-то, кроме белого, вы можете выбрать другой цвет для вашей границы, дважды щелкнув образец цвета заливочного слоя :
Это снова открывает палитру цветов, где вы можете выбрать что-то другое. И когда вы попробуете разные цвета, вы увидите предварительный просмотр нового цвета вокруг изображения. Так что, если я выберу черный вместо белого:
Тогда моя граница мгновенно меняется на черную:
Как выбрать цвет рамки с картинки
Вы можете выбрать любой цвет из палитры цветов. Или вы можете выбрать цвет непосредственно из самого изображения. Просто наведите курсор на изображение и нажмите на нужный вам цвет. Я выберу светло-серый из окна на заднем плане:
И снова граница мгновенно меняется на новый цвет. Чтобы принять его, нажмите OK, чтобы закрыть палитру цветов:
Добавление меньшей границы внутри основной границы
Теперь, когда мы добавили основную границу, давайте добавим вторую, меньшую границу внутри основной. И мы сделаем это, используя эффект слоя.
Шаг 9: выберите «Слой 0»
На панели «Слои» выберите изображение «Слой 0»:
Шаг 10: Добавьте стиль слоя Stroke
Затем щелкните значок « Стили слоя» (значок «fx»):
И выберите Stroke из списка:
В диалоговом окне Layer Style, оставьте обводки цвета установлен в черный на данный момент, и убедитесь , что позиция устанавливается на внутреннюю часть . Затем увеличьте ширину обводки, перетащив ползунок « Размер» :
При перетаскивании вы увидите, что размер обводки увеличивается вокруг внутренней границы:
Шаг 11: Измените цвет обводки (необязательно)
Если вам не нужен черный цвет в качестве обводки, вы можете изменить его, щелкнув образец цвета :
Затем в палитре цветов выберите другой цвет. Или, как мы сделали для основной рамки, вы можете выбрать цвет прямо из вашего изображения. Я нажму на цвет фона:
И удар мгновенно обновляется до нового цвета. Когда вы довольны цветом, нажмите кнопку ОК, чтобы закрыть палитру цветов:
Шаг 12: отрегулируйте размер обводки
Наконец, я закончу эффект, настроив ползунок «Размер», чтобы точно настроить толщину обводки. Я использую довольно большое изображение здесь, поэтому я буду использовать размер около 32 пикселей. Затем, чтобы принять его, я нажму OK, чтобы закрыть диалоговое окно Layer Style:
И вот мой окончательный результат:
И там у нас это есть! Вот так легко добавить рамку вокруг ваших фотографий с помощью Photoshop! Для получения дополнительной информации о границах фотографий ознакомьтесь с учебными пособиями по моей рамке с падающими тенями и с рамкой для фотографий , а также с руководством по созданию рамки с нарисованными краями . Или посетите мой раздел « Фотоэффекты » для получения дополнительных уроков! И не забывайте, что все наши учебники теперь доступны для скачивания в формате PDF !
В сегодняшнем уроке для новичков вы узнаете, как быстро добавить пространство для холста и тень на границах рамки изображения. Так же вы узнаете, как отрегулировать угол наклона и расстояние тени.
Я буду работать с Фотошоп CS6, но данный урок полностью совместим с более ранними версиями Фотошоп, а так же версий CC.
Фотография, с которой я буду работать:
Вот так будет выглядеть наш результат. Мы создадим чисто белую рамку вокруг фото и придадим тень изображению.
Откройте фотографию невесты в Фотошоп, обратите внимание на панель слоев, данный слой единственный в документе.
Теперь продублируйте его, для этого перейдите в меню Layer > Duplicate Layer (Слои – Создать дубликат слоев).
В результате открылось диалоговое окно. Дайте название этому слою Photo и нажмите OK.
Копия фотографии расположится выше оригинала.
Теперь нам нужно добавить дополнительное пространство вокруг фотографии. Для этого пройдите во вкладку Image (Изображение) и выберите Canvas size (Размер холста) или нажмите комбинацию клавиш Ctrl + Alt + C.
В открывшемся диалоговом окне Canvas size (Размер холста) внесите следующие изменения: поставьте галочку возле Relative (Относительная), в разделе Anchor (Расположение) выберите центральное поле, чтобы пространство было добавлено равномерно по всем четырем сторонам холста. Для параметра Canvas extension color (Цвет расширения холста) установите White (Белый), чтобы дополнительное пространство было белого цвета.
Теперь нам необходимо ввести значения ширины и высоты для пространства, которое мы будем добавлять. Единицу измерения можете выбрать на свое усмотрение (пиксели или дюймы), я ввел 2 дюйма.
Нажмите OK, чтобы закрыть окно. В результате вокруг фотографии появилось дополнительное пространство белого цвета. Если вам покажется, что дополнительное пространство слишком маленькое или наоборот большое, то просто отмените все действия нажатием клавиш Ctrl + Z, снова вернитесь к Canvas Size (Размер холста) и внесите необходимые изменения.
Нам осталось добавить Тень. В нижней части панели слоев находится значок стилей слоя FX.
Из списка стилей выберите Drop Shadow (Тень).
В открытом диалоговом окне необходимо внести некоторые изменения. Первое, что нужно сделать, это настроить угол и смещение тени по отношению к фото. Поэкспериментируйте с этими параметрами и определитесь со значениями.
Но есть гораздо более легкий и быстрый способ. Чтобы настроить угол и смещение, просто щелкните в любом месте по холсту и, удерживая кнопку мыши, перемещайте тень вокруг фото, пока не добьетесь нужного результата. Делать это нужно при открытом окне стилей. Вы увидите не только, как будет двигаться тень, но и изменение значений угла и смещения в диалоговом окне.
Тень оказалась слишком далеко, я переместил её немного поближе.
После того, как вы определились с углом и смещением, обратимся к параметру Size (Размер). Переместите ползунок вправо, чтобы смягчить края тени. Я установил значение 50 пикселей, но ваше значение будет зависеть от размера фотографии.
Вот эффект после смягчения краев:
И в заключении снизьте значение для непрозрачности до 40 – 50%.
Нажатием OK закройте диалоговое окно стилей слоя.
Обратите внимание на панель слоев, стиль Тень располагается непосредственно под слоем Photo. Стили слоя можно редактировать в любое время, в случае, если вам нужно внести какие-либо коррективы, то кликните дважды по стилю Тень и скорректируйте параметры.
Теперь вы знаете, как добавлять дополнительное пространство к изображению, создавая рамку.
Читайте также: