Поместите изображения в фигуры с помощью инструмента «Новый кадр» в 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 для размещения изображений в форме очень просто. Мы просто выбираем инструмент «Рамка», рисуем рамку, перетаскиваем изображение в рамку, а затем перемещаем или изменяем размер изображения внутри рамки. Вы можете добавить обводку вокруг рамки, чтобы помочь с вашим дизайном, и даже заменить существующее изображение новым изображением, просто перетаскивая новое изображение в рамку.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выбор рамки

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

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

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

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

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

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

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

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

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

Из документа

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

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

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

Выбор рамки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подписывайтесь на нашу новостную рассылку

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Оцените статью: (1 оценок, среднее: 5,00 из 5) Загрузка...