Как из квадратной картинки сделать круглую в фотошопе: Как сделать круглую картинку в Фотошопе • Дигмаст

Содержание

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

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

Круглое фото

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

Способ 1: «Выделение»

Данный способ подразумевает использование инструмента «Овальная область» из раздела «Выделение» на панели инструментов в левой части интерфейса программы.

Для начала откроем фотографию в Фотошопе.
Возьмем инструмент.
Затем зажимаем клавишу SHIFT (для сохранения пропорций) на клавиатуре и рисуем выделение нужного размера. Данное выделение можно перемещать по холсту, но только если активирован какой-либо инструмент из раздела «Выделение».
Теперь необходимо скопировать содержимое выделения на новый слой, нажав комбинацию клавиш CTRL+J.
Круглую область мы получили, далее нужно оставить на конечном фото только ее. Для этого снимаем видимость со слоя с исходным изображением, кликнув по значку глаза рядом со слоем.
Затем кадрируем фотографию при помощи инструмента «Рамка».
Подтягиваем рамку за маркеры вплотную к границам нашего круглого фото. По завершении процесса нажимаем ENTER. Убрать рамку с изображения можно, активировав любой другой инструмент, например, «Перемещение».

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

Способ 2: Обтравочная маска

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

Создаем копию слоя с исходным фото.
Затем создаем новый слой, нажав на тот же значок.
На этом слое нам нужно создать круглую область, воспользовавшись инструментом «Овальная область» (кликнуть внутри выделения правой кнопкой мыши и выбрать соответствующий пункт).
С последующей заливкой любым цветом.
После снятия выделения комбинацией CTRL+D основа готова.
Также можно воспользоваться инструментом «Эллипс». Эллипс необходимо рисовать с зажатой клавишей SHIFT.
Настройки инструмента:
Второй вариант предпочтительнее, поскольку «Эллипс» создает векторную фигуру, не искажаемую при масштабировании.
Далее необходимо перетянуть копию слоя с исходным изображением в самый верх палитры таким образом, чтобы он расположился над круглой фигурой.
Затем зажимаем клавишу ALT и кликаем по границе между слоями. Курсор при этом примет форму квадрата с изогнутой стрелкой (в вашей версии программы может быть другая форма, но результат будет тот же). Палитра слоев примет такой вид:
Этим действием мы привязали изображение к нашей созданной фигуре. Теперь снимаем видимость с нижнего слоя и получаем результат, как и в первом способе. Останется только откадрировать и сохранить фотографию.

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

Мы рады, что смогли помочь Вам в решении проблемы.

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

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

ДА НЕТ

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

Как сделать круглую картинку в фотошопе — бесплатный онлайн урок

На первый взгляд, кажется, ну что тут такого? Превратить прямоугольную картинку в квадратную или круглую (овальную). Да, с квадратной картинкой нет проблем. Инструмент «кроп» или «рамка» нам всегда готов в этом помочь. Но что делать с круглой? Ведь в фотошопе нет такого инструмента. Помнится, во времена начала изучения программы Adobe Photoshop у меня вызвал ступор. Действительно, а как?

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

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

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

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

Выделили. Теперь нам следует скопировать его на новый слой. Проще всего будет нажать комбинацию клавиш ctrl+c, а затем ctrl+v. Ваше изображение скопируется на новый слой автоматически. Ну либо можете зайти длинным путем. Предварительно создать новый слой. Затем кликнуть по выделенной области левой клавишей мыши и из образовавшегося списка выбрать: «скопировать на новый слой». Результат будет тем же.

Вот что мы видим в окне слоев.

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

Вот так выглядит слой.

Теперь нам остается только сохранить его в формате png. Это важно! Именно этот формат не оставляет фонового поля.

В выпадающем списке ищем png и сохраняем.

Выше я упомянула о недостатке этого способа. Каков же он?

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

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

Нам следует сделать изображение с котенком невидимым. Для этого мы тыкаем в пиктограмму с глазиком рядом со слоем. Кликаем. «Глазик» исчезает. Изображение с котенком становится невидимым.

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

Теперь ищем инструмент «эллипс». Опять же, зажимаем shift и проводим окружность. Цвет ее нам не важен.

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

Вот, что мы увидим.

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

Теперь вам следует выделить оба слоя, зажав клавишу ctrl. И опять вы, кликнув по ним левой клавишей мыши, вызываете команду «объединить слои».

Вот, что у нас получится.

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

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

Как в фотошопе сделать фото круглой формы

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

Круглое фото

Способ 1: «Выделение»

Для начала откроем фотографию в Фотошопе.
Возьмем инструмент.
Затем зажимаем клавишу SHIFT (для сохранения пропорций) на клавиатуре и рисуем выделение нужного размера. Данное выделение можно перемещать по холсту, но только если активирован какой-либо инструмент из раздела «Выделение».
Теперь необходимо скопировать содержимое выделения на новый слой, нажав комбинацию клавиш CTRL+J.
Круглую область мы получили, далее нужно оставить на конечном фото только ее. Для этого снимаем видимость со слоя с исходным изображением, кликнув по значку глаза рядом со слоем.
Затем кадрируем фотографию при помощи инструмента «Рамка».
Подтягиваем рамку за маркеры вплотную к границам нашего круглого фото. По завершении процесса нажимаем ENTER. Убрать рамку с изображения можно, активировав любой другой инструмент, например, «Перемещение».

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

