Поместите изображения в фигуры с помощью инструмента «Новый кадр» в Photoshop CC 2019 (видео)

Инструмент «Рамка», новая функция в Photoshop CC 2019, позволяет легко размещать изображения в форме! Узнайте, как рисовать фигуры с помощью инструмента «Рамка», как размещать изображения в фигурах, как мгновенно менять изображения на других, и многое другое!


Photoshop CC 2019 представляет новый инструмент для панели инструментов Photoshop, который называется Frame Tool. Инструмент «Рамка» предназначен для простого и интуитивно понятного размещения изображений в форме, особенно для пользователей, которые не знакомы с Photoshop. Он отлично подходит для разработки макетов, и на самом деле, если вы использовали программу макета страницы, например Adobe InDesign, то вы уже знакомы с тем, как работает инструмент «Рамка». Вы просто перетаскиваете фрейм, где хотите разместить изображение на странице (или, в данном случае, в своем документе Photoshop), а затем перетаскиваете свое изображение в фрейм!

Чтобы быть справедливым, новый Инструмент Рамки Фотошопа не обязательно лучший способ работать. Это потому, что все, что вы можете сделать с помощью инструмента «Рамка», также можно сделать с помощью более гибких обтравочных масок в Photoshop . Но рамки Tool является проще, особенно если вы новичок в Photoshop. Кроме того, инструмент «Рамка» в полной мере использует мощные интеллектуальные объекты Photoshop. Так что, даже если вы более опытный пользователь Photoshop, у Frame Tool есть что предложить. Посмотрим, как это работает.

Чтобы следовать, вам понадобится Photoshop CC 2019 . И если вы уже являетесь подписчиком Adobe Creative Cloud, убедитесь, что ваша копия Photoshop CC обновлена . Давайте начнем!

Содержание

Как использовать инструмент «Рамка» в Photoshop CC 2019

Использовать новый инструмент «Рамка» в Photoshop CC 2019 для размещения изображений в форме очень просто. Мы просто выбираем инструмент «Рамка», рисуем рамку, перетаскиваем изображение в рамку, а затем перемещаем или изменяем размер изображения внутри рамки. Вы можете добавить обводку вокруг рамки, чтобы помочь с вашим дизайном, и даже заменить существующее изображение новым изображением, просто перетаскивая новое изображение в рамку.

Чтобы показать вам, как это работает, я разработал новый документ:

Новый документ открыт в Photoshop CC 2019

Новый документ в Photoshop CC 2019.

Шаг 1: выберите инструмент Frame

Новый инструмент Frame Photoshop находится на панели инструментов . Это инструмент, который выглядит как коробка с буквой X через него. Нажмите на него, чтобы выбрать его. Вы также можете выбрать инструмент Frame Tool на клавиатуре, нажав клавишу K :

Выбор инструмента «Рамка» на панели инструментов в Photoshop CC 2019

Выбор инструмента «Рамка» на панели инструментов.

Шаг 2: Выберите форму для вашего кадра на панели параметров


Выбрав инструмент «Рамка», выберите форму для рамки на панели параметров. По умолчанию вы будете рисовать прямоугольную рамку, но вы также можете рисовать эллиптические рамки. Выберите нужную фигуру, нажав на ее значок. Сейчас я буду придерживаться прямоугольной формы:

Параметры формы (прямоугольные или эллиптические) для инструмента «Рамка» в Photoshop CC 2019

Выберите форму (прямоугольную или эллиптическую) для рамки.

Шаг 3: Нарисуйте рамку, где вы хотите разместить изображение

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

Рисование прямоугольной рамки с помощью инструмента «Рамка» в Photoshop CC 2019

Нажмите и перетащите, чтобы нарисовать рамку.

Использование клавиш-модификаторов с помощью инструмента «Рамка»

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

Как рисовать квадратные или круглые рамки с помощью инструмента «Рамка» в Photoshop CC 2019

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

В моем случае я нарисую широкую рамку в верхней половине документа:

Как рисовать кадры с помощью инструмента «Рамка» в Photoshop CC 2019

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

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

Пустая рамка была добавлена ​​в документ в Photoshop CC 2019

Пустая рамка была добавлена ​​в документ.

Новый слой Frame на панели Layers


Если мы посмотрим на панель «Слои» , то увидим, что Photoshop добавил рамку в отдельный отдельный слой «Рамка» , который также является новым в CC 2019. Миниатюра слева представляет саму рамку (обозначается маленьким значком рамки в правом нижнем углу). ). И миниатюра справа для содержимого внутри фрейма. Поскольку контента пока нет, миниатюра просто заполняется белым:

Новый слой «Рамка» на панели «Слои» в Photoshop CC 2019

Значок в нижнем правом углу говорит нам, что это слой Frame.

Шаг 4: Поместите изображение в рамку

Чтобы поместить изображение в рамку, перейдите в меню « Файл» в строке меню и выберите « Разместить встроенный» . Или вы можете выбрать Place Linked . Разница в том, что Place Embedded будет вставлять изображение в ваш документ, а Place Linked будет просто ссылаться на изображение на вашем компьютере. В большинстве случаев Place Embedded является лучшим выбором:

Выбор команды «Разместить встроенный» в меню «Файл» в Photoshop

Идем в Файл> Поместить встроенный.

Затем перейдите к изображению на вашем компьютере, выберите его и нажмите « Разместить» :

Выбор изображения для размещения внутри рамки в Photoshop CC 2019

Выбор изображения для размещения внутри рамки.

Фотошоп помещает изображение в рамку. И он автоматически изменяет размер изображения в соответствии с размером кадра ( фото из Adobe Stock):

Как разместить изображения в кадрах с помощью Photoshop CC 2019

Изображение помещается и изменяется в кадре. Фото предоставлено: Adobe Stock.

Размещение изображения как смарт-объекта

Если мы снова посмотрим на слой «Рамка» на панели «Слои», то увидим, что содержимое рамки теперь отображается на миниатюре справа. Также обратите внимание на значок смарт-объекта в правом нижнем углу миниатюры, говорящий нам, что Photoshop автоматически преобразовал изображение в смарт-объект .

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

Слой «Рамка» на панели «Слои», показывающий содержимое рамки, добавленной как смарт-объект

Слой Frame, показывающий контент, добавленный как смарт-объект.

Как переключаться между рамкой и изображением

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

С панели «Слои»


Один из способов переключения между рамкой и изображением — с панели «Слои». Обратите внимание на белую рамку вокруг миниатюры содержимого. Это говорит нам о том, что изображение внутри рамки выбрано:

Граница вокруг миниатюры содержимого говорит о том, что изображение в данный момент выбрано в кадре

Граница говорит нам, какая из них (рамка или изображение) выбрана.

Выбор рамки

Чтобы выбрать саму рамку, нажмите на ее миниатюру слева:

Выбор эскиза рамки в слое Frame

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

Наряду с рамкой вокруг миниатюры, еще один способ сказать, что выделена рамка, это то, что мы можем видеть маркеры преобразования вокруг рамки в документе. Мы используем маркеры для изменения размера фрейма и вскоре вернемся к ним:

Дескрипторы преобразования появляются вокруг рамки, когда она выбрана

Дескрипторы преобразования означают, что кадр выбран.

Выбор изображения

Чтобы вернуться к изображению, нажмите на миниатюру справа:

Выбор изображения, нажав правую иконку в слое Frame

Выбор изображения осуществляется нажатием правой иконки.

И с выбранным изображением маркеры преобразования вокруг рамки исчезают:

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

Ручки преобразования кадра исчезли.

Выбор как рамки, так и изображения

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

Как выбрать как рамку, так и изображение на слое «Рамка» в Photoshop CC 2019

Удерживая клавишу Shift, щелкните другой эскиз, чтобы выбрать их оба одновременно.

Отмена выбора кадра или изображения

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

Выделение рамки и отмена выбора изображения в слое Frame.

Когда оба будут выбраны, нажмите на миниатюру, чтобы отменить выбор другого.

Из документа

Другой способ переключения между рамкой и ее содержимым — из документа.

Выбор изображения

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

Нажав на изображение внутри рамки, выберите его в Photoshop CC 2019

Нажав на изображение, чтобы выбрать его.

Выбор рамки

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

Нажав на рамку, выберите ее в Photoshop CC 2019

Нажмите на рамку, чтобы выбрать ее.

Выбор рамки и изображения

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

Как выбрать одновременно рамку и ее содержимое в Photoshop CC 2019

Двойной щелчок по изображению позволяет выбрать одновременно рамку и изображение.

Выделив рамку и изображение, вы можете щелкнуть и перетащить их вместе внутри документа:

Нажав на рамку, выберите ее в Photoshop CC 2019

Нажмите и перетащите рамку и изображение, когда оба будут выбраны.

Как отменить шаг с помощью инструмента «Рамка»

Я отменил это, зайдя в меню « Правка» и выбрав « Отменить перемещение» . Фотошоп дает нам множество отмен с помощью инструмента «Рамка». Чтобы перейти назад по шагам, нажмите Ctrl + Z (Победа) / Command + Z (Mac) несколько раз. И чтобы повторить шаг, нажмите Shift + Ctrl + Z (Победа) / Shift + Command + Z (Mac):

Как отменить шаги с помощью инструмента «Рамка» в Photoshop CC 2019

Отмена последнего шага с помощью инструмента «Рамка».

Отмена выбора кадра, когда выбраны оба

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

Снова дважды щелкните, чтобы выбрать только изображение с помощью инструмента «Рамка».

Снова дважды щелкните, чтобы выбрать только изображение.

Как переместить и изменить размер содержимого кадра

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

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


Чтобы переместить изображение, просто нажмите и перетащите его. Только область внутри рамки остается видимой:

Как переместить и изменить положение изображения внутри рамки с помощью инструмента «Рамка» в Photoshop CC 2019

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

Как изменить размер изображения в кадре

Чтобы изменить размер изображения, мы не используем инструмент «Рамка» напрямую. Вместо этого мы используем команду «Свободное преобразование» в Photoshop. Поднимитесь в меню Edit и выберите Free Transform :

Выбор команды «Свободное преобразование» в Photoshop CC 2019

Собираемся Правка> Свободное Преобразование.

Затем перетащите маркеры, чтобы изменить размер изображения. В Photoshop CC 2019 функция «Свободное преобразование» автоматически блокирует соотношение сторон, поэтому нет необходимости удерживать нажатой клавишу «Shift» при перетаскивании. Но если вы хотите изменить размер изображения из его центра, нажмите и удерживайте Alt (Win) / Option (Mac). Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять его:

Как разместить изображение в кадре в Photoshop CC 2019

Изменение размера изображения внутри рамки с помощью Free Transform.

Как изменить размер рамки

Чтобы изменить размер рамки, а не ее содержимого, сначала щелкните контур рамки, чтобы выбрать ее:

Выбор рамки с помощью инструмента «Рамка» в Photoshop CC 2019

Выбирая рамку, нажимая прямо на ее контур.

Затем перетащите любой из маркеров, чтобы изменить и изменить его размер. Если вы будете нажимать и удерживать клавишу Shift при перетаскивании угловой ручки, вы сохраните исходное соотношение сторон кадра:

Как изменить размер рамки с помощью инструмента «Рамка» в Photoshop CC 2019

Изменение размера кадра путем перетаскивания маркеров преобразования.

Как только вы изменили размер рамки, вы можете щелкнуть и перетащить изображение внутри рамки, чтобы изменить его положение:

Перетаскивание изображения, чтобы переместить его внутри рамки

Перемещение изображения после изменения размера кадра.

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

Чтобы одновременно переместить рамку и изображение, дважды щелкните изображение, чтобы выбрать их оба:

Двойной щелчок для одновременного выбора рамки и изображения в Photoshop CC 2019

Двойной щелчок, чтобы выбрать рамку и изображение.

А затем нажмите и перетащите, чтобы переместить их вместе:

Перемещение рамки и ее содержимого вместе с инструментом «Рамка» в Photoshop CC 2019

Перетаскивание фрейма и его содержимого одновременно.

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

Чтобы изменить размер как кадра, так и изображения одновременно, снова убедитесь, что выбраны оба. Поднимитесь в меню Edit и выберите Free Transform :

Выбор команды «Свободное преобразование» в Photoshop CC 2019

Возвращаясь к Edit> Free Transform.

А затем перетащите маркеры, чтобы изменить размер фрейма и его содержимого:

Как изменить размер рамки и ее содержимого в Photoshop CC 2019

Перетащите маркеры Free Transform, чтобы изменить размер фрейма и его содержимого.

Вы также можете изменить положение фрейма и его содержимого, щелкая и перетаскивая его в поле «Свободное преобразование». Здесь я центрировал рамку и изображение в документе. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять его:

Как переместить рамку и ее содержимое вместе в Photoshop CC 2019

Центрирование рамки и изображения в документе с помощью Free Transform.

Будьте первым, кто узнает, когда будут добавлены новые учебники!

Как заменить содержимое кадра

Отличительной особенностью нового Frame Tool в Photoshop является то, что мы можем легко менять одно изображение на другое.

Я нажму несколько раз Ctr + Z (Победа) / Command + Z (Mac), чтобы отменить мои шаги и вернуть мой кадр к его исходному размеру и расположению:

Рамка в оригинальном размере и расположении в документе

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

Способ 1. Использование команды «Поместить встроенный» или «Поместить связанный»


Один из способов заменить текущее изображение другим изображением — перейти в меню « Файл» и выбрать « Поместить встроенный» (или « Поместить связанный» ):

Выбор команды «Разместить встроенный» в меню «Файл» в Photoshop

Идем в Файл> Поместить встроенный.

Перейдите к новому изображению на вашем компьютере. Затем выберите его и нажмите Place :

Замена содержимого текущего кадра новым содержимым с помощью команды «Разместить встроенное» в Photoshop CC 2019

Выбор и размещение нового изображения в рамку.

Способ 2: перетащите

Или, если изображение уже открыто в окне проводника (Win) или Finder (Mac), вы можете перетащить новое изображение на существующее:

Перетаскивание замещающего изображения в рамку в Photoshop CC 2019

Перетаскивание замещающего изображения в рамку.

Способ 3: из панели «Библиотеки»


И еще один способ добавить или заменить содержимое — перетащить изображение из панели « Библиотеки» в рамку:

Перетаскивание заменяющего изображения с панели «Библиотеки» на рамку в Photoshop CC 2019

Перетащите заменяющее изображение с панели «Библиотеки» на рамку.

Фотошоп мгновенно заменяет предыдущее изображение новым. Затем вы можете использовать Free Transform для изменения размера изображения внутри рамки, если это необходимо ( фото из Adobe Stock):

Замена содержимого кадра новым изображением в Photoshop CC 2019

Инструмент «Рамка» позволяет легко заменить одно изображение другим. Фото предоставлено: Adobe Stock.

Как добавить обводку вокруг рамки

Далее давайте посмотрим, как добавить обводку вокруг рамки. Обычные стили слоев Photoshop, расположенные внизу панели «Слои», не будут работать с фреймами. Но мы можем добавить удар. Вы найдете опцию Stroke на панели свойств :

Параметр «Обводка» для инструмента «Рамка» на панели «Свойства» в Photoshop CC 2019

Параметр «Обводка» для инструмента «Рамка» на панели «Свойства».

Почему я не вижу вариант «Инсульт»?

Если вы не видите параметр «Обводка», убедитесь, что на панели «Слои» выбран сам кадр:

Опция Stroke доступна только при выбранной рамке

Параметр «Обводка» доступен только при выборе рамки.

Выбор цвета обводки, положения и размера

Нажмите образец под словом «Штрих», чтобы выбрать цвет. Затем выберите позицию (внутри, по центру или снаружи) и размер :

Настройка цвета, положения и размера обводки вокруг рамки

Установка цвета, положения и размера обводки.

Обводка появляется вокруг рамки:

Рамка с обводкой добавлена ​​в Photoshop CC 2019

Рамка с добавленным штрихом.

Как убрать обводку вокруг рамки

Чтобы удалить обводку, снова щелкните образец цвета под словом «Обводка» и выберите « Нет цвета» (образец с красной линией через него):

Как убрать обводку вокруг рамки в Photoshop CC 2019

Удаление мазка нажатием кнопки «Нет цвета».

Как добавить рамку вокруг существующего изображения

Наконец, давайте рассмотрим еще один способ использования инструмента «Рамка» — добавление рамки к существующему изображению. Мы также рассмотрим, как удалить рамку с изображения. Я переключусь на другое изображение, которое я открыл в Photoshop:

Изображение открывается в отдельном документе в Photoshop CC 2019

Изображение открывается в отдельном документе. Фото предоставлено: Adobe Stock.

И если мы посмотрим на панель «Слои», то увидим изображение на слое над фоновым слоем . Обратите внимание, что мы не можем добавить рамку к фоновому слою. Таким образом, чтобы это работало, ваше изображение должно находиться на отдельном слое над ним:

Панель «Слои» показывает изображение на собственном слое над фоновым слоем.

Рамки не могут быть добавлены к изображениям в фоновом слое.

Как поместить изображение в прямоугольную рамку

Выбрав слой и инструмент «Рамка» на панели инструментов, щелкните и перетащите рамку внутри изображения:

Перетаскивание рамки внутри изображения с помощью инструмента «Рамка» в Photoshop CC 2019

Рисование рамки внутри изображения.

Когда вы отпустите кнопку мыши, Photoshop добавит рамку и поместит в нее изображение:

Как разместить рамку вокруг существующего изображения в Photoshop CC 2019

Изображение теперь находится внутри рамки.

И на панели «Слои» мы видим, что Photoshop преобразовал изображение в смарт-объект, как это было раньше:

Панель «Слои», показывающая изображение внутри рамки и преобразованная в смарт-объект

Изображение, преобразованное в смарт-объект, на слое Frame.

Как удалить рамку с изображения

Я добавил прямоугольную рамку к изображению. Но что, если я хотел добавить вместо этого эллиптическую рамку? В этом случае я могу удалить существующий фрейм, щелкнув правой кнопкой мыши (Win) или удерживая нажатой клавишу « Control» (Mac) на слое «Кадр» на панели «Слои»:

Щелчок правой кнопкой мыши (Win) / Control-click (Mac) на слое Frame на панели «Слои»

Щелкните правой кнопкой мыши (Win) / удерживайте нажатой клавишу «Control» (Mac) на слое «Рамка».

И затем выбрав Удалить кадр из слоя :

Как удалить рамку со слоя в Photoshop CC 2019

Выбрав «Удалить кадр из слоя» из меню.

Это удаляет рамку, но сохраняет изображение:

Изображение после снятия рамки в Photoshop CC 2019

Рамка исчезла, но изображение осталось.

Поместить изображение в эллиптическую рамку

Я переключусь с прямоугольной рамки на эллиптическую в панели параметров:

Как выбрать эллиптическую форму рамки для инструмента «Рамка» в Photoshop CC 2019

Выбор формы эллиптической рамки.

А потом я нажму и вытяну эллиптическую рамку внутри изображения. Чтобы сделать рамку идеальным кругом, я буду нажимать и удерживать клавишу Shift при перетаскивании. Сначала, похоже, я рисую квадратную рамку:

Рисование круговой рамки внутри изображения с помощью инструмента «Рамка»

Удерживая Shift при перетаскивании, чтобы заставить рамку в круг.

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

Как добавить изображение в рамку круга с помощью инструмента «Рамка» в Photoshop CC 2019

Изображение помещено в рамку круга.

Связанный учебник: Как обрезать изображения в круги!

И там у нас это есть! Это основы того, как использовать новый инструмент Frame Tool в Photoshop CC 2019! Посетите наш раздел « Основы фотошопа » для получения дополнительных уроков!



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

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

Ваш e-mail не будет опубликован.