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

Содержание

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

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

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

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

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

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

Сейчас нам не подойдёт стандартная комбинация Ctrl+V, она же Paste, т.

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

Для вставки изображения в область в Photoshop CS6 имеется специальная команда «Вставить в» (Paste Into), открывается она через вкладку главного меню Редактирование —> Специальная вставка (Edit —> PasteSpecial):

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

Примечание. В Photoshop CS5 и ниже команда «Вставить в» расположена сразу в меню «Редактирование», без промежуточных подпунктов, и имеет комбинацию горячих клавиш Shift+Ctrl+V

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

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

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

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

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

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

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

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

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

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

Доброго всем времени ! Продолжаем изучать такую замечательную программу, как фотошоп. В сегодняшнем обзоре поговорим о том, как работать с картинками. Это весьма полезная функция, освоив которую можно спокойно создавать разного типа коллажи из нескольких небольших изображений.

Навыки эти будут полезны, если приходиться работать с рамками. Например, вы хотите фото своего ребенка поместить в новогоднюю рамку и подарить красивый портрет, да мало ли чего еще можно делать. Словом, пригодиться. Сегодня будут простые и легкие приемы с видео по теме. Читаем, запоминаем, берем на вооружение! Итак…

Небольшое изображение можно вставить так, что бы оно находилась как на заднем плане, так и на переднем. Вставляя фото, само собой придется изменять и его размеры. Ну и самое интересное, что особенно привлекает многих – это вырезание головы объекта и вставка ее в другую картинку. Захотите удивить своего товарища, «отрежьте» ему голову и присоедините ее, например к Сталлоне или Шварценеггеру. Обо всех этих приемахи будет рассказано в статье.

И еще, одно о чем хотелось бы упомянуть. Если на передний план помещается картинка целиком, то для удобства она должна быть на прозрачном фоне, то есть иметь формат png. Работать так будет проще и быстрее.

Сначала научимся совмещать изображения без каких-либо действий и трансформаций. Открываем программу и через меню «Файл» — «Открыть» выбираем любую фотографию-фон. Ее так же можно вставить и простым перетягиванием из папки размещения в окно программы. Что бы удобно было работать, как всегда в окне слои создаем копию фона.

Далее, аналогичным образом через меню — «Файл»- «Открыть» выбираем еще одно фото для вставки. Оно откроется уже в другом окне.

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

По краям картинки увидим мерцающую пунктирную линию. Теперь копируем выделенную картинку с помощью команды «Редактирование» — «Копировать». Открываем фоновую картинку и через пункт верхнего меню «Редактировать»- «Вставить» вставляем. Изображение появится на переднем плане.

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

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

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

Второй вариант, как можно вставить картинку не используя команду меню «Файл — «Открыть» – это сразу перетащить картинку из места расположения на фон.

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

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

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

Вставляем изображение в картинку и уменьшаем

Итак, картинку вставили любым из описанных выше способов. Теперь необходимо изменить ее размер. Если вставляли прямо из места расположения путем перетаскивания на фоновую картинку, то, как говорилось ранее, на картинке увидим линии, по которым можно изменять размеры.

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

Не забываем после изменений нажать «Enter», чтобы линии исчезли и картинка приняла изменения. Если же вы картинку вставляли из самой программы путем копирования, то ее размеры изменяются через меню «Редактирование — «Трансформирование» — «Масштабирование».

Вокруг картинки появится рамка с квадратиками по углам и середине. Если нажав клавишу «Shift» и зажав правой кнопкой мыши один из уголков, то картинка будет изменять размеры пропорционально. Если клавишу «Shift» не нажать, то картинка изменяет размеры неравномерно.

Как в фотошопе вставить картинку в картинку и покрасить ее в цвет фона?

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

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

В результате рядом с картинкой памятника увидим белый квадрат. При этом на панели инструментов основной цвет должен быть черным, а дополнительный – белым. На полученном слое-маске будем заменять фон. Для этого на панели инструментов выбираем «Кисть». А на панели слоев выбираем маску, кликнув по ней мышкой.

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

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

Вставляем картинку в картинку и делаем ее прозрачной, без фона

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

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

В следующем варианте удаления фона используется инструмент «Волшебная палочка». Выбираем этот инструмент.

Далее, кликаем этим инструментом по белому фону и получим пунктирное выделение объекта.

Теперь нажимаем клавишу «Delete» и фон удалится. Вот и вся процедура. Если объект имеет ровные стороны, без резких углов сложных границ, то можно воспользоваться инструментом «Магнитное лассо».

Этим инструментом выделяем по контуру объект, после чего выбираем «Выделение» => «Инверсия» и уже потом «delete». Фон удалится. Эти способы хороши при однотонном фоне. Если же фон по цвету неоднороден, то необходимо воспользоваться режимом «Быстрая маска».

Выбираем режим, выбираем инструмент кисть и проводим ею по объекту.

По окончании работы кистью снова нажимаем на инструмент «Быстрая маска», а после — «Delete». Объект остался без фона.

Если он получился не очень контрастным, светлым, то проводим коррекцию во вкладке «Изображение». Там имеются все необходимые для этого инструменты.

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

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

Если вы выделяли при помощи инструмента «волшебная палочка», то на следующем этапе необходимо открыть вкладку «выделение» и выбрать там «Инверсия».

Таким образом мы выделим сам объект а не фон вокруг него. Теперь делаем копию («Редактирование» — «Копирование»), открываем нужный рисунок и через «Редактирование» — «Вставить» завершаем операцию.

Выделяем лицо человека и вставляем в другую фотографию (картинку)

Подобная функция полезна, когда мы имеем какой-то шаблон – объект куда можно вставить голову человека. Это используется часто для дружеских коллажей, поздравительных открыток и пр. Например, не всегда можно найти нужный костюмчик, одеть в него ребенка, создать соответствующий фон и сфотографировать. Скачав же нужный шаблон и вставив в него лицо ребенка – получим нужный вариант без всяких затруднений.

Порядок действий тот же. Выбираем сначала фоновое фото. Потом выбираем фото ребенка, ну или кого-то еще. Выделяем голову любым удобным способом и копируем. После чего вставляем в первую картинку, подвигаем, что бы все легло – в результате получаем нужное нам фото. Ниже приведен очень простой пример этого действия. Вот и все операции по вставке картинок. Удачи!

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

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

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

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

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

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

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

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

Для вставки изображения в область в Photoshop CS6 имеется специальная команда «Вставить в» (Paste Into), открывается она через вкладку главного меню Редактирование –> Специальная вставка (Edit –> PasteSpecial):

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В Photoshop CS6, снова установить как ширину и высоту до 2000 пикселей , с Разрешения до 72 точек / дюйма , и содержимого фона на белый . Нажмите OK, чтобы создать новый документ:

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

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

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

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

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

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

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

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

Чтобы мы могли видеть нашу форму на белом фоне, мы установим цвет заливки фигуры на черный . Вы найдете образец цвета заливки на панели параметров (прямо рядом с параметром «Режим инструмента»).

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

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

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

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

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

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

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

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

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

Вернувшись в Custom Picker, у нас теперь есть еще много форм на выбор. Прокрутите миниатюры, пока не найдете тот, который вы хотите использовать. Форма сердца (которая на самом деле является частью форм по умолчанию) является популярным выбором. Но для чего-то другого я выберу форму бабочки .

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

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

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

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

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

Если мы посмотрим на панель «Слои» , то увидим, что фигура находится на собственном слое «Форма» над слоем с белым фоном :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

И там у нас это есть! Вот так легко разместить изображение внутри фигуры, используя обтравочные маски в Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop! И не забывайте, что все наши учебники по Photoshop теперь доступны в виде готовых к печати PDF-файлов !

Наложение изображений

Как объединить две фотографии?

Как объединить две фотографии или вставить вырезанную часть одного изображения в другое задача простая для всех, кто немного знаком с фотошопом. Но, во-первых, не все умеют работать в программе Adobe Photoshop, во-вторых, и опытные пользователи не всегда умеют наложить одно изображение на другое хорошо. Рассмотрим несколько вариантов соединения нескольких картинок в одно изображение.

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

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

В меню выбираете кнопку с изображением 2, 3, 4 горизонтальных или вертикальных окон и видите сразу выбранное Вами количество картинок.

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

Что делать, если вставляемое изображение слишком большое или слишком маленькое? Нужно его увеличить или уменьшить. Для этого щелкаете на слое с вставленной картинкой, выбираете в меню Edit (Редактирование) > Free Transform (Свободная трансформация) или нажимаете сочетание клавиш CTRL+T и тянете за маркеры или поворачиваете вставленное изображение.

Вставка в изображение фрагмента из другой картинки

Гораздо чаще нужно вырезать только часть одной фотографии и наложить этот фрагмент на другую фотографию. Такие композиции из частей разных изображений называют фотомонтаж или фотоколлаж.

Открываете изображение, из которого будете вырезать, выделяете любым подходящим инструментом выделения требуемый фрагмент, копируете Edit (Редактирование)> Copy (Копировать), затем переходите в основной документ и вставляете скопированную часть изображения Edit (Редактирование)> Paste (Вставить). Вставленный фрагмент располагается в отдельном слое и размеры его можно изменить так, как вам нужно.

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

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

Плавный переход одного изображения в другое

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

Чтобы наложить одну картинку на другую в программе Photoshop открывают обе исходные фотографии и перетягивают слой из одного открытого изображения в другой документ. Верхний слой делают полупрозрачным (на панели Layers (Слои) параметр Opacity (Непрозрачность) уменьшают до 50-60%) чтобы видеть сквозь него нижний и перемещают на каждом слое изображение так, чтобы части будущего вашего творения хорошо компоновались друг с другом.

Если нужно сделать быстро и высокого качества не требуется, можно использовать мягкую резинку – инструмент Eraser (Ластик) для быстрого стирания части слоя. Инструмент Brush (Кисть) задает размер, форму, плотность, жесткость для резинки, поэтому в настройках кисти обязательно должен быть установлен параметр Hardness (Жесткость) равным 0, на панели параметров кисти Opacity (Непрозрачность) установите значение 20-30%.

Резинкой сотрите в нужных местах части верхнего изображения и, когда закончите, для этого слоя верните параметр Opacity (Непрозрачность) 100%. Слой станет непрозрачным, но те места, где прошлись резинкой будут полностью или частично прозрачными.

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

Чтобы добавить маску перейдите в слой с верхней картинкой и внизу панели Layers (Слои) нажмите кнопку Add Leyer Mask (Добавить маску слоя).

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

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

Напоследок два простых способа плавного перехода изображения в фон.

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

2 способ. Выделяем нужную область в изображении, выполняем команду меню Select (Выделение) > Modify (Изменение) > Feather (Растушевка).В открывшемся окне нужно установить в поле Feather (Растушевка) ширину области растушевки. Эта величина зависит от размера изображения и подбирается для каждого фото отдельно – экспериментируйте!

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

Как в фотошопе вырезать по кругу

Как вырезать круг в Adobe Photoshop

Photoshop – растровый графический редактор, способный выделять объекты, вырезать контуры, рисов…

Photoshop – растровый графический редактор, способный выделять объекты, вырезать контуры, рисовать фигуры, выполнять наложение фотографий и т.д.

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

Как нарисовать круг в Фотошопе

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

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

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

Создать новый документ (CTRL+N или команда «Файл» – «Создать»).

Найти на боковой панели инструмент «Эллипс» (кликнуть правой кнопкой мыши на инструмент «Прямоугольник» и выбрать необходимую опцию).

Кликнуть по инструменту левой кнопкой мыши.
Для создания ровного круга нажать и удерживать SHIFT и при зажатой левой кнопке мыши рисовать фигуру.

Примечание. Нарисовать круг от центра поможет зажатая клавиша ALT. После окончания рисования отпустите ALT и только потом SHIFT. Иначе на листе вместо круга отобразится овал.

Как выделить круг в Фотошопе

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

Нарисовать окружность можно таким способом:

Активировать пиктограмму «Выделение».
Выбрать инструмент «Овальная область».
Нарисовать фигуру при зажатой клавише SHIFT.
Перейти к палитре цвета.
Выбрать нужный оттенок.
Подтвердить действие нажатием на ОК.
Найти инструмент «Заливка».
Активировать пиктограмму и кликнуть по выделенной области.
Снять выделение при помощи CTRL+D или команды «Выделение – Снять выделение».

При создании круглой рамки или элемента дизайна для web-страницы к этому алгоритму прибавятся дополнительные действия.

Выполните пункты 1-3 из предыдущего алгоритма.
Примените команду «Редактирование – Выполнить обводку».

Укажите цвет и толщину линии в пикселях.

Снимите выделение.

Как в Фотошопе изображение обрезать по кругу

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

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

Переименовать слой (кликнуть правой кнопкой мыши по строке со слоем и выбрать пункт «Параметры слоя»).

Выбрать на панели инструментов функцию «Выделение – Овальная область».

При зажатой клавише SHIFT создать базовую фигуру (фигура может располагаться отдельно от выделяемого участка).

Отпустить клавишу мыши, затем кнопку на клавиатуре.
Для перемещения круга кликнуть внутри выделенной области и переместить фигуру в нужное место (в верхней панели инструментов активизируется пиктограмма «Новая выделенная область»).
Инвертировать выделенный участок — перейти в «Выделение – Инверсия» или нажать SHIFT+CTRL+I.

Нажать кнопку удаления (Delete или Backspace).
Снять выделение клавишами CTRL+D или командой «Выделение – Снять выделение».

Для удаления участков «шахматной доски» перейти в «Изображение – Тримминг».

Установить переключатель «Прозрачных пикселей».
Убедиться, что в блоке «Обрезка» активированы все переключатели.

Подтвердить действие через нажатие на ОК.
Сохранить готовое изображение с расширением .PNG, поскольку .JPEG отображает прозрачные слои как белый фон (выполнить команду «Файл – Сохранить как», указать формат .PNG, имя файла, путь сохранения изображения и нажать на «Сохранить»).
При сохранении формата PNG параметры по умолчанию можно оставить без изменений.

Как вырезать круг в Фотошопе

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

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

Теперь с зажатой клавишей Shift на клавиатуре нарисуйте круг. Если делать это просто мышкой, его стороны будут неровными, и в результате есть большой шанс вырезать непропорциональную, овальную или сплющенную фигуру. По необходимости круг можно изменить в размере, кликнув по нему правой кнопкой мыши и выбрав пункт «Свободное трансформирование». За это же действие отвечает и горячая клавиша Ctrl + T (но тогда предварительно должен быть выделен слой, который вы хотите отредактировать). Инструментом «Перемещение» расположите круг на оригинальном изображении более точно.

Теперь выделите слой с созданной фигурой, кликнув по его миниатюре на панели «Слои» левой кнопкой мыши с предварительно зажатой клавишей Ctrl (Command в компьютерах Mac). Вы увидите, что по краям слоя появилась анимированная обводка.

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

Сам процесс вырезания круга предполагает два возможных варианта: вырезать тот круг, который был нарисован (на месте нарисованной фигуры в фоновом слое будет пустота) или обрезать всю остальную область, оставив только то, что находится под кругом. Если вас интересует первый вариант, уже сейчас достаточно нажать сочетание клавиш Ctrl + X. Там, где находится эллипс, появится пустое место, в которое в дальнейшем вы можете вставить любой объект или использовать файл как шаблон для чего-либо.

Однако, как правило, пользователей интересует противоположный вариант вырезания, соответственно, предыдущий пункт им выполнять не нужно. Необходимо создать инверсию выделения, чтобы отрезать всю ту область, что находится за пределами нарисованного круга. Для этого нажмите сочетание клавиш Ctrl + Shift + I, после чего вы увидите, как по бокам картинки появилось такое же пунктирное выделение.

Вместо горячей клавиши также можете нажать по любому месту ПКМ и выбрать пункт «Инверсия выделенной области».

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

Нажмите комбинацию клавиш Ctrl + X либо вызовите меню «Редактирование» и оттуда используйте инструмент «Вырезать».

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

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

Теперь можете удалить слой с эллипсом, выделив его на панели со слоями и нажав клавишу Delete.

Созданный круг готов для дальнейшего редактирования.

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

В окне инструмента укажите значение «Прозрачных пикселов» и нажмите «ОК».

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

Сохранить результат («Файл» > «Сохранить как» или клавиши Ctrl + Shift + S) можно и в PNG за счет наличия прозрачного фона, если в этом есть необходимость.

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Поделиться статьей в социальных сетях:

Как вырезать ровный круг из картинки в Фотошопе

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

Вырезаем круг

Чтобы успешно справиться с поставленной задачей необходимо сначала овладеть навыками рисования круга. Мы подробно рассмотрели данный процесс в нашей публикации – “Как нарисовать ровный круг в Фотошопе”.

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

Метод 1: используем инструмент “Овальная область”

Выбрав инструмент выделяем круглую область требуемого размера и размещаем ее в нужном месте на картинке.
После того, как выделение будет выполнено, жмем клавишу Del. Круглая область будет удалена, а точнее, залита цветом, который выбран на боковой панели инструментов в качестве фонового (в нашем случае – белый).Примечание: на клавиатурах для iMac клавиши Del нет, вместо нее нажимаем Backspace, после чего откроется окно заливки, в котором мы можем настроить, как именно “закрасить” выделение – основным или фоновым цветом и т.д. Либо можем использовать сочетание Сmd+Backspace, чтобы выполнить заливку фоновым цветом.
Теперь можно нажать комбинацию Ctrl+D, чтобы снять выделение.

Метод 2: применяем инструмент “Эллипс”

Выбираем инструмент и рисуем круг, разместив его в нужном месте. При необходимости меняем размер фигуры.
В Палитре слоев щелкаем по миниатюре слоя с кругом вместе с зажатой клавишей Ctrl.
На холсте круг должен выделиться по контуру.
Убираем видимость слоя с кругом и переключаемся на слой, на котором требуется удалить выделенную область.
Жмем клавишу Del (или Backspace/Cmd+Backspace на iMac), после чего убираем выделение с помощью комбинации Ctrl+D.

Заключение

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

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

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

Обычно, когда мы думаем об обрезке изображений в Photoshop, мы думаем об обрезке их как прямоугольника или квадрата. И если мы используем Photoshop Crop Tool, у нас нет никаких других вариантов. Но кто сказал, что нам нужно использовать Crop Tool? Фотошоп позволяет легко обрезать фотографию с помощью инструмента выбора. Чтобы обрезать изображение в круг, мы будем использовать Elliptical Marquee Tool. Я буду использовать Photoshop CC здесь, но любая последняя версия Photoshop будет работать.

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

Конечный результат.

Давайте начнем!

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

Шаг 1: Откройте ваше изображение

Начните с открытия вашего изображения в Photoshop. Я буду использовать эту фотографию, которую я скачал с Adobe Stock:

Исходное из

Как вырезать круглую картинку в Photoshop

При помощи этого урока превратим любимую картинку в круглую форму с заданными порциями. Урок поможет каждому желающему научиться создавать картинку в виде круга. 1. Создаем документ с нужными размерами для дальнейшей печати. Заходим в меню «Файл» и выбираем «Создать». Подбираем размер будущей бумаги. Допустим это будет лист А4, который очень популярен в печати. 2. В боковой части инструментов выбираем «Эллипс».

3. Теперь следует выставить размеры. Для этого в верхней панели нажимаем на кружок. Выбираем «Задать пропорции» и выбираем нужный размер. Допустим будущий круг будет иметь 17 х 17 см.

3. Нажимаем на белый лист и автоматически получаем круг с заданными пропорциями. Также создать круг с нужным размером можно по-другому. Для этого выбираем «Эллипс» и сразу нажимаем на поверхность рабочего листа. Выскакивает маленькое окошко, где предлагают сразу же выбрать пропорции круга. Выставляем нужные размеры. Это могут быть пиксели, дюймы, сантиметры или миллиметры. При помощи стандартной черной стрелочки перемещаем круг.

4. Теперь следует открыть картинку. Для этого в меню «Файл» выбираем «Открыть». Из определенной папки выбираем нужную картинку.

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

6. Файл с картинкой можно свернуть. Работаем с первым документом, где круг.

7. Теперь в меню слоев нажимаем на картинку правой мышкой и выбираем из заданных функций «Создать обтравочную маску».

8. Картинка теперь в форме круга.

9. Картинку можно перемещать, уменьшать или увеличивать. Для этого
нажимаем Ctrl+T.

10. Готова желаемая картинка природы в виде круга.

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

Доброго времени суток, уважаемые читатели. Все больше разочаровывает меня интернет. Постигаю фотошоп и периодически сталкиваюсь с разного рода задачами. Хочется работать на уровне специалиста, но статьи, которые удается найти, в основном написаны либо школьниками, либо для школьников, чтобы сделать на… кое-как.

Мне нужно вырезать объект по краю, а результат после этих публикаций кошмарен. Как будто столетними скрипящими ножницами работал. Ужас, который никуда не вставишь. Хочешь круглую фотку, а тебе мануал на 500 страниц предлагают, когда все намного проще.

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

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

Сегодня поговорим об одной из самых важных и частых задач: как в фотошопе вырезать картинку профессионально, ровно и быстро. Будем рассматривать разные случаи. Где-то я покажу как поковыряться, чтобы результат получился крутым. В каком-то моменте наоборот, опишу ускоренный процесс выполнения задачи.

Картинка по размеру в два клика

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

Итак, открываем фотошоп, а затем и фото, с которым будете работать.

Чтобы уменьшить картинку понадобится инструмент «Рамка».

Можно дергать за края, чтобы определиться с размером или отрезать что-то лишнее.

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

Если интересует соотношение – выбираем верхнюю кнопку и вставляем свои значения.

Если один из показателей, то выбираем Ш х В х Разрешение.

Вставляем свои значения.

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

Делаем изображение круглым за две минуты

Есть много способов вырезать фотку по кругу. Сейчас я расскажу о самом простом. Буквально 2-3 минуты и все готово.

Открываем рисунок.

И выбираем инструмент «Овальная область». Если не можете найти, удерживайте левую клавишу мыши на той или иной кнопке панели слева. Возможно, овал «прячется» под прямоугольником.

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

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

Как обрезать изображения в форме круга в Photoshop

Устали обрезать фотографии в виде прямоугольников и квадратов? Узнайте, как легко обрезать изображения в виде кругов с помощью Photoshop и как сохранить круг с прозрачным фоном, чтобы изображение отлично смотрелось в дизайне или в Интернете! Пошаговое руководство для Photoshop CC 2021 и более ранних версий.

Автор Стив Паттерсон.

Обрезая изображения в Photoshop, мы обычно думаем о прямоугольнике или квадрате.Это потому, что у инструмента кадрирования в Photoshop нет других вариантов. Но кто сказал, что нам нужно использовать Crop Tool? Photoshop упрощает обрезку изображений с помощью инструментов выбора. А чтобы обрезать изображение по кругу, все, что нам нужно — это инструмент Elliptical Marquee Tool.

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

Я использую Photoshop CC 2021, но вы можете использовать любую последнюю версию.

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

Окончательный результат.

Приступим!

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

Шаг 1. Откройте изображение

Начните с открытия изображения в Photoshop. Я буду использовать это изображение из Adobe Stock:

Исходное изображение. Фото: Adobe Stock.

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

Шаг 2. Разблокируйте фоновый слой

На панели «Слои» изображение появляется на фоновом слое:

Панель слоев Photoshop.

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

Чтобы преобразовать фоновый слой в нормальный, просто щелкните значок замка . Если вы используете старую версию Photoshop и щелчок по значку замка не работает, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните на фоновом слое. :

Щелкнув значок замка.

Photoshop переименовывает фоновый слой в «Слой 0», и мы готовы обрезать изображение в круг:

Фоновый слой теперь нормальный.

Шаг 3. Выберите инструмент Elliptical Marquee Tool

Выберите инструмент Elliptical Marquee Tool на панели инструментов. По умолчанию инструмент Elliptical Marquee Tool скрывается за инструментом Rectangular Marquee Tool. Итак, вам нужно щелкнуть правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкнуть (Mac) на инструменте Rectangular Marquee Tool, а затем выбрать инструмент Elliptical Marquee Tool из меню:

Выбор инструмента Elliptical Marquee Tool.

Шаг 4. Нарисуйте круговой контур выделения

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

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

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

Нажмите и удерживайте Shift и растяните круговой контур выделения.

Шаг 5. Изменение положения выделенной области

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

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

Щелкните и перетащите круговой контур выделения на место.

Шаг 6: Инвертировать выделение

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

Чтобы исправить это, инвертируйте выделение, перейдя в меню Select в строке меню и выбрав Inverse :

Выбираем> Инверсия.

Шаг 7. Удалите изображение за пределами круга

Затем с инвертированным выделением удалите область вокруг круга, нажав клавишу Backspace (Win) / Delete (Mac) на клавиатуре.Удаленная область заменяется шаблоном шахматной доски , который в Photoshop представляет прозрачность.

Если удаленная область становится белой вместо прозрачной или Photoshop открывает диалоговое окно «Заливка», это, скорее всего, связано с тем, что вы забыли разблокировать фоновый слой на шаге 1:

Нажмите Backspace (Win) / Delete (Mac), чтобы удалить изображение по кругу.

Нам больше не нужен контур выделения, поэтому удалите его, перейдя в меню Выбрать и выбрав Отменить выделение :

Собираюсь Выбрать> Отменить выбор.

Шаг 8: Обрежьте прозрачные области

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

Переход к изображению> Обрезать.

Затем в диалоговом окне Trim выберите Transparent Pixels вверху и убедитесь, что внизу выбраны Top , Bottom , Left и Right :

Параметры обрезки.

Щелкните OK, чтобы закрыть диалоговое окно Trim, и Photoshop мгновенно обрежет окружающие прозрачные области, оставив наше изображение обрезанным в виде круга.

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

Изображение теперь обрезано до круга.

Шаг 9. Сохраните изображение как файл PNG

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

Чтобы сохранить изображение как файл PNG, перейдите в меню Файл и выберите Сохранить как :

Переход к файлу> Сохранить как.

В самых последних версиях Photoshop вас спросят, хотите ли вы сохранить файл на свой компьютер или как облачный документ. Выберите Сохранить на вашем компьютере :

Выбор опции «Сохранить на свой компьютер».

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

Сохранение обрезанного изображения как файла PNG.

Наконец, в параметрах формата PNG выберите Наименьший размер файла и затем нажмите OK, чтобы сохранить изображение:

Сохранение файла PNG с наименьшим размером.

И вот оно! Вот как в фотошопе обрезать изображение по кругу!

И это подводит нас к концу нашей серии об кадрировании изображений в Photoshop! Если вы пропустили какой-либо из предыдущих уроков этой главы, ознакомьтесь с ними ниже:

Дополнительные темы можно найти в разделе «Основы Photoshop»!

Узнайте, как обрезать изображение по кругу за 8 шагов

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

Выпрямление и обрезка изображения.
Иногда кадрирование на фотографии не идеальное до начала редактирования.Ознакомьтесь с этим руководством по выпрямлению изображения с помощью технологии с учетом содержимого. Этот инструмент автоматически заполняет пробелы, когда вы расширяете холст за пределы исходного размера изображения.

Создайте более круговое искусство.
Если вы хотите создать круговую графику, которая сочетается с круговым кадрированием, взгляните на это интригующее пошаговое руководство от художника Амра Эльшами. Посмотрите, как он использовал фильтр искажения «Полярные координаты» в Photoshop, чтобы превратить красивую фотографию горного хребта во что-то совершенно новое.

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

Узнайте, как обрезать изображение по кругу за несколько шагов

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

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

Для этого нам понадобиться использовать клавиатурные сокращения Shift + H (отразить картинку по горизонтали), Shift + V (отразить по вертикали). Либо использовать в меню дублирующие пункты.

Как вставить картинку в фигме

Самый простой способ – просто перетащить изображение в окно проекта, и оно импортируется со своими оригинальными размерами.Также есть способ вставить через фигуры. Об этом ниже.

Как обрезать картинку в фигме

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

Для этого нам понадобиться:

Перенести картинку в проект (см. выше)
Создать фигуру по размеру нужно обрезки
Выделяем оба слоя, используем клавиатурное сокращение Ctrl + Alt + M – маска готова.

Важно, чтобы в иерархии картинка была выше, чем фигура.

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

Как вырезать объект в фигме

Чтобы не пользоваться дополнительными инструментами (Photoshop или онлайн-сервисы) — воспользуемся внутренними возможностями программы

Разместите изображение в рабочем поле
При помощи пера, поверх картинки, повторите контур той части изображения, которую нужно обрезать
Залейте получившуюся область любым цветом
Разместите векторный объект ниже по иерархии
Выделите изображение и векторный объект
Примените к обоим слоя свойство «Use as Mask» (Клавиатурное сокращене Ctrl + Alt + M)

Наглядно процесс можно посмотреть на картинке ниже

Важно! Для того, чтобы на практике понять, какими функциями обладает программа — рекомендую ознакомиться с готовыми шаблонами Figma. В них вы сможете отработать новые для вас функции, объекты, фишки и т.д. Ссылки на шаблоны: ссылка 1 и ссылка 2

Уроки фотошопа для начинающих. Книги с уроками фотошопа.

Сайт с уроками фотошопа для начинающих фотолюбителей научит работать в программе Adobe Photoshop.

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

От простого к сложному — один шаг.

Рисуем бриллиантовую бабочку.

Учимся делать обводку контура кистью со специальными настройками.

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

Мотиваторы для девушек.

Многие уже видели на страничках соцсетей картинки-мотиваторы в широкой синей рамке с текстом. Сама картинка оформлена тонкой белой рамкой. Текст с мотивирующей надписью размещается на синем поле в нижней части.

Мотиваторы помогут: расширить сознание, увидеть новые пути решения вопросов, настроиться на положительный лад.

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

Читаем далее →

Экшен ОТКРЫТАЯ КНИГА.

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

Слайд-шоу «Портфолио»

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

Слайд-шоу «Сказка»

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

Ваш браузер не поддерживает тег video.

Как вырезать и вставить объект в Фотошопе – 4 лучших способа (2019)

Начинающие пользователи часто задаются вопросом как вырезать и вставить объект в Фотошопе.

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

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

Содержание:

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

Благодаря функции «Выделение-Вставка» вы сможете объединять элементы нескольких рисунков, выбирать свой фон и создавать уникальные проекты.

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

Способ 1 – Использование «Волшебной палочки»

«Волшебная палочка» или «Magic Wand» — это один из простейших инструментов в Фотошопе. С её помощью можно быстро выделить часть и провести с ней ряд манипуляций.

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

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

Алгоритм выделение волшебной палочкой автоматически определяет оттенки пикселей, которые граничат с другими частями фото.

Советуем использовать палочку, если фото с объектом имеет широкую палитру цветов. На фото с большим количеством однотонных похожих цветов часть может быть выделена неправильно.

Следуйте инструкции:

Откройте программу Photoshop и создайте новое полотно или откройте существующий рисунок с объектом с помощью программы;
В левой части окна находиться панель базовых инструментов. Кликните на четвёртый элемент и в выпадающем списке выберите «Волшебную палочку», как показано ниже:

Рис. 2 – «Волшебная палочка»

Палочка создает границы выделения, основываясь на оттенках объектов картинки. Вам нужно кликнуть курсором на нужный участок изображения, чтобы создалось выделение. Рекомендуем использовать Magic Wand для больших однотонных объектов, таких как небо, трава, горы и прочее;
Выделим небо на следующем изображении. Для этого в инсургентах кликните на волшебную палочку и выберите мышкой любой участок неба. Вокруг части создастся следующий контур;

Рис.3 – выделение неба

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

Рис.4 – установка границ объекта

Читайте также:
к содержанию ↑
Способ 2 – Работа с инструментом «Быстрое выделение»

Быстрое выделение (Quick Selection) – еще один базовый инструмент, пользоваться которым должен научиться каждый пользователь Фотошопа.
Его можно найти в той же вкладке, что и волшебную палочку (Панель инструментов—Выделение—Быстрое выделение). Функция работает как кисть.
С его помощью можно создать точное выделение по контрастным границам. Вы можете самостоятельно выбрать размер и диаметр кисти:
Выберите инструмент, как показано на рисунке;
Рис.5 – выбор Quick Selection
Теперь выполните выделение. Вам нужно зажать левую клавишу мышки и водить курсором внутри области, которую необходимо выбрать. Чтобы обозначить границы, рисуйте возле краёв. Таким образом, линия контура будет постепенно подвигаться к нужному вам краю.
Чтобы отменить неудавшееся действие, нажмите на сочетание клавиш Ctrl+D и повторите попытку. На рисунке ниже указан пример постепенного выбора области цветка с помощью Quick Selection.
Рис. 6 – зарисовка быстрым выделением
Как видите, границы полученного объекта не выходят на другую часть картинки. Даже при увеличении и детальном просмотре каждой линии вы не увидите огрехов и лишних пикселей.
к содержанию ↑
Способ 3 – Быстрая маска

Быстрая маска (Quick Mask) – это режим в Photoshop, с помощью которого можно выделить объект на фото. В чем же разница использования маски и стандартных описанных выше инструментов?
Дело в том, что стандартные способы хорошо выделяют части рисунка, которые имеют контрастность цветов пикселей, но они не могут определить чёткие границы объекта, часть которого является градиентом или размытой областью.
Также, расставить границы выделения будет сложно, если цвет части очень схож с фоном.
Суть Quick Mask: пользователь выделяет одну часть фото, а другая автоматически блокируется и работать с ней нельзя. Маской называют сам контур, который отделяет элемент от основного рисунка.
Быстрая маска – это выделение, в котором выбранная часть будет иметь первоначальный цвет, а остальные области будут закрыты полупрозрачной пленкой.
Рис. 7 – пример маски в Фотошопе
Удобство работы с инструментом заключается в том, что вы сами рисуете выделенную область и в любой момент можете подкорректировать огрехи.
Быстрая маска позволит выполнить точное выделение части картинки. Следуйте инструкции:
Выберите инструмент Quick Mask на панели инструментов или просто нажмите на клавиатуре клавишу Q пока отрыто окно Фотошопа;
Рис.8 – клавиша для выбора Быстрой Маски
В появившемся окне выберите тип кисти, её диаметр и другие параметры в зависимости от той области, которую вы будете закрашивать;
Теперь просто зарисуйте ненужную часть картинки, оставляя только объект для вырезания и вставки. Маскированная область будет окрашиваться в красный цвет;
Наносить маску нужно с выбранным на палитре чёрным цветом. Для удаления части маскированной области выберите белый цвет.
Рис. 9 – создание маски
С получившейся выделенной областью вы сможете сделать все что угодно. Фотошоп не будет распознавать фон, поэтому можно очень легко выделить объект.
Используйте уже описанные выше инструменты «Быстрое выделение» или «Волшебная палочка» или кликните на сочетание клавиш Ctrl—A, выделяя все пространство (без маскированной области).
Рис.10 – выделение области
Если вам нужно выделить часть рисунка, но вы хотите, чтобы границы элемента получились не чёткими, а градиентными (плавно переходящими в фон новой картинки), нужно использовать градиент маски.
Принцип создания выделения схож с предыдущей инструкцией:
Зайдите в режим работы с быстрой маской;
Во вкладке Options (Опции) выберите Режим Радиального Градиента (Radial Gradient). На палитре цветов сделайте основной цвет чёрным, а фоновой – белым;
Убедитесь, что параметр направления градиента установлен как «Foreground to Background», то есть от основных цветов к окрасу фона;
Теперь создайте выделение. Задайте центр объекта и аккуратно направляйте курсор от центра к краям.
Рис.11 – выбор центра объекта
После завершения создания границ скопируйте элемент на фон другой картинки. Объект будет иметь полупрозрачный вид и размытые границы.
Регулировать эти параметры вы сможете в окне слоёв нового рисунка.
Рис.12 – вставка с сохранением градиента
Читайте также:
к содержанию ↑
Способ 4 – Магнитное лассо

Магнитное лассо относится к группе более сложных инструментов программы. Его нужно применять, если вы вырезаете сложные частики картинки.
К примеру, тело человека, части рук, волосы и другие элементы, которые требуют точности до пикселя.
Рис.13 – отображение Магнитного лассо в Фотошоп
Особенность этого элемента заключается в его алгоритме работы. Он не анализирует цветность пикселей, а ищет края объекта. Затем создается точка, к которой притягивается лассо.
Таким образом, постепенно создается точное выделение определенной области проекта.
Возьмите изображение, которое имеет сложный для выделения объект. Желательно, чтобы он хорошо контрастировал с фоном, чтобы вам было удобнее проставлять границы:
Рис.14 – пример рисунка
Выберите инструмент и увеличьте масштаб картинки. Поднесите круговой указатель к краю объекта и кликните, установив начальную точку создания границы.
Теперь отпустите клавишу мышки и просто перемещайте курсор по краю элемента, так, чтобы его линии не выходили за круг курсора. Постепенно будет создаваться выделение:
Рис.15 – пример выбора границ с помощью Магнитного лассо
Для быстрого приближения или отдаления изображения нажимайте на Ctrl и + или Ctrl и – соответственно.
Контур будет автоматически закрыт, когда последняя точка лассо соединится с первой. Затем кликните на первую точку, чтобы появился общий контур.
Если вам нужно убрать часть фона, который может быть внутри объекта, нажмите на кнопку Alt и выберите его с помощь магнитного лассо – включится режим вычитания без отмены предыдущего выделения.
Рис.16 – удаление части фона, которая заходит на объект
Теперь вы сможете переместить, вырезать или вставить элемент в другой проект.
Все крайние линии будут выглядеть очень реалистично, без необходимости убирать огрехи в режиме увеличенного масштаба.
Рис.17 – результат перемещения выделенной области
к содержанию ↑
Вырезание, вставка и перемещение

После того как вы научились выполнять один из понравившихся способов выделения, можно переходить к перемещению, вырезанию или вставке объекта.
Чтобы переместить выделенный элемент на другую часть рисунка, достаточно просто нажать на пробел. Вместо курсора появиться значок «Рука».
Нажав на выделенную область, вы сможете переместить её в любую часть проекта.
Рис.18 — перемещение объекта в пределах одной картинки
Если вы хотите перенести элемент на другую картинку, следует открыть её в новой вкладке программы. Кликните на «Файл» — «Новое полотно». Затем переместите изображение в окно Фотошопа.
Вернитесь к первому проекту и скопируйте выделенный предмет с помощью сочетания клавиш Ctrl—C.Вставьте часть прошлого рисунка на новый, нажав на Ctrl—V.
Рис.19 – перемещение и вставка
Если вам нужно вырезать объект, после его выделения кликните на нём правой клавишей мышки. В контекстном меню выберите пункт «Вырезать» или «Удалить».
Также, вы можете воспользоваться вкладкой «Редактирование». Она содержит все необходимые функции для работы с выбранной частью изображения.
к содержанию ↑
Сохранение финального проекта
После редактирования финального изображения нажмите на вкладку «Файл-Сохранить как…». В новом окне выберите нужный формат файла, введите имя и определитесь с финальной папкой, куда будет перемещен проект.
Рис.20 – Сохранение работы в Photoshop
к содержанию ↑
Итог
Теперь вы умеете выделять объекты на картинке в Фотошопе и вырезать или перемещать их. Перед выбором способа выделения ориентируйтесь на описанные в статье рекомендации.
Качественный результат зависит от того, насколько правильно вы определились с типом рисунка и подходящим для работы инструментом.
Тематические видеоролики:

Как Залить фигуру фотографией в Фотошопе, 3 способа.
Этот учебник Photoshop создан в Photoshop CC, но работает в любой версии Photoshop. Узнайте, как заполнить фигуру фотографией.
1. Использование расширенного наложения: Смешайте, если .. в Photoshop
Если вы работаете с чистой формой на сплошном фоне, этот метод является самым быстрым. Вот фигура, которую я нарисовал, черный на белом.
Шаг 2.
Поместите фотографию над формой на новый слой.(Как комбинировать изображения в Photoshop)
Шаг 3.
С выбранным слоем изображения (1)…
Щелкните fx (2) на панели «Слой» и выберите Параметры наложения из раскрывающееся меню.
Перетащите треугольник на нижней панели (4) влево.
Края будут неровными. Удерживая Alt / Option, перетащите правую сторону треугольника вправо. Теперь края будут гладкими.
Нажмите ОК
Метод № 2: Вставить в.Photoshop Layer Mask Техника
Хорошо подходит для плоской формы с отображением фона.
Шаг 1.
Когда фотография находится на слое над формой, нажмите Cmd / Ctrl + A, чтобы выделить все
Нажмите Cmd / Ctrl + C, чтобы скопировать фотографию в буфер обмена.
Шаг 2.
Скройте слой изображения и выберите фигуру на фоне
Выберите Select> Color Range
Выберите опцию Shadows, чтобы просто выбрать черный
Step 3
Нажмите ОК и форма выбрана
Выберите «Правка»> «Специальная вставка»> «Вставить в
». Теперь вы увидите изображение в форме.
Форма фактически находится на маске слоя. Если вы перетащите изображение, вы можете перемещать его внутри фигуры.
Следующий метод я использую чаще всего. Однако вам нужно вырезать фигуру с прозрачным вокруг нее. Так работают любые произвольные формы в Photoshop. Вы также можете вырезать его самостоятельно, смотрите видео выше, чтобы узнать, как это сделать.
Шаг 1.
Убедитесь, что у вас есть форма с прозрачностью.
Поместите фотографию на слой над фигурой.(Здесь он скрыт, поэтому вы можете видеть форму)
Шаг 2.
Сделайте изображение видимым, вы не увидите форму на холсте в данный момент.
Поместите курсор между фотографией и слоем-фигурой на панели слоев.
Удерживайте / Alt / Option, курсор превратится в квадратную стрелку.
Щелкните, чтобы применить
Теперь вы можете перетащить верхний слой, чтобы изменить его размер или положение внутри фигуры.
Это называется группой отсечения, и ее следует часто использовать.
Здесь я добавил текстурированный фон и небольшую внутреннюю тень, чтобы добавить немного глубины нашему эффекту. Это делает его похожим на разрезанный матовый.
В видеоуроке вверху я шаг за шагом прохожу через это.
Надеюсь, вам понравился этот урок, так что поделитесь им со своими друзьями. (Есть кнопки, которыми можно поделиться в социальных сетях или просто вырезать и вставить адрес вверху страницы).
Спасибо,
Колин
PS Не забудьте присоединиться к нашему списку рассылки и подписаться на меня в социальных сетях>
(в последнее время я публиковал забавные истории в Instagram и Facebook)
Вы можете получить мой бесплатный слой Электронная книга о режимах наложения здесь
Обтравочных масок с Adobe Photoshop или Elements
Что нужно знать
Откройте изображение> выберите Layer > New > Layer from Background . Назовите слой > OK .
Затем выберите инструмент фигур. > выберите инструмент нестандартной формы . > выберите нестандартную форму . > , нарисуйте форму внутри изображения.
Затем в палитре Layers : перетащите слой формы ниже слоя изображения . Щелкните правой кнопкой мыши слой изображения > выберите Создать обтравочную маску .
В этой статье объясняется, как использовать обтравочные маски в Photoshop CC и Photoshop Elements для вырезания изображения в произвольной форме.Также включены: как добавить градуированную прозрачность и эффекты слоя к вырезам.
Как вырезать изображение в форму с помощью Photoshop CC
Откройте изображение, которое хотите вырезать, и выполните следующие действия:
Откройте изображение в Photoshop. Выберите Layer > New > Layer from Background .
Введите имя слоя и выберите OK .
Щелкните инструмент Shapes и выберите инструмент Custom Shape Tool .
Выберите нестандартную форму для выреза на панели параметров инструмента.
Нарисуйте фигуру примерно в том месте, где вы хотите, чтобы фигура обрезала изображение. Форма закроет выбранную область рисунка.
В палитре Layers измените порядок слоев, перетащив слой-фигуру под слой изображения.
Если палитра слоев не отображается, выберите Window > Layer , чтобы открыть ее.
Щелкните правой кнопкой мыши слой изображения в палитре Layers и выберите Create Clipping Mask .
В более старых версиях Photoshop эта команда называется Group с предыдущим .
Слой изображения обрезается до формы под ним. Палитра «Слои» показывает обрезанный слой со стрелкой, указывающей вниз на слой-фигуру, чтобы показать, что они объединены в группу обрезки. Оба слоя независимы, поэтому вы можете выбрать инструмент перемещения и настроить размер и положение изображения или формы.
Как вырезать изображение в форму с помощью Photoshop Elements
Процесс нарезки изображений на формы с помощью Photoshop Elements в основном такой же, но интерфейс немного отличается:
В Photoshop Elements выберите Layer > New > Layer from Background .
Введите имя слоя и выберите OK .
Щелкните инструмент Shapes и выберите инструмент Custom Shape Tool .
Выберите нестандартную форму для выреза на панели параметров инструмента.
Нарисуйте фигуру примерно в том месте, где вы хотите обрезать изображение. Форма закроет ваше изображение.
В палитре Layers измените порядок слоев, перетащив слой-фигуру под слой изображения.
Если палитра слоев не отображается, выберите Window > Layer , чтобы открыть ее.
Щелкните правой кнопкой мыши слой изображения в палитре Layers и выберите Create Clipping Mask .
Вы также можете использовать инструмент «резак для печенья» в Photoshop Elements, чтобы быстро вырезать изображение по заранее заданной форме, но использование обтравочной маски дает вам больший контроль над тем, как выглядит окончательное изображение.
Сохранение и использование вырезанного изображения
Если вы хотите использовать прозрачное изображение в другом месте, вам необходимо сохранить его в формате, поддерживающем прозрачность, например PNG.Вам также необходимо убедиться, что исходная программа поддерживает выбранный вами формат с прозрачностью.
Если вы хотите сохранить слои для возможного редактирования позже, сохраните копию в формате PSD. Если вы хотите сразу же использовать вырез в другом проекте Photoshop, нажмите Ctrl + A (для Windows) или Command + A (для Mac), чтобы выделить все, а затем перейдите к Edit > Копия Слияние . Затем вы можете вставить вырез в другой документ.
Сохранение возможности редактирования слоев как смарт-объекта В Photoshop выберите оба слоя, затем щелкните правой кнопкой мыши на палитре «Слои» и выберите « Преобразовать в смарт-объект ». Затем вы можете перетащить смарт-объект в другой документ Photoshop.
Как сделать обтравочные маски с градуированной прозрачностью
Обтравочная маска также работает с текстовыми или пиксельными слоями, поэтому вы не ограничены использованием инструмента формы. Области, которые прозрачны в слое обтравочной маски, делают эти области прозрачными в слое выше.Если ваш слой с обтравочной маской содержит градуированную прозрачность, то слой выше также имеет градуированную прозрачность.
Чтобы добавить градуированную прозрачность к вырезу в Photoshop CC или Photoshop Elements:
В Photoshop щелкните правой кнопкой мыши слой-фигуру в палитре слоев и выберите Растрировать слой .
В Photoshop Elements используется команда Упростить слой .
Перейдите к Filter > Blur > Gaussian Blur .
Установите для Radius большое число, например 30 и , затем выберите OK . Обратите внимание, что края вашего изображения теперь блекнут.
Как добавить эффекты слоя к вырезам
В Photoshop CC выберите слой-фигуру и перейдите к Layer > Layer Style , чтобы добавить эффекты к слою-фигуре. Например, вы можете добавить тень , а затем добавить слой заливки узором под всем для фона.
В Photoshop Elements выберите Layer > Layer Style > Style Settings , чтобы открыть диалоговое окно, в котором можно добавить тень и настроить параметры обводки.
Спасибо, что сообщили нам!
Расскажите, почему!
Другой Недостаточно подробностей Сложно понять
adobe photoshop — как вставить изображение в эллипс и скрыть выходящие за границы части
Adobe Photoshop — как вставить изображение в эллипс и скрыть выходящие за пределы частей — стек для обмена графическим дизайном
Сеть обмена стеками
Сеть Stack Exchange состоит из 178 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.
Посетить Stack Exchange
0
+0
Авторизоваться Зарегистрироваться
Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.
Зарегистрируйтесь, чтобы присоединиться к этому сообществу
Кто угодно может задать вопрос
Кто угодно может ответить
Лучшие ответы голосуются и поднимаются наверх
Спросил 7 лет, 11 месяцев назад
Просмотрено 270к раз
Я пытаюсь вставить изображение на слой с формой эллипса, мне нужно скрыть выступающие части вокруг круга / эллипса.
Как вставить изображение в круговое выделение и скрыть части, находящиеся за пределами эллипса, с помощью Photoshop?
По сути, я хочу поместить нормальное изображение в круглый объект, создав круглое изображение.
Дом
8,22899 золотых знаков4343 серебряных знака8787 бронзовых знаков
Создан 06 сен.
Викрант Вивек
17311 золотой знак11 серебряный знак55 бронзовых знаков
Вставьте изображение в Photoshop. Перетащите или используйте диалоговое окно «Открыть»
Создайте слой-фигуру (эллипс).
Убедитесь, что ваше изображение находится над слоем фигуры на панели Layers .
Щелкните правой кнопкой мыши изображение на панели слоев и выберите Создать обтравочную маску .
Et voila! Неразрушающий метод создания круглых или эллиптических изображений.
Я знаю, что на этот вопрос уже был дан очень похожий ответ, но я чувствовал, что он недостаточно описательный.Скриншоты имеют большое значение.

Создан 06 сен.
ДомДом
8,22899 золотых знаков4343 серебряных знака8787 бронзовых знаков
0
Создайте форму эллипса с размерами.
Держать слой изображения поверх слоя эллипса.
Теперь выберите слой изображения и перейдите к Layer щелкните на Create Clipping Mask (Alt + Ctrl + G).
Ярлык
: выберите слой изображения, удерживая нажатой клавишу alt , щелкните между слоем изображения и слоем формы.

Создан 06 сен.
МК_МК_
93744 серебряных знака 77 бронзовых знаков
Очень активный вопрос .Заработайте 10 репутации (не считая бонуса ассоциации), чтобы ответить на этот вопрос. Требование репутации помогает защитить этот вопрос от спама и отсутствия ответов. Graphic Design Stack Exchange лучше всего работает с включенным JavaScript
Ваша конфиденциальность
Нажимая «Принять все файлы cookie», вы соглашаетесь с тем, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Принимать все файлы cookie Настроить параметры
Обрежьте изображение по форме в Photoshop Elements
Сделайте себя похожим на эксперта по Photoshop!

Photoshop Elements — это «более простая в использовании» версия Adobe Photoshop Professional или Creative Cloud (CC), как ее еще называют.Photoshop Elements не обладает всеми мощными функциями, как профессиональная версия, но он намного дешевле и разработан таким образом, чтобы новички могли легко редактировать свои фотографии без особой кривой обучения.
Одна из распространенных вещей, которые многие люди любят делать в Photoshop, — это обрезать одно из своих изображений до такой формы, чтобы это не было просто рамкой или прямоугольником. Вы можете принять любую форму, которая вам нравится, и придать своему изображению именно эту форму. Вы можете использовать встроенные формы, которые поставляются с Shape Too l, или вы можете найти изображение любой формы, которое вам нравится, или даже текст, и ваше изображение «станет» этой формой.
В этой статье мы собираемся сфотографировать собаку, а также изображение в форме сердца и преобразовать изображение собаки в изображение в форме сердца. Мы покажем вам несколько разных способов сделать это, которые дадут несколько разные результаты, поэтому вы можете использовать тот метод, который лучше всего подходит для вас.
Для начала у нас есть изображение в форме сердца, открытое в Elements, как показано ниже. Обратите внимание на белый фон и черную рамку вокруг сердца.
Первый шаг включает использование инструмента Magic Eraser , который представляет собой ластик со звездообразным объектом позади него, и стирание белой области за пределами сердца.Главное здесь — убедиться, что вы используете прозрачный фон для своей формы, поэтому, если вы открываете существующее изображение, вы захотите добавить прозрачный фон в свой проект. Для этого вам нужно перейти в окно Layers и щелкнуть правой кнопкой мыши фоновый слой. Затем выберите «Слой из фона », оставьте все как есть и нажмите «ОК».
Теперь вы можете видеть, что наше изображение сердца теперь имеет прозрачный фон, отмеченный серо-белым узором в виде шахматной доски.
Затем нам нужно перейти к изображению собаки и нарисовать рамку вокруг области, которую мы хотим использовать с инструментом Rectangular Marquee . Затем мы можем щелкнуть меню Edit и выбрать Copy и вернуться к изображению сердца, а затем вставить его. Оттуда вы будете использовать инструмент Move , чтобы изменить положение и размер изображения, чтобы оно поместилось на сердце так, как тебе нравится. Просто не забудьте изменить размер изображения, а не растягивать его, чтобы оно оставалось однородным.На изображении ниже показано наклеенное изображение собаки до того, как оно было изменено, чтобы оно соответствовало сердцу. Он не обязательно должен быть идеальным, потому что вы все равно можете настроить его размер и положение после этапа обрезки.
На следующем этапе происходит обрезка. Вам нужно будет щелкнуть меню «Слой», а затем выбрать «Создать обтравочную маску», чтобы обрезать собачью форму, чтобы заполнить фоновую форму, как показано ниже. Затем вы можете перемещать изображение и изменять его размер, чтобы при необходимости подогнать его под размер.
Когда у вас все будет так, как вам нравится, вы можете сохранить свое изображение, как вам нравится. Если вы хотите, чтобы фон вокруг сердца оставался прозрачным, вам следует сохранить изображение как файл PNG.
Следующий способ кадрирования изображения до формы заключается в стирании самой области сердца, а не фона. Итак, для изображения сердца мы хотим стереть красную область с помощью инструмента Magic Eraser.
Теперь мы можем снова наклеить изображение на сердце ИЛИ мы можем перейти к файлу , а затем Place и найти изображение собаки, если этот способ лучше для вас.Затем мы растянем изображение собаки так, чтобы оно покрыло все изображение сердца. Не волнуйтесь, если он выйдет за границы изображения сердца, потому что это ни на что не повлияет.
После того, как вы разместите изображение, вам нужно будет изменить порядок слоев, чтобы слой в форме сердца располагался вверху списка. Вы можете сделать это, щелкнув и перетащив слои мышью.
Теперь вы можете видеть, что изображение собаки находится внутри изображения сердца, но на этот раз черная рамка вокруг тепла осталась на месте благодаря тому, как мы стерли внутреннюю часть сердца, а не внешнюю белую область.
Теперь вы можете делать такие вещи, как заливка белого пространства цветом, если хотите, как показано ниже.
Если вы хотите сделать фон прозрачным, вам нужно сначала перейти в меню Layers и выбрать Merge Visible или Flatten Image , чтобы остался только один слой, иначе вы получите изображение собаки. на внешней стороне сердца, как показано ниже.
Когда вы объедините или сведете изображение, вы заметите, что у вас есть только один слой на панели «Слои», но теперь вы можете стереть фон и оставить только сердце.
Как видите, кадрировать изображение по форме не так уж сложно, и есть несколько способов сделать это, и выбор метода зависит от вас, в зависимости от того, чего вы хотите достичь.
Вставить изображение в автофигуру
Вставить картинку в фигуру
Щелкните фигуру, для которой вы хотите добавить изображение.
На вкладке Формат в группе Стили фигур щелкните стрелку рядом с полем Заливка фигуры .
В папке или месте, где находится изображение, которое вы хотите использовать, щелкните файл изображения, а затем нажмите Вставить .
Примечание: Вы не можете изменить положение изображения внутри фигуры.
Прочтите советы и рекомендации для достижения наилучших результатов.
Подумайте о выборе формы, которая будет сочетаться с вашим изображением. Если ваша картинка квадратная, вы можете вставить ее в круг. Если ваша картина прямоугольная, овальная форма может быть интересной и эстетичной. Если вы хотите сосредоточиться на центре изображения, звезда может помочь направить внимание зрителя.
Вы можете удалить лишнее пространство, обрезав его по бокам, сверху или снизу изображения, чтобы оно соответствовало нужной форме.Узнайте, как обрезать изображение, прежде чем вставлять его в фигуру.
Чтобы изменить размер изображения, выберите фигуру, поместите указатель на одну из точек, а затем щелкните и перетащите маркер размера.
Как обрезать изображения в форме круга с помощью Photoshop
Иногда квадратные или прямоугольные изображения просто не выглядят правильно на некоторых сайтах, если фон или передний план обрезаны.Если вы посмотрите на изображение ниже, вы заметите, что изображение обрезается прямо у волос модели, а градиентный фон обрезается именно там, где начинает становиться ярче.
Хотя сама фотография выглядит великолепно, если бы я добавил ее на веб-страницу, я думаю, она выглядела бы немного неполной. Конечно, есть способы отредактировать фотографию так, чтобы она выглядела так, как будто части изображения были намеренно отрезаны. Как на картинке ниже:

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

Не можете просмотреть видео? Смотрите на YouTube
Вот письменное руководство
Начните с открытия вашего изображения в Photoshop.
После открытия изображения посмотрите в окне слоев, чтобы увидеть, заблокирован ли слой. Если слой заблокирован, просто дважды щелкните по нему, чтобы разблокировать.
Если ваше окно слоев отсутствует, просто перейдите в «Окно» на панели инструментов и убедитесь, что рядом с «Слоями» стоит галочка. Если этого не произошло, щелкните по нему.
Заблокированный слой выглядит так:

Разблокированный слой выглядит так:

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

Теперь щелкните кружок правой кнопкой мыши и выберите «Сделать выбор…».
Теперь перейдите к «Select> Inverse». Ваше изображение должно выглядеть примерно так:

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

Связанное руководство
В этом видео вы можете увидеть, как я обрезал изображение до усовершенствованной формы круга и сердца. Хотя я использую Photoshop CC в видео, учебник также будет работать с Photoshop CS6 и более ранними версиями.
Как создать круговую фотографию с помощью обтравочных масок Photoshop
Этот пост содержит партнерские ссылки.Читайте полное раскрытие здесь
Если вы когда-либо раньше работали с Photoshop, вы, вероятно, слышали выражение: «В Photoshop есть миллионы способов сделать что-то одно».
Это правда. Особенно, когда речь идет о создании круглой фотографии с прозрачным фоном (идеально подходит для использования на боковых панелях на сайтах, возможно, вы видели такое?). Самый простой способ — использовать инструмент выделения рамкой, чтобы обрезать существующую фотографию и покончить с этим.
Мне не нравится этот метод по одной большой причине: он деструктивен.Вы теряете возможность перемещать изображение. Как только вы кадрируете, все готово. Вам лучше нравится то, что вы сделали, или вы обречены вернуться и попробовать, попробовать еще раз.
Использование обтравочных масок решает эту проблему, потому что вы сначала создаете форму, а поверх нее размещаете изображение. Вы можете уменьшать или увеличивать изображение, регулировать масштаб и т. Д.
Кроме того, использование обтравочных масок — хороший навык для более сложных проектов в Photoshop.
Но я забегаю вперед.
Как создать круговую фотографию с помощью обтравочных масок Photoshop — Видеоурок
Сделал видеоурок с пошаговой инструкцией:

Как создать круговую фотографию с помощью обтравочных масок Photoshop — Разбор
А вот визуальная разбивка текста, на случай, если вы учите письменные слова.
1. Начните с создания прозрачного файла. Перейдите в окно, чтобы открыть палитру «Слои», если она не открыта.
2.Создайте фигуру с помощью инструмента выделения области (есть и другие инструменты, которые вы можете использовать, но мы начнем с простого). Добавьте цвет заливки к форме.
3. Отмените выбор. Для этого снова щелкните инструмент выделения, затем щелкните фигуру, чтобы сделать выделение, также известное как «марширующие муравьи», и удалиться.
4. Откройте фотографию и перетащите прямо в файл. Это автоматически создаст новый слой.
5. Щелкните слой правой кнопкой мыши и выберите «Создать обтравочную маску».”
6. Перемещайте изображение, пока оно вам не понравится. Чтобы изменить размер, нажмите command + T. Затем, удерживая command + shift, перетаскиваете углы внутрь или наружу, чтобы пропорционально сузить или растянуть.
7. Сохраните это как PSD на случай, если позже вам потребуется внести изменения. Затем щелкните правой кнопкой мыши слой с фотографией «Объединить видимое». (ярлык: команда + E)
8. Сохраните как файл PNG, чтобы сохранить прозрачность.
Ура! Теперь, когда вы освоили эту технику, вы готовы работать с несколькими слоями для создания более сложных дизайнов Photoshop.Следите за обновлениями (подпишитесь на мой канал на YouTube), чтобы получать обновления, когда я буду делать новый учебник.
Чему вы всегда хотели научиться в Photoshop? Сообщите мне в комментариях, и есть шанс, что на ваш вопрос ответят в будущем быстром и простом руководстве!
Если вы когда-либо раньше работали с Photoshop, вы, вероятно, слышали выражение: «В Photoshop есть миллионы способов сделать что-то одно».
Это правда. Особенно, когда речь идет о создании круглой фотографии с прозрачным фоном (идеально подходит для использования на боковых панелях на сайтах, возможно, вы видели такое?).Самый простой способ — использовать инструмент выделения рамкой, чтобы обрезать существующую фотографию и покончить с этим.
Мне не нравится этот метод по одной большой причине: он деструктивен. Вы теряете возможность перемещать изображение. Как только вы кадрируете, все готово. Вам лучше нравится то, что вы сделали, или вы обречены вернуться и попробовать, попробовать еще раз.
Использование обтравочных масок решает эту проблему, потому что вы сначала создаете форму, а поверх нее размещаете изображение. Вы можете уменьшить или увеличить изображение, отрегулировать масштаб и т. Д.
Кроме того, использование обтравочных масок — хороший навык для более сложных проектов в Photoshop.
Но я забегаю вперед.
Как создать круговую фотографию с помощью обтравочных масок Photoshop — Видеоурок
Сделал видеоурок с пошаговой инструкцией:

Как создать круговую фотографию с помощью обтравочных масок Photoshop — Разбор
А вот визуальная разбивка текста, на случай, если вы учите письменные слова.
Начните с создания прозрачного файла. Перейдите в окно, чтобы открыть палитру «Слои», если она не открыта.
Создайте форму с помощью инструмента выделения области (есть и другие инструменты, которые вы можете использовать, но мы начнем с простого). Добавьте цвет заливки к форме.
Отменить выбор. Для этого снова щелкните инструмент выделения, затем щелкните фигуру, чтобы сделать выделение, также известное как «марширующие муравьи», и удалиться.
Откройте фотографию и перетащите прямо в файл.Это автоматически создаст новый слой.
Щелкните слой правой кнопкой мыши и выберите «Создать обтравочную маску».
Перемещайте изображение, пока оно вам не понравится. Чтобы изменить размер, нажмите command + T. Затем, удерживая command + shift, перетаскиваете углы внутрь или наружу, чтобы пропорционально сузить или растянуть.
Сохраните это как PSD на случай, если позже вам понадобится внести изменения.
No related posts.