Способ 2: Обтравочная маска

Создаем копию слоя с исходным фото.
Затем создаем новый слой, нажав на тот же значок.
На этом слое нам нужно создать круглую область, воспользовавшись инструментом «Овальная область» (кликнуть внутри выделения правой кнопкой мыши и выбрать соответствующий пункт).
С последующей заливкой любым цветом.
После снятия выделения комбинацией CTRL+D основа готова.
Также можно воспользоваться инструментом «Эллипс». Эллипс необходимо рисовать с зажатой клавишей SHIFT.
Настройки инструмента:
Второй вариант предпочтительнее, поскольку «Эллипс» создает векторную фигуру, не искажаемую при масштабировании.
Далее необходимо перетянуть копию слоя с исходным изображением в самый верх палитры таким образом, чтобы он расположился над круглой фигурой.
Затем зажимаем клавишу ALT и кликаем по границе между слоями. Курсор при этом примет форму квадрата с изогнутой стрелкой (в вашей версии программы может быть другая форма, но результат будет тот же). Палитра слоев примет такой вид:
Этим действием мы привязали изображение к нашей созданной фигуре. Теперь снимаем видимость с нижнего слоя и получаем результат, как и в первом способе. Останется только откадрировать и сохранить фотографию.

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

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

ДА НЕТ

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

Как сделать круглую фотографию в фотошопе. Пошаговая инструкция.

На чтение 2 мин. Обновлено 26 июня, 2020

Пошаговая инструкция в картинках

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

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

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

Удаляете исходное изображение, клавиша Delete или правой кнопкой мыши кликаете по слою «Удалить слой»

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

Далее переходим во вкладку «Изображение», «Кадрировать».

Снимаем выделение Ctrl+D.

Открываем вкладку «Файл», «Сохранить как» и выдираем формат изображения без фона PNG.

Второй способ, как сделать круглую фотографию в фотошопе.

Он немного сложнее, но есть одно преимущество.

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

Далее, создаём новый слой Ctrl+Shift+N.

Правой кнопкой мыши кликаем по выделению, выбираем «Выполнить заливку»

Пункт «Использовать», «Цвет» выбираете любой, нажимаем «ОК» и «ОК»

Перемещаем слой с кругом под слой с фотографией (зажав кнопку левой мыши).

Кликаем по слою с фотографией правой кнопкой мыши, пункт «Создать обтравочную маску»

Как видите фотография с девушкой приняла форму круга. Снимаем выделение Ctrl+D.

Выбираем инструмент «Перемещение» и клавишей левой кнопки мыши выравниваем нашу фоторграфию.

Объединяем оба слоя сочетание клавиш Ctrl+E.

Кадрируете, как в первом способе, ну и можете наложить обводку, если нужно.

Двойным кликом кнопки левой мыши кликаете по слою.

Пункт “Обводка”

Положение “Внутри”

Размер, цвет и остальные настройки, тут можете “поиграться”.

Сохраняете, в PNG.

Как сделать круглую картинку в фотошопе — бесплатный онлайн урок

Вот что мы видим в окне слоев.

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

Вот так выглядит слой.

В выпадающем списке ищем png и сохраняем.

Выше я упомянула о недостатке этого способа. Каков же он?

Теперь ищем инструмент «эллипс». Опять же, зажимаем shift и проводим окружность. Цвет ее нам не важен.

Вот, что мы увидим.

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

Вот, что у нас получится.

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

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

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

Мои откровения в телеграме

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

И в появившемся окне нужно установить радиус закругления углов изображения. Примерно 10-15 пикселей будет нормально.

После этого снова заходим в меню «Выделение» и выбираем пункт «Инверсия».

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

Делаем круглые картинки в фотошопе

С закруглением картинок мы успешно справились, теперь давайте сделаем круглые изображения. Порядок действий простой, поэтому скриншоты не публикую. Выбираем инструмент «Эллипс», и рисуем круг в области картинки, которую нужно сделать круглой с зажатым Shift При необходимости, изменяем ее масштаб Ctrl + T и делаем инверсию, таким же способом, как было описано выше. Нажимаем кнопку Delete 2 раза, снимаем выделение Ctrl + D и любуемся полученным результатом. То же самое можно сделать с применением инструмента «Овальная область». Но ее нельзя масштабировать.

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

Как сделать круглое фото в Фотошопе за 5 секунд

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

но выделяется почему-то эллипсом, а не кругом
куча времени убивается на кадрирование

На самом деле все просто и быстро, буквально на раз-два-три.

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

1Выбираем мышкой инструмент Elliptical Marquee Tool (Овальная область выделения), обычно он «прячется» за значком «Прямоугольная область выделения». Или нажмите клавишу «Shift+M» (анг.).

2 Для выделения круга, а не овала — удерживайте клавишу Shift при выделении. Если удерживать Alt+Shift — выделение будет идти из центра, а не от края.

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

И не такой уж он страшный этот Фотошоп, как кажется сначала )).
Всем удачи и профита.

Как сделать круглую картинку в Фотошопе • Дигмаст

Как сделать круглую картинку в фотошопе. Выбираю инструмент — Овальное выделение. Чтобы рисуемый круг был идеально ровный, чтобы центр круга находился в той точке, где сейчас стоит курсор мышки, я удерживаю клавишу «Shift+Alt». И рисую круг. Не переключая инструмент, я могу переместить круг, как мне нужно.

Нажимаю «CMD+C», чтобы скопировать, и нажимаю «CMD+N», чтобы создать новое изображение. В поле Бэкграунд / Содержимое фона/ Трансперент (прозрачный). Остальные настройки оставляю по умолчанию и нажимаю «ОК». И нажимаю «CMD+V», чтобы вставить. У меня получилось идеально ровное круглое изображение.

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

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

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

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

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

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

Рисование фигур с помощью инструментов формы в Photoshop

Сплошной цвет: Заполняет или обводит слой-фигуру текущим цветом переднего плана. Используйте палитру цветов или предустановки цвета, чтобы выбрать другой цвет.

Градиент: Выберите предустановку градиента или щелкните градиент, чтобы открыть диалоговое окно «Редактор градиента». Установить дополнительные параметры градиента:

Угол определяет угол, под которым применяется градиент.
Reverse — переворачивает ориентацию цветов градиента.
Стиль определяет форму градиента.
Scale изменяет размер градиента.
«Выровнять по слою» использует ограничивающую рамку слоя для вычисления градиентной заливки. Вы можете перетащить в окно изображения, чтобы переместить центр градиента.

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

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

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

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

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

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

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

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

Приступим!

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

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

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

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

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

Шаг 2. Преобразование фонового слоя в нормальный слой

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

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

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

Чтобы преобразовать фоновый слой в нормальный слой, все, что нам нужно сделать, это переименовать его. В Photoshop CC просто щелкните значок замка справа от фонового слоя на панели «Слои».В Photoshop CS6 или более ранней версии нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните на фоновом слое.

Photoshop мгновенно переименовывает слой с «Фон» на «Слой 0». И вот так мы преобразовали его в обычный слой, и все готово:

Фоновый слой теперь является обычным слоем с именем «Слой 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: начертите круговой контур выделения

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

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

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

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

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

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

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

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

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

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

Шаг 7. Удаление области вокруг круга

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

Нажмите Backspace (Win) / Delete (Mac), чтобы удалить ненужную область.

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

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

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

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

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

В диалоговом окне «Обрезка» выберите прозрачных пикселей вверху. Затем убедитесь, что Верхний , Нижний , Левый и Правый все выбраны внизу (они должны быть по умолчанию):

Выбор «Прозрачных пикселей» в диалоговом окне «Обрезка».

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

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

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

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

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

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

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

Убедитесь, что вы выбрали PNG в качестве формата файла, чтобы сохранить прозрачность.

Когда Photoshop просит вас установить параметры PNG, вы можете спокойно оставить их по умолчанию. Нажмите ОК, чтобы сохранить изображение:

Параметры PNG по умолчанию работают нормально.

И вот оно! Вот как легко обрезать изображение по кругу в фотошопе! На этом мы подошли к концу нашей серии статей об кадрировании изображений в Photoshop!

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

Для получения дополнительных глав и наших последних руководств посетите наш раздел «Основы Photoshop»!

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

Узнавайте первыми о добавлении новых обучающих программ!

Как кадрировать изображение округлой формы в Photoshop Elements? | Small Business

Хотя Photoshop Elements 12 позволяет обрезать изображения в виде прямоугольных форм, на панели инструментов, доступной в экспертном режиме, есть инструмент Elliptical Marquee, который поможет вам выбрать круглую область. Этот инструмент выделения позволяет вам очертить эллипс или круг над изображением. Удаление области за пределами круга отобразит содержимое вашего изображения в круглой форме для следующей задачи редактирования.

Elliptical Marquee Tool

Откройте изображение в рабочем пространстве редактора фотографий и щелкните вкладку «Эксперт» в заголовке, чтобы отобразить Панель инструментов на боковой панели. Нажмите кнопку «Elliptical Marquee Tool (M)» в группе «Выбрать», а затем щелкните изображение. Если на панели инструментов отображается значок прямоугольной области, щелкните этот значок, щелкните значок эллиптической области на нижней панели параметров инструмента, а затем щелкните изображение. Курсор принимает форму «+». Щелкните и перетащите курсор, чтобы сформировать круглый анимированный контур на изображении.Чтобы создать круг, удерживайте клавишу «Shift» и перетащите курсор до желаемого размера. Щелкните и перетащите эту обведенную фигуру, чтобы при необходимости изменить положение и рамку предпочтительного содержимого. Щелкните изображение правой кнопкой мыши, чтобы открыть меню, нажмите «Выбрать инверсию», а затем нажмите «Удалить», чтобы удалить внешнюю область. Оставшуюся круглую форму затем можно применить к вашему проекту.

Как сделать круглое фото без фотошопа: 2 способа

Способ №1: с помощью онлайн-фотошопа

1. Откройте Photoshop Online. Загрузите изображение в программу и выберите инструмент «Обрезка». В поле «Ограничение» установите соотношение сторон 1:1 и выделите область, которую хотите превратить в круг. Обрежьте изображение, дважды кликнув правой кнопкой мыши внутри выделенной области.

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

3. Выберете пункт меню «Редактировать» — «Инвертировать выделение». Инструмент выделит области за кругом.

4. Нажмите [Delete], чтобы удалить выделенные части изображения. Сохраните полученную картинку.

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

Способ № 2: на сайте «Скруглитель картинок online»

Здесь все предельно просто: загрузите в программу картинку, выберите одну из фигур (в нашем случае это круг), выделите нужную область и нажмите «Обрезать».

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

Читайте также:

Теги

уроки фотошопа

Скруглитель — онлайн фоторедактор

Linkedin Facebook Instagram Tinder коллаж

Сделайте смешную картинку, чтобы принять участие в Долли Партон Challenge в инстаграм. Все, что вам нужно, это выбрать 4 фотографии — строгую корпоративную для LinkedIn, семейную или дружескую для Facebook, гламурную для Instagram и романтическую для Tinder. Остальное сделает наш фоторедактор. Создавайте и делитесь в ваших соц сетях, давайте повеселимся!
Linkedin Facebook Instagram Tinder генератор мема.

Рамки на фото

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

Обрезать фото в форме

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

Текст, стикеры

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

Фильтры, фоны

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

Простейший способ сделать фотографию круглой онлайн, без Фотошоп

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

Смысл этого сайта таков: Вы загружаете любое изображение, выбираете какую форму желаете ему придать (круг, квадрат, прямоугольник, овал, ромб и т.п.) и на выходе получаете готовый вариант. Всё делается буквально за пару кликов, а результат получается превосходный! Давайте рассмотрим подробнее…

Итак, на главной страничке сервиса есть кнопка «Загрузить фото». Можете нажать на неё и выбрать любое изображение со своего компьютера, а можете просто перетащить его в область кнопки.

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

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

На следующем этапе можно добавить к фото круглую рамку (на выбор более 20-ти штук), фильтр, наклейку (стикер) либо загрузить свою рамку или наклейку.

Примеры рамок:

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

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

Автор статьи: Сергей Сандаков, 40 лет.
Программист, веб-мастер, опытный пользователь ПК и Интернет.

Как сделать картинку круглой. Как можно легко сделать круглую фотографию в фотошопе

Доброго всем денечка! Как ваше настроение? Готовитесь ко вторым праздникам? Я да. Завтра мы едем в Ярославль вплоть до 9 мая, как я и говорил. Но вас без статьи я не оставлю. Недавно меня попросили сделать из обычной фотографии круглую, ну то есть чтобы портрет был в овальном обрамлении. Это несложно и конечно же я согласился помочь.

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

Овальное выделение

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

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

Эллипс

НЕ ЗАБУДЬТЕ! Чтобы запомнить изображение с сохранением прозрачности, вам необходимо его в формате PNG, иначе вы получите закругленную картинку с белым фоном.

Ну а если вы хотите полностью изучить фотошоп от А до Я и получить реальные знания по этому замечательному графическому редактору, то я настоятельно рекомендую вам изучить этот видеокурс

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

Ну а на сегодня я свой урок заканчиваю. Посмотрите другие статьи на моем блоге и вы обязательно найдете что-нибудь интересное для себя. Успехов вам! Пока-пока!

С уважением, Дмитрий Костин.

Вот что мы видим в окне слоев.

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

Вот так выглядит слой.

В выпадающем списке ищем png и сохраняем.

Выше я упомянула о недостатке этого способа. Каков же он?

Теперь ищем инструмент «эллипс». Опять же, зажимаем shift и проводим окружность. Цвет ее нам не важен.

Вот, что мы увидим.

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

Вот, что у нас получится.

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

Инструкция

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

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

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

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

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

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

Какой прекрасный малыш!

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

Для начала берём из палитры инструментов (которая слева) инструмент «Овальная область» (Eliptical Marque Tool) и создаём выделенную область.
Причём, если надо создать правильный круг, то, перед началом создания выделения следует зажать клавишу Shift, а, если надо, чтобы круг создавался из центра, то зажать одновременно клавиши Shift и Alt. Хотя, при задании размера выделения, этого не требуется.

Итак, выбрали инструмент «Овальная область», затем вверху рабочего окна Фотошопа выбираем стиль будущего выделения «Заданный размер» (Fixed Size), как показано на рисунке:

И вводим свою ширину и высоту круга в соответствующие поля, как видно в примере, я ввёл 250 и 250 пикселей.
Затем кликаем по документу, появляется выделение, и, с помощью курсора мыши, который примет форму крестика, располагаем выделение в нужном месте.
Всё.

Альтернативные способы, для тех, кто не ищет легких путей)))

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

1. Перед созданием выделения открываем палитру Инфо, сделать это можно, пройдя по вкладке главного меню Окно—> Инфо (Window—>Info) или просто нажав клавишу F8. Во время создания круга в палитре показываются размеры круга, ширина и высота. Для получения необходимого размера необходимо точно перемещать мышку, чтобы упростить эту процедуру, перед созданием круга нужно максимально увеличить масштаб документа, чтобы в рамке отображался лишь нужный участок.

2. Если всё-таки мышкой не удалось получить заданный размер выделения, то можно применить масштабирование самого выделения после его создания.
Например, нам необходим круг шириной и высотой (нормальным языком говоря, диаметром) 250 пикс., а мышкой получается то больше, то меньше, к примеру, на выходе получили выделение шириной и высотой 248 пикс., и всё тут. Напоминаю, размер смотрим в палитре Инфо.
В этом случае подгоняем размер выделения с помощью масштабирования. Проходим по вкладке главного меню Выделение—>Трансформировать выделенную область (Select—>Transform Selection). Видим, что вокруг выделения возникла габаритная рамка, а вверху основного окна Фотошопа изменились значения. Интерфейс данного инструмента идентичен инструменту «Свободное масштабирование». Теперь надо ввести нужные параметры в окошки В и Ш (высота и ширина, в англ. W и H). Небольшая проблемка — нам нужны пиксели, а там проценты. Надо пересчитать. Размер нашего выделения в примере 248 пикс., соответственно один процент будет равен 2,48. Из желаемого размера (250 пикс) вычитаем 248 пикс, получаем 2 пикс. Делим эти 2 пикс на величину процента 2,48 и получаем 2 / 2,48 = 0,806 , которое округляем до 0,81. Следовательно, нам надо ввести значение 100,81%.
Да, предварительно кликаем по кнопке, указанной на рисунке, затем вводим в соответствующее окно вместо 100% своё значение 100,81% и проверяем результат в палитре Инфо. У меня всё как надо, размер получился 250 пикс.

2 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь нажмите одновременно Ctrl + C, чтобы скопировать область внутри круга, а затем Ctrl + V, чтобы вставить ее в данную картинку. Затем снимите «глаз» с фона.

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

Чтобы прозрачность осталась, а не изменилась на белый цвет, вам необходимо выбрать формат PNG (). Привычный всем JPG не понимает что такое прозрачность.

Можете не сохранять и сразу вставить в другую фотку. Ctrl + V.

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

Этот способ намного быстрее и проще других.

Нормальная профессиональная вырезка объекта

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

Открываем фото.

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

Инструментов для выделения объектов – целая куча. Та функция, о которой я буду рассказывать дальше, подходит и для любого другого варианта. На этой фотке белый фон, а потому я могу выбрать свое любимое «Быстрое выделение».

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

Если не терпится начать с секретов мастерства, возьмите картинку с однотонным фоном.

Проведите по фону и по краю поползут муравьи.

Теперь давайте перейдем во вкладку «Уточнить край».

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

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

Настройка краев. Используйте, пробуйте, экспериментируйте.

Теперь нажимаем «Ок». Как выяснится чуть позже, эти значения следовало бы запомнить, но к этому мы еще вернемся.

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

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

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

Итак, теперь снова переходим в слой копии.

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

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

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

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

Вот так у меня получилось.

Мне не очень нравится. Лучший вариант – изменить фон на втором слое. Согласитесь, так уже не плохо.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Я использую Photoshop 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»!

Как обрезать круг в Photoshop (быстро и легко!)

В сегодняшнем уроке вы узнаете, как кадрировать круг в Photoshop с помощью инструмента «Рамка».

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

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

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

На панели инструментов вы найдете инструмент Frame , вы можете включить его, нажав клавишу K на клавиатуре.

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

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

Выберите эллиптическую раму и перейдите к своему изображению.

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

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

Когда вы щелкните и перетащите , удерживайте клавишу Shift , чтобы ограничить кадрирование до идеального квадрата.

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

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

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

Это , как обрезать круг в Photoshop .

Pro Tip : Если вы перейдете на панель Layers , вы увидите, как слой был автоматически преобразован в смарт-объект . Когда вы дважды щелкаете на миниатюре смарт-объекта, он открывает новую вкладку документа, где вы можете редактировать исходную фотографию.В видеоуроке вы можете увидеть некоторые настройки, которые вы можете применить в смарт-объекте.

Если вы хотите узнать больше о том, как это работает, обязательно ознакомьтесь со статьей о Frame Tool на Adobe helpx.

Как обрезать круг в Photoshop

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

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

Чтобы обрезать круг, выделите эллиптическую рамку, удерживая Ctrl (Windows) или Command (MacOS) при щелчке по миниатюре инструмента Frame на панели «Слои».

Выберите инструмент Crop для Photoshop, чтобы немедленно обрезать изображение до выделения. Дважды нажмите клавишу Enter (Windows) или Return (MacOS) , чтобы подтвердить изменение.

Нажмите Ctrl 0 (Windows) или Command 0 (MacOS) , чтобы изображение поместилось на экране.

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

Обратите внимание на белый контур вокруг миниатюры слоя на панели Layers . Белый контур указывает на то, что смарт-объект в настоящее время активен.

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

Сохранение изображения

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

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

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

Для этого перейдите в Файл> Экспорт> Экспортировать как.

К сожалению, вы не можете использовать JPEG , так как он не позволяет сохранять прозрачность.

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

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

Чтобы завершить все, нажмите кнопку Export , чтобы сохранить файл на свой компьютер!

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

Если вам понравился этот урок, возможно, вам также понравится научиться печатать круг в Photoshop!

Как округлить фото в фотошопе | Small Business

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

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

Выберите инструмент «Эллиптическая область» на панели инструментов Adobe Photoshop. Все варианты инструмента «Область» — прямоугольные, эллиптические, однорядные и одиночные столбцы — размещаются вместе.Щелкните треугольник в правом нижнем углу значка инструмента «Область», чтобы открыть всплывающее меню, в котором отображаются все четыре параметра.

Щелкните и перетащите в область изображения, чтобы создать эллиптическое выделение. Чтобы ограничить область выделения кругом, нажмите и удерживайте клавишу «Shift», пока вы перетаскиваете и отпускаете кнопку мыши или другое указывающее устройство, прежде чем отпустить клавишу. Удерживая нажатой клавишу «Alt», перетащите курсор, чтобы центрировать выделение вокруг точки, в которой вы впервые щелкнули. Объедините две клавиши, чтобы создать круговое выделение вокруг центральной точки.Когда вы закончите рисовать область выделения, вы увидите «марширующих муравьев» Photoshop — анимированную пунктирную линию, определяющую внешний край вашего выделения.

Нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои». Photoshop маскирует ваш слой изображения, показывая только выбранную вами эллиптическую часть.

Ссылки

Ресурсы

Photoshop CS3 / CS4 WOW! Книга; Линни Дейтон и Кристен Гиллеспи
Маскирование и композитинг в Photoshop; Катрин Эйсманн
Восстановление и ретушь в Photoshop, третье издание; Катрин Эйсманн и Уэйн Палмер

Советы

Чтобы избежать неровных, неровных краев выделения и маски слоя, установите флажок «Сглаживание» на панели параметров, прежде чем делать выбор.Без сглаживания края выделения не могут использовать частичную прозрачность для сглаживания кривых эллиптических краев.
Чтобы создать маску слоя с мягким виньетированием, установите радиус растушевки на панели параметров перед выделением выделения.
Маска слоя состоит из особой формы изображения в градациях серого. Чтобы просмотреть маску как изображение, удерживайте «Alt» и щелкните значок маски слоя на панели «Слои». Щелкните миниатюру изображения или удерживайте клавишу «Alt» и снова щелкните значок маски слоя, чтобы вернуться к нормальному виду изображения.
Если вы создаете выделение без растушевки и хотите растушевать его, прежде чем использовать его для создания маски слоя, нажмите «Q», чтобы войти в режим быстрой маски, и используйте фильтры размытия Photoshop, чтобы смягчить его края. Снова нажмите «Q», чтобы выйти из режима быстрой маски и замаскировать изображение.
Никогда не перезаписывайте исходное изображение. Сохраните виньетированное изображение отдельно или под другим именем.

Предупреждения

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

Писатель Биография

Элизабет Мотт — писатель с 1983 года. Мотт имеет большой опыт написания рекламных текстов для всего, от кухонной техники и финансовых услуг до образования и туризма. Она имеет степень бакалавра искусств и магистра искусств по английскому языку в Университете штата Индиана.

Обрезка изображения по размеру

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

Вы можете кадрировать до формы в Word, PowerPoint, Outlook или Excel.

Обрезать изображение до формы, например круга

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

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

Используйте Вставка > Изображение , чтобы добавить изображение в файл Office (например, документ Word, презентацию PowerPoint или сообщение электронной почты Outlook).
Щелкните по картинке.
Вы можете обрезать несколько изображений одновременно, но вы должны обрезать их до одинаковой формы.(Но в Word это сложно, потому что вы не можете выбрать несколько изображений, для которых по умолчанию используется параметр макета In Line с текстом .)
Щелкните Работа с рисунками > Формат и в группе Размер щелкните стрелку под Обрезать .
В появившемся меню выберите Обрезать до формы , а затем щелкните фигуру, до которой нужно обрезать.
Форма сразу же применяется к изображению.
Затем используйте Обрезка > Подгонка или Обрезка > Заливка , чтобы изменить размер изображения, которое вписывается в форму, которую вы применили:
- Заливка Заполняет всю фигуру рисунком.Некоторые внешние края изображения могут быть обрезаны. По краям фигуры не останется пустого места.
- По размеру Умещает все изображение в форме, сохраняя исходное соотношение сторон изображения. По краям фигуры может быть пустое пространство.
  (Черные метки обрезки появляются по краям и углам изображения, когда вы выбираете параметр «По размеру» или «Заливка».)
Вы можете отрегулировать положение изображения в кадре, выбрав изображение и перетащив его в нужное место. Например, это может помочь вам центрировать наиболее важную часть изображения внутри формы, которую вы применили к изображению.

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

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

По завершении нажмите кнопку Crop еще раз.

Начните с формы и добавьте к ней изображение

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

Добавить картинку к фигуре

Добавьте фигуру в документ (инструкции см. В разделе Добавление фигур) и щелкните фигуру, чтобы выбрать ее.
Щелкните Инструменты рисования > Формат и в группе Стили фигур щелкните Заливка фигуры > Рисунок .
Выберите нужный тип изображения (например, из файла или онлайн-изображения ), а затем перейдите к нужному изображению и вставьте его.

Изменить размер фигуры

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

Выберите, как рисунок впишется в форму

Если ваше изображение перекошено, обрезано или не заполняет форму нужным вам образом, используйте инструменты Fit и Fill в меню Crop для точной настройки:

Щелкните фигуру, созданную с помощью Заливка фигуры > Рисунок .
Щелкните Работа с рисунками > Формат и в группе Размер щелкните стрелку под Обрезать . Появится меню с параметрами обрезки.
- Выберите По размеру , если вы хотите, чтобы все изображение соответствовало форме; исходное соотношение сторон изображения будет сохранено, но внутри вашей фигуры может быть пустое пространство.
- Выберите Заливка , чтобы форма поместилась в границах изображения, обрезая все, что находится за пределами формы.
Нажмите Заполните или Подходит .
- Заливка устанавливает размер изображения в соответствии с высотой или шириной фигуры, в зависимости от того, что больше.Это заполняет фигуру изображением, удаляя все, что находится за периметром фигуры.
- По размеру устанавливает размер изображения таким образом, чтобы высота и ширина изображения соответствовали границам фигуры. Это поместит как можно большую часть изображения в форму, но некоторые области фигуры могут остаться пустыми.
  Вы можете перетащить изображение, чтобы изменить отображаемую часть в форме.
При желании отрегулируйте область кадрирования с помощью ручек кадрирования, как описано в разделе «Обрезка изображения».
Когда вы закончите, нажмите Esc или щелкните в любом месте документа за пределами изображения.

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

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

Выберите форму, которую хотите отредактировать.
Нажмите Инструменты рисования > Формат и в группе Вставить фигуры нажмите кнопку Редактировать фигуру , затем нажмите Редактировать точки .
Перетаскивайте точки вершин фигуры (которые отображаются в виде черных точек по периметру фигуры), пока форма не будет выглядеть так, как вы хотите.
Чтобы удалить точку вершины, удерживайте Ctrl и щелкните по ней. Чтобы добавить точку вершины, удерживайте Ctrl, одновременно щелкая в любом месте периметра фигуры, на которой еще нет точки вершины.

Вы можете кадрировать до формы в Word, PowerPoint или Excel.

Обрезка до определенной формы

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

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

Используйте Insert > Picture , чтобы добавить изображение в файл Office (например, документ Word, презентацию PowerPoint или книгу Excel).
В вашем файле выберите изображение, которое вы хотите обрезать.
На вкладке Формат изображения щелкните стрелку рядом с полем Обрезать .
(Если вы не видите вкладку Формат изображения , убедитесь, что вы выбрали изображение (а не фигуру).)
Наведите указатель на Обрезать до фигуры и затем щелкните фигуру, до которой нужно обрезать.
Форма сразу же применяется к изображению.
Если вы хотите изменить форму, нажмите кнопку Crop еще раз на ленте.
По краям и углам изображения появляются черные метки обрезки.
Обрежьте изображение, перетащив любой маркер кадрирования внутрь. Если вы перетащите один из угловых маркеров, он обрежет две смежные стороны одновременно.

Обрезать по форме или заполнить ее

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

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

Щелкните Fill или Fit , а затем щелкните за пределами рисунка.

Опция	Описание
Заливка	Удаляет (или «обрезает») часть изображения, но все равно заполняет всю форму.
Подходит	Умещает все изображение в форме.Исходное соотношение сторон изображения сохраняется, но внутри фигуры может быть пустое пространство.

Обрезка до определенной формы

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

В вашем файле выберите изображение, которое вы хотите обрезать до определенной формы.
Щелкните вкладку Формат изображения .
(Если вы не видите вкладку Формат изображения , убедитесь, что вы выбрали изображение (а не фигуру).)
В разделе Настроить щелкните стрелку рядом с полем Обрезать , укажите на Маска в фигуру , укажите тип фигуры, а затем щелкните фигуру, по которой вы хотите обрезать изображение.
Форма сразу же применяется к изображению.
Если вы хотите изменить форму, нажмите кнопку Crop еще раз на ленте.
По краям и углам изображения появляются черные метки обрезки.
Перетащите маркеры обрезки по мере необходимости, чтобы обрезать поля изображения, а затем щелкните за пределами изображения.
Когда вы закончите, щелкните за пределами изображения.

Обрезать по форме или заполнить ее

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

Щелкните изображение, которое вы хотите внутри фигуры.
Щелкните вкладку Формат изображения .
(Если вы не видите вкладку Формат изображения , убедитесь, что вы выбрали свое изображение.)

В разделе Настроить щелкните стрелку рядом с полем Обрезать , щелкните Обрезать до заполнения или Обрезать по размеру , а затем щелкните за пределами изображения:

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

Когда вы закончите, нажмите ESC.

Поместить изображение внутрь формы

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

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

Вставьте изображение в документ. (Выберите Вставить > Картинка , а затем перейдите к картинке, которую вы хотите использовать.)
Выделив изображение на холсте, выберите вкладку Изображение на ленте, а затем откройте галерею Стили изображения :
Выберите форму, чтобы применить ее к изображению.
После того, как форма будет применена, вы можете изменить ее размер по мере необходимости.

Как создать круговую фотографию с помощью обтравочных масок 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 — Разбор

А вот визуально-текстовая разбивка, на случай, если вы изучаете письменный текст.

Начните с создания прозрачного файла. Перейдите в окно, чтобы открыть палитру «Слои», если она не открыта.

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

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

Откройте фотографию и перетащите прямо в файл.Это автоматически создаст новый слой.

Щелкните слой правой кнопкой мыши и выберите «Создать обтравочную маску».

Перемещайте изображение, пока оно вам не понравится. Чтобы изменить размер, нажмите command + T. Затем, удерживая command + shift, перетаскивайте углы внутрь или наружу, чтобы пропорционально сузить или расширить.
Сохраните это как PSD на случай, если позже вам понадобится внести изменения. Затем щелкните правой кнопкой мыши слой с фотографией «Объединить видимое». (ярлык: команда + E)

Сохранить как файл PNG, чтобы сохранить прозрачность.

Круглая картинка в фотошопе

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

Загрузить фото в Photoshop

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

Изменяемый слой

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

Края фотографии

Чтобы выбрать овальную форму, выберите инструмент Elliptical Marque (клавиша M).Если он не активен, нажмите второй значок на палитре инструментов, удерживайте его нажатым и выберите в появившемся меню эллиптическую область (второй значок).

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

Кромки ненужные

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

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

После выбора краев просто нажмите кнопку Удалить на клавиатуре, и они будут удалены.

Узкий

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

Сохранение

Сохраните фотографию с помощью меню Файл / Сохранить для Интернета и устройств .

Два типа изображений могут обрабатывать прозрачность, которые позже пригодятся для Интернета. Один — это GIF, а другой — PNG. Первый меньше по размеру, но может иметь максимум 8 бит, поэтому качество довольно низкое. Если вы хотите сохранить исходные цвета и особенности круглой фотографии, вам придется выбрать 24-битный PNG. Это означает большой размер файла, что не идеально для Интернета, поэтому вы должны использовать этот метод только для изображений меньшего размера.

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

Веб-совместимость

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

Закругление углов всего в Photoshop. Урок

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

Если вы хотите просто создать прямоугольники с закругленными углами, используйте инструмент формы в Photoshop и выберите параметр закругленного угла из живых фигур на панели свойств (Photoshop CC).Если вы ищете что-то более сложное или как скруглить углы растеризованной формы, читайте дальше…

1

Создайте новый слой, создайте фигуру, выберите ее и залейте цветом переднего плана. Alt / Option удалить.

Возможно, вы уже начинаете с формы, это тоже нормально.

2

Выбрать> сохранить выделение назовите новый канал «shape»

3

Переключитесь на палитру каналов и щелкните канал «shape».Cmd / Crtl + D для отмены выделения всех

4

Фильтры> Размытие> Размытие по Гауссу. Используйте более высокое значение для более выраженного эффекта или меньшее значение для более тонкого эффекта.

5

Откройте окно уровней: Cmd / Ctrl + L

Здесь происходит волшебство. Перетащите левый треугольник в середину, а теперь перетащите правый в центр, пока все 3 стрелки не будут друг над другом. Щелкните ОК.

6

Ctrl / Cmd щелкните миниатюру каналов (1), чтобы включить выбор.

Щелкните миниатюру RGB, чтобы выбрать все каналы (2)

7

Вернитесь к палитре слоев.

Скрыть слой исходной формы

Создайте новый слой (слой 2) и залейте сплошным цветом или градиентом.