Как обрезать фотографию в форме круга. Как сделать круглую фотографию

06.08.2016 27.01.2018

В данном уроке вы научитесь делать круг в фотошопе. Сделать это можно двумя способами - с помощью и используя инструмент Заливка (Paint Bucket Tool ) для заливки выделения на новом слое.

Первый способ более быстрый и простой, для создания круга в фотошоп достаточно всего лишь одного инструмента, во втором же способе будут задействованы несколько инструментов и функций. Урок выполнен в Adobe Photoshop 2015.5, если у вас более ранняя версия программы, некоторые настройки могут отличаться, особенно это касается инструмента Эллипс (Ellipse Tool).

Как сделать круг в фотошопе при помощи инструмента Эллипс (Ellipse Tool)

Создаем в фотошоп новый документ, Файл-Создать (File — New ) с размером 800х800 пикселей:

Выбираем инструмент Эллипс (Ellipse Tool). Горячая клавиша вызова инструмента - U . После того, как станет активной группа инструментов векторных фигур , зажмите клавишу Shift и щелкните по инструменту или же просто наведите курсор мыши на группу векторных инструментов и зажмите левую клавишу мыши на несколько секунд - откроется выпадающий список, из которого выбираем инструмент Эллипс (Ellipse Tool):

Функции инструмента Эллипс (Ellipse Tool) на верхней панели инструментов:

1 - окно выбора типа векторного объекта (фигура, контур, пиксель);

2 - выбор цвета векторного объекта;

3 - добавление обводки к объекту (есть много вариантов обводки, обводка цветом, градиентом, узором);

4 - размер обводки;

5 - тип обводки;

6 - ширина объекта;

7 - кнопка сохранения пропорций;

8 - высота объекта;

9 - операции с контуром;

10 - выравнивание контура;

11 - упорядочение контура;

12 - дополнительные настройки создания фигуры (заданные пропорции и размер, создание фигуры с центра);

13 - выровнять края векторной фигуры по пиксельной сетке.

Снова зажимаем клавишу Shift и растягиваем круг нужного нам размера. Клавиша Shift используется для сохранения пропорций. Ещё один вариант сохранения пропорций - нажать кнопку с цепью вверхней панели настроек инструмент Эллипс (Ellipse Tool):

Так же при создании круга можно зажимать клавишу Alt - это позволит рисовать фигуру из центра холста. Если при создании круга вы одновременно зажмете Shift и Alt - круг будет создаваться пропорционально и с центра.

Вот так легко и просто мы создали круг в фотошопе! В верхней панели настроек инструмента Эллипс (Ellipse Tool) вы можете изменить цвет готовой фигуры, добавить к ней обводку, а также изменить размер.

Как сделать круг в фотошопе используя инструмент Заливка (Paint Bucket Tool )

Выбираем инструмент Овальная область (Elliptical Marquee) . Горячая клавиша вызова инструмента - М (в английской раскладке). Снова, как и предыдущем шаге, для вызова выпадающего списка со всемиинструментами группы выделения зажимаем клавишу Shift и кликаем по группе либо же делаем длинный щелчок по группе инструментов выделения.

Зажимаем клавишу Shift для сохранения пропорций, для создания выделения с центра можно зажать ещё и клавишу Alt . Создаем круговое выделение. При необходимости передвигаем его по холстуинструментом Перемещение (Move Tool ) .

Создаем новый пустой слой Слои-Новый-Слой (Layer-New-Layer). Активируем инструмент Заливка (Paint Bucket Tool) . Горячая клавиша вызова группы инструментов — G . Надеюсь, вы помните, как выбрать инструмент из группы? А ну-ка, проверьте, и, заодно, закрепите свои знания.

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

Щелкаем левой кнопкой мыши внутри выделения, чтобы залить круг выбранным цветом:

Снимаем выделение, перейдя в Выделение-Отменить выделение (Select-Deselect) или нажав сочетание горячих клавиш Ctrl + D . Пока активно выделение, вы можете изменить цвет заливки и залить его другим цветом. В отличии от первого способа, нет возможности в любой момент изменить цвет заливки, придется каждый раз активировать выделение или не снимать его до получения желаемого результата.

Вместо инструмента Заливка (Paint Bucket Tool) можно использовать пункт меню Редактирование-Выполнить заливку (Edit-Fill). Принцип действия этой команды тот же - заливать выделенную область/слой. Разница лишь в том, что можно заливать не только цветом, а ещё и узором, также имеется возможность заливки с учетом содержимого и изменения режима наложения заливки.

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

Инструкция

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

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

После того как выделение сделано, есть возможность произвести с ним дополнительные манипуляции. Например, его можно перемещать, перетаскивая с помощью мышки или нажимая со стрелками. Ускоренное перемещение с помощью стрелок получается при удерживаемой клавише SHIFT. Можно изменять выделения - для этого раскройте раздел меню «Выделение» и выберите пункт «Трансформировать выделенную область». Когда закончите подгонку формы - скопируйте выделенную область нажатием сочетания клавиш CTRL + C.

Теперь создайте новый - нажмите сочетание клавиш CTRL + N. Фотошоп автоматически подберет для него размеры, соответствующие ширине и высоте скопированного вами участка фотографии. А вам останется выбрать в выпадающем списке «Содержимое фона» пункт «Прозрачный» и нажать кнопку «OK».

Осталось отредактированную фотографию - нажмите сочетание четырех клавиш CTRL + SHIFT + ALT + S. В открывшемся диалоге задайте нужный файла - выберите его во втором сверху выпадающем списке. Форматы GIF и PNG поддерживают прозрачность, JPEG - нет. Зато JPEG может более качественно передавать плавные переходы цветов (градиенты). Подберите нужный вариант и нажмите кнопку «Сохранить», а затем укажите куда именно и с каким названием надо сохранять файл.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструкция

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

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

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

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

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

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

Есть два ключевых инструмента в Фотошоп: rectangular и elliptical marquee tools (прямоугольная и овальная области выделения), и они совместно занимают позицию в панели инструментов. Вот некоторые вещи, которые вы могли не знать об этих инструментах.

Квадраты и круги
R ectangular и elliptical marquee tools (прямоугольная и овальная области выделения) могут быть использованы для рисования правильных квадратов и кругов. Когда вы нажимаете и проводите область, удерживайте клавишу Shift, чтобы ограничить форму в пределах круга или квадрата.

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

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

Правильная фигура, но неправильный поворот?
Когда вы хотите создать развернутую фигуру, такую как прямоугольник, квадрат или овал, для начала создайте ее, используя инструмент выделения, не обращая внимания на поворот. Теперь отпустите кнопку мыши и выберите Select > Transform selection (Выделение > Трансформировать выделение). Фигура теперь показывает маркеры трансформирования, которые вы можете использовать для ее поворота. Нажмите клавишу Ctrl, и вы можете потянуть за уголок фигуры и исказить ее. Нажмите Enter или Return, чтобы применить трансформацию и удалить маркеры. Теперь вы можете продолжить свою работу с областью выделения.

Строгий размер выделения
Если вы хотите создать область выделения с точными размерами, из выпадающего меню Style (Стиль)выберите Fixed Size (фиксированный размер). Пропишите пиксели по ширине и высоте в рамках и нажмите на изображение, появится выделение в точности такое же, как вы задали. Используйте Fixed Ratio (фиксированное соотношение), чтобы создать выделение с фиксированным соотношением, например 1:1.25, как показано здесь.

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