как вставить картинку в форму в фотошопе

Как вставить картинку в фотошоп разными способами

Казалось бы, что в этом сложного, спросите вы? Бери и вставляй! Но, здесь не все так просто и есть несколько способов, как это сделать. По сути, сложность заключается лишь в том, чтобы вдумчиво прочитать данную статью и хорошенько запомнить все варианты. Именно о них я расскажу здесь более подробно, чтобы вы раз и навсегда запомнили и больше не возвращались к этой проблеме!

Какие есть способы

И так, с чего же нам начать? Ну конечно же, с открытия программы. Шучу, шучу! Вы и без меня это прекрасно знаете. Я уверен на все тысячу процентов! А теперь перейдем к более серьезным вещам и оставим шутки в стороне.

Перечисляю все способы, с помощью которых можно это сделать:

Неплохо, правда? Вроде бы такое простое действие, а столько вариаций! Мы с вами рассмотрим каждую. Не буду долго тянуть и сразу перехожу к нужной информации. Приготовьтесь впитывать новую информацию, как новенькие губки.

Самый простой способ – перетаскивание из вкладки

Допустим, у вас открыты 2 вкладки с фотографиями, и вам нужно сделать, чтобы обе фотографии были в одном окне. Нужно нажать клавишу «V», таким образом вы перейдете в режим «Перемещение». Или нажать на панели этот значок:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

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

Таким образом картинка из одной вкладки поместится поверх фото в другой вкладке. Нужно сказать, что этот способ копирует изображение из одной вкладки в другую. Т.е. у вас изображение остается и в первой вкладке, и появляется во второй. Получилось? Идем дальше.

Копирование

Теперь переходим ко второму способу – копировать через буфер. Он так же, как и первый не представляет особой сложности. Чем-то напоминает работу с текстом.

Открываем вкладку с необходимым изображением. Выделяем его, нажатием комбинации клавиш Ctrl+A, с помощью лассо или иного инструмента вырезания, если необходима только часть рисунка.

Используем кнопки Ctrl+C для копирования выделенной области.

Отправляемся на вкладку фона, щелкнув по ней левой кнопкой мышки, и нажимаем Ctrl+V для вставки. На рабочей поверхности, в центре изображения появляется скопированное фото. Оно будет на новом слое.

Команда Поместить

Вот мы и добрались с вами уже до третьего способа – с помощью команды «Поместить». Вставить фотографию в программе не всегда получается из-за размера. В таком случае, нас выручит команда «Поместить» и создаст смарт-объект.

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

Нужно перейти на вкладку фона. Открываем меню «Файл» в верхнем левом углу страницы. В открывшемся списке находим пункт «Поместить встроенные».

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе
Появляется окно поиска. В нем находим файл с изображением для вставки. Выбираем и нажимаем «Поместить» справа внизу.

В центре изображения появилась рамка с рисунком. Меняем размеры, растягивая углы за черные точки на рамке. После окончания работы кликаем по кнопке с галочкой в панели инструментов.

Кстати, если вы хотите, чтобы ваша картинка растягивалась или сужалась пропорционально, когда вы тянете за края рамки, нужно тянуть и удерживать клавишу Ctrl. Тогда пропорции будут сохраняться.

Перетаскиваем из папки

А вот и финишная прямая! Четвертый способ – перетаскивание файла из папки компьютера.Это более простая версия предыдущего способа. Итогом также будет смарт-объект, но нам не нужно заходить в меню. Для этого нам нужно найти нашу картинку в папке, затем зажать ее мышкой и перетащить в окно фотошопа.

Причем, если у вас фотошоп свернут, то вы можете картинку перетащить на иконку фотошопа в нижней области вашего экрана, и затем, автоматически, фото попадет в саму программу. Вы поняли как это сделать?

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Либо вы можете перетащить картинку прямо в окно программы, если у вас папка с фото открыта прямо поверх фотошопа.

Попробуйте все сами

Вот видите, как быстро у нас получилось освоить все способы! Согласитесь, что в них нет ничего сложного и алгоритм действий понятен на интуитивном уровне. Какой же будет удобнее использовать при обработке фотографий? Да хоть все по очереди! Это дело каждого из вас.

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

Кстати, если по каким-то причинам, у вас нет под рукой компьютера с фотошопом, а поработать очень срочно нужно или же наоборот, хочется скорее обработать новые фоточки с только что проведенной фотосессии, то всегда выручит онлайн фотошоп. Да, да и так тоже можно было.

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

Ведь полезной и нужной информацией необходимо делиться со своим окружением! Кто-то узнает что-то новое для себя, а кто-то вспомнит азы и вернется к творчеству. Поэтому, ждите новые статьи! Я буду продолжать вас радовать новой информацией!

Источник

Как вставить картинку в Adobe Photoshop

Из этой статьи узнаете, как вставить картинку в Фотошопе. Это можно сделать с помощью буфера о.

Из этой статьи узнаете, как вставить картинку в Фотошопе. Это можно сделать с помощью буфера обмена или drag-n-drop, но сначала необходимо провести подготовку.

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Photoshop не теряет популярность 15 лет, и удерживает позиции топовой программы в области оказания услуг. Фотографы, дизайнеры и верстальщики пользуются им для оформления своих работ. Так как удачная основа, или элементы декора для съемки будут под рукой не всегда, полезно знать, как в Фотошопе вставить картинку на картинку.

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Предварительная подготовка

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

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

Как вставить картинку в Adobe Photoshop

Есть 4 способа как вставить картинку в Фотошопе:

По очереди рассмотрим каждый из них.

Перетаскивание картинки из вкладки

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

Теперь на выбранном фоне появилось изображение. Обработайте слои для улучшения эффекта.

Копировать – вставить

Аналогично предыдущему способу, откройте фон и изображение, которое хотите добавить. Этот способ похож на работу с текстовым редактором.

После этого в центре изображения появится содержимое буфера обмена, вынесенное Фотошопом в отдельный слой.

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Команда меню «Поместить»

Так как вставить картинку в Фотошопе не всегда бывает возможно из-за размера, команда «Поместить» при добавлении изображения создает смарт-объект. Это слой, в котором рисунок будет после вставки. Он позволяет изменять размеры без потери качества изображения. Поможет при работе с надписями или фото в малом разрешении.

В центре фонового изображения появится рамка с рисунком. Измените размеры, растягивая углы за черные точки на рамке. После завершения работы кликните по кнопке с рисунком галочки в панели инструментов.

Перетаскивание фото из папки Windows

Последний способ – drag-n-drop файла из интерфейса окна Windows. Это упрощенная версия предыдущего способа переноса. Результатом также будет смарт-объект, но не понадобится заходить в меню.

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

Как в Adobe Photoshop вставить картинку на картинку

Чтобы понять, как добавить картинку на картинку в Фотошопе, откройте оба изображения во вкладках. Перетащите, как в первых двух способах, либо с помощью команды «Поместить». Способы похожи: используйте одно из изображений как фон, а второе – как объект, который нужно добавить.

Видео-урок «Как вставить картинку в Adobe Photoshop»:

Источник

Как вставить одно изображение внутрь определённой области другого

В этом материале мы рассмотрим, как одно изображение разместить внутри заданной области другого изображения на примере Photoshop CS6, но действия, описанные в статье, подойдут для к версий ниже, вплоть до CS2.

Эта методика широко используется во всех видах фотомонтажа. К примеру, Вы видели рекламные плакаты с современными телевизорами высокой чёткости? На экранах телевизоров имеется какое-то красивое яркое изображение, в основном, это яркие картинки каких-либо спортивных или культурных мероприятий. Конечно, ни одна из этих фотографий не является натуральной, т.к. практически невозможно сделать качественный снимок телевизионного изображения. Так вот, эти картинки вставляются в экраны с помощью Photoshop. Сейчас мы и разберём, как это осуществляется на практике.

Я взял изображение телевизора из рекламной страницы интернет-магазина:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

А вот изображение, которое должно появиться на экране телевизора:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Для начала выделим ту область, в которую необходимо вставить другое изображение.
Во-первых, открываем изображение-акцептор и создаём в нём выделенную область, в которой будет размещено второе изображение. Выбор используемых инструментов, конечно, будет зависеть от формы области, которую вы должны выделить. В моём случае выделение будет иметь простую четырёхугольную форму, так что я буду использовать инструмент «Прямолинейное Лассо» (Polygonal Lasso Tool), который по умолчанию расположен за стандартным лассо в панели инструментов:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Делается выделение примерно так:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Откройте второе изображение. т.е. то, которое Вы хотите вставить, и нажмите Ctrl+A для его полного выделения. Вокруг всего изображения появится рамка «марширующие муравьи»:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Теперь нажмите Ctrl+C для его копирования в буфер обмена.

Вставляем второе изображение в выделенную область

Сейчас нам не подойдёт стандартная комбинация Ctrl+V, она же Paste, т.к. нам нужно не просто вставить изображение, а вставить в заданную выделенную область. Мы пойдём другим путём.

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Кроме того, запустить эту команду можно с помощью комбинации горячих клавиш Alt+Shift+Ctrl+V.

После применения команды «Вставить в» происходят три вещи:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

И вот как выглядит теперь само изображение:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Заметьте, Photoshop даже создал перспективу для перенесённой картинки! Кстати, это относится только к версии CS6, ранние версии перспективу бы не создали, но, всё-таки давайте немного усилим эффект перспективы, для этого воспользуемся инструментом «Свободная трансформация», зажмём клавиши Shift+Ctrl+Alt и опустим вниз левый верхний угол. Т.к. клавиши зажаты, противоположный угол изображения будет двигаться в противоположную сторону:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

По завершению трансформации нажмите Enter. Вот что получилось в итоге:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Ну и завершающий эффект, добавление к маске стиля слоя «Внутренняя тень» (Inner Shadow) для придания объёма изображению. Параметры стиля слоя Вы можете посмотреть в готовом файле PSD, выполненным по материалам этого урока, скачать который можно по ссылкам внизу страницы.

Вот что у нас получилось в итоге:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Ну вот, вроде бы и всё. Архив с исходным изображениями и файлом PSD, выполненным по материалам этого урока, Вы можете скачать по ссылке:

Источник

Как вставить одно изображение внутри определённой области другого

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Друзья, предлагаю вашему вниманию инструкцию, как разместить одно изображение в пределах определённой области другого. Сделать это можно при помощи инструментов 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 как нам угодно и она не будет перекрывать цветную рамку. Всё перемещение будет происходит внутри слоя-маски.

С помощью этого нехитрого способа вы также сможете вставить любое изображение в какую-нибудь красивую рамку, создать коллаж из множества картинок и так далее.

Краткое описание действий

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

Как «разморозить» изображение PNG

И ещё одно небольшое дополнение. Если вы используете изображения в формате jpeg, то проблем с перемещением картинки в картинку возникнуть не должно. Но я, например, использовал png формат. И в окне «Слои», слой с картинкой был закреплён. Это видно по иконке закрытого замочка на слое с изображением png.

В такой ситуации я ничего не мог делать с изображениями. Для того чтобы снять это ограничение, нужно поступить следующим образом: преобразовать изображение в цветовой режим RGB 8 бит/канал.

Как это сделать? Очень просто: кликнуть в горизонтальном меню по ссылке «Изображение», далее — «Режим» и отметить галочкой строку RGB. Теперь в окне «Слои» клацнем по слою с картинкой два раза и в появившемся окне нажмём «ОК». И далее работаем с изображением.

Источник

Как заполнить форму фотографией в фотошопе

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

В этом уроке мы узнаем, как заполнить фигуру изображением в Photoshop! Как мы увидим, Photoshop позволяет легко разместить фотографию в любой форме, от простого прямоугольника или круга до необычной пользовательской формы. Для этого урока мы будем использовать одну из готовых пользовательских форм Photoshop. Но как только вы изучите шаги, вы можете начать размещать изображения в любой форме, которая вам нравится!

Я буду использовать Photoshop CC, но все, что мы будем делать, также совместимо с Photoshop CS6. Вот как будет выглядеть окончательный эффект «изображение в форме», когда мы закончим. Конечно, это только один из примеров эффекта. В Photoshop есть множество форм на выбор, и вы даже можете создавать свои собственные. Так что, как только вы изучите шаги, у вас действительно не останется никаких ограничений:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Как заполнить форму фотографией

Шаг 1: Создайте новый документ

Давайте начнем с создания нового документа. Перейдите в меню « Файл» в строке меню в верхней части экрана и выберите « Создать» :

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Откроется диалоговое окно « Новый документ ». Если вы используете Photoshop CC, вы увидите обновленную версию диалогового окна «Новый документ». Если вы используете Photoshop CS6, вы увидите более старую, традиционную версию. Сначала мы рассмотрим версию Photoshop CC, а затем версию CS6.

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Смотрите видео и делитесь своими комментариями на нашем канале YouTube!

Шаг 2. Выберите инструмент Custom Shape Tool

Как я упоминал ранее, вы можете использовать любой тип фигуры для этого эффекта, от простого прямоугольника или круга до произвольной фигуры. В этом уроке я буду использовать одну из встроенных пользовательских форм Photoshop.

Выберите инструмент Custom Shape Tool на панели инструментов. По умолчанию инструмент Custom Shape Tool вложен в инструмент Rectangle. Щелкните правой кнопкой мыши (Win) / удерживая нажатой клавишу « Control» (Mac) на инструменте «Прямоугольник», затем выберите в меню инструмент «Выборочная форма»:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 3: Установите режим инструмента на «Shape»

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

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 4: установите цвет фигуры на черный

По умолчанию цвет будет уже черным. Если это не так, нажмите букву D на клавиатуре. Это сбрасывает цвета переднего плана и фона на значения по умолчанию, делая цвет переднего плана (и цвет заливки фигуры) черным:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 5. Загрузите пользовательские фигуры

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

Миниатюра « Форма» на панели параметров отображает выбранную форму. Нажмите на миниатюру, чтобы выбрать другую форму:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Это открывает Custom Shape Picker с миниатюрами всех форм, которые мы можем выбрать. Как я уже говорил, по умолчанию отображается только несколько фигур. Давайте загрузим все формы, чтобы дать нам больше выбора.

Нажмите на значок меню ( значок шестеренки) в верхнем правом углу окна выбора формы:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

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

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Фотошоп спросит, хотите ли вы заменить текущие фигуры новыми фигурами. Поскольку фигуры по умолчанию включены в различные наборы фигур, мы ничего не потеряем, заменив их, поэтому нажмите ОК :

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 6: выберите пользовательскую форму

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

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 7: нарисуй форму

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

Когда вы рисуете фигуру, вы увидите только контур контура того, как форма будет выглядеть:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

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

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 8: переместите форму в центр

Чтобы переместить фигуру в центр документа, выберите инструмент « Перемещение» в Photoshop на панели инструментов:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Затем нажмите на форму и перетащите ее в центр. Он должен встать на место, как только вы приблизитесь к середине:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 9: открой свое изображение

Откройте изображение, которое вы хотите поместить в вашу форму. Вот тот, который я использую (девушка с фотографией бабочки из Adobe Stock ). Ваше изображение откроется в отдельном документе с вкладками:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 10: выберите и скопируйте изображение

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Выбрав изображение, перейдите в меню « Правка» и выберите « Копировать» :

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 11: вставь изображение в документ формы

Вернитесь к документу фигуры, щелкнув ее вкладку под панелью параметров. Если вы не назвали документ при его создании (чего мы не сделали), скорее всего, он называется «Untitled-1»:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Затем вернитесь в меню Edit и на этот раз выберите Paste :

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

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

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 12: создай обтравочную маску

Если мы снова посмотрим на панель «Слои», то увидим, что Photoshop поместил изображение на новый слой над слоем «Форма»:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Это «обрезает» изображение на «Слой 1» на слой Shape под ним, что означает, что единственная часть изображения, которая остается видимой в документе, это область, которая находится непосредственно над (или перед) формой. Остальная часть изображения теперь скрыта, создавая иллюзию, что изображение на самом деле находится внутри фигуры:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

И если мы снова посмотрим на панель «Слои», то увидим, что «Слой 1» имеет отступ вправо, с маленькой стрелкой, указывающей вниз на слой «Форма» под ним. Вот как Фотошоп сообщает нам, что изображение теперь обрезано по форме:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 13: измените размер и переместите изображение со свободным преобразованием

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

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Это помещает поле Free Transform и обрабатывает (маленькие квадраты) вокруг фактических размеров вашего изображения, включая область за пределами видимого холста. Если вы не видите все свои маркеры Free Transform, потому что ваше изображение слишком велико, чтобы поместиться на экране целиком, перейдите в меню « Вид» и выберите «По размеру экрана» :

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Фотошоп автоматически отрегулирует уровень масштабирования, так что будет виден весь блок Free Transform. Здесь мы видим мое поле Free Transform, простирающееся справа от холста:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

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

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

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Когда вы будете готовы, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы зафиксировать изменение и закрыть команду Free Transform:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 14: измени цвет фона

На этом этапе основной эффект «изображение в форме» готов! Конечно, мы всегда можем сделать больше, чтобы настроить его и сделать его еще лучше. Одна вещь, которую мы можем сделать, это изменить цвет фона.

Самый простой способ изменить цвет фона — использовать один из заливочных слоев в Photoshop Solid Color. Нам понадобится слой заливки «Сплошной цвет», который появится между фоновым слоем и слоем «Форма», поэтому сначала нажмите на фоновый слой на панели «Слои», чтобы выбрать его:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Затем нажмите на значок « Новый заливочный слой» или «Корректирующий слой» в нижней части панели «Слои»:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Выберите Сплошной цвет в верхней части списка:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Фотошоп открывает окно выбора цвета, где мы можем выбрать новый цвет. Черный является популярным выбором в качестве фона для этого эффекта, поэтому давайте посмотрим, как это выглядит:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Черный определенно выделяет детали формы, но как цвет фона для бабочки, я не уверен, что это работает:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Я мог бы выбрать другой цвет из палитры цветов. Или я могу выбрать цвет непосредственно из изображения внутри фигуры, что часто работает лучше.

Для этого наведите курсор мыши на цвет, который вы хотите сэмплировать. Курсор временно переключится на значок инструмента «Пипетка», сообщая, что он готов к сэмплированию цвета. Мне нравится, чтобы фоновые цвета были неяркими, поэтому вместо того, чтобы выбирать зеленый из деревьев или красный из цветов, я выберу светлый оттенок кожи на лбу девушки, щелкнув по нему, чтобы попробовать его:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Как только я нажимаю, выбранный цвет становится новым цветом фона. Мне больше нравится этот новый цвет, поэтому я нажму OK, чтобы закрыть окно выбора цвета:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Если мы посмотрим на панель «Слои», то увидим наш слой заливки «Сплошной цвет» с именем «Цветная заливка 1», расположенный между фоновым слоем и слоем «Форма», там, где он нам нужен:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Шаг 15: добавь инсульт

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

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Затем щелкните значок « Стили слоев» (значок « fx ») внизу панели «Слои»:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Выберите Stroke из списка:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Откроется диалоговое окно «Стиль слоя» в Photoshop с параметрами обводки в среднем столбце. Чтобы изменить цвет обводки, нажмите на образец цвета :

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Это снова открывает палитру цветов. Я выберу белый для своего цвета обводки, затем нажму OK, чтобы закрыть из палитры цветов:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

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

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Стиль слоя». И с этим мы закончили! Здесь, после изменения цвета фона и добавления обводки вокруг бабочки, мой последний эффект «изображение в форме»:

как вставить картинку в форму в фотошопе. Смотреть фото как вставить картинку в форму в фотошопе. Смотреть картинку как вставить картинку в форму в фотошопе. Картинка про как вставить картинку в форму в фотошопе. Фото как вставить картинку в форму в фотошопе

Источник

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *