Как вырезать кружок в фотошопе
Как обрезать по кругу в Adobe Photoshop изображение
Photoshop – растровый графический редактор, способный выделять объекты, вырезать контуры, рисов.
Photoshop – растровый графический редактор, способный выделять объекты, вырезать контуры, рисовать фигуры, выполнять наложение фотографий и т.д.
Подробные алгоритмы позволят понять, как вырезать круг в Фотошопе, выделить фигуру и придать ей оттенок.
Как нарисовать круг в Фотошопе
Круг – базовая фигура в графических редакторах. И если обработка фотографий не требует знаний, как выделить круг в Фотошопе, то в создании виньеток, портретов и коллажей не обойтись без упомянутого умения.
Прежде чем изучать вопрос, как обрезать по кругу в Фотошопе, следует выяснить, как изобразить базовую фигуру и что при этом учесть.
Чтобы нарисовать круг, следует:
Примечание. Нарисовать круг от центра поможет зажатая клавиша ALT. После окончания рисования отпустите ALT и только потом SHIFT. Иначе на листе вместо круга отобразится овал.
Как выделить круг в Фотошопе
Рисование базовой фигуры возможно при помощи инструмента «Овальная область» в пиктограмме «Выделение». Инструмент «Рамка» не позволит вырезать по кругу в Фотошопе фотографию. Чтобы в Фотошопе изображение обрезать по кругу, применяют именно овальное выделение.
Нарисовать окружность можно таким способом:
При создании круглой рамки или элемента дизайна для web-страницы к этому алгоритму прибавятся дополнительные действия.
Как в Фотошопе изображение обрезать по кругу
Научившись создавать базовую фигуру в графическом редакторе или выполнять выделение в виде овала, пользователь сможет обрезать фотографию по кругу. Для создания круглого изображения необходимо:
Как обрезать изображение по кругу
В этом поучительном Photoshop уроке для новичков, я покажу как обрезать изображение по кругу. Смотрите видео или читайте текстовую версию!
Обычно, когда мы думаем об обрезке изображений, то всегда представляем их в форме прямоугольника или квадрата. Если мы используем инструмент Crop (С) (Рамка), то других вариантов у нас нет.
Но кто говорит, что нам нужно использовать инструмент Рамка? В Photoshop можно легко обрезать фотографию с помощью инструмента выделения. Чтобы обрезать изображение по кругу, мы будем использовать инструмент Elliptical Marquee (M) (Овальная область). Я буду работать в Photoshop CC, но недавние версии так же подойдут.
Вот так выглядит изображение, обрезанное по кругу, с прозрачными углами, чтобы вы могли легко загрузить его в интернет или применить в другом дизайне.
1. Открываем изображение
2. Преобразование фонового слоя в обычный
Если мы посмотрим на панель слоёв, то увидим, что наша фотография расположена на фоновом слое.
Прежде чем мы начнём обрезать изображение по кругу, нам необходимо преобразовать фоновый слой в обычный. Причина в том, что после обрезки вокруг изображения появятся прозрачные области, а в Photoshop фоновые слои не поддерживают прозрачность.
Для преобразования, нам необходимо переименовать фоновый слой. В Photoshop CC просто нажмите на значок блокировки с правой стороны слоя. В Photoshop CS6 и более ранних версиях зажмите Alt и дважды кликните по фоновому слою.
Программа мгновенно переименует слой «Background» на “Layer 0». Теперь он преобразован в обычный слой.
3. Инструмент «Овальная область»
На панели инструментов выберите Elliptical Marquee (M) (Овальная область). По умолчанию он располагается чуть ниже инструмента Rectangular Marquee (M) (Прямоугольная область) в той же вкладке. Поэтому кликните правой кнопкой мыши по инструменту Прямоугольная область и из раскрывающегося списка выберите нужный инструмент.
4. Создаём выделение
Выбранным инструментом Овальная область кликните внутри изображения и, потянув, образуйте выделение эллиптической формы. Чтобы оно получилось идеально круглым, при его создании зажмите клавишу Shift. Не беспокойтесь о расположении выделения, в следующем шаге мы переместим его в нужное место. Просто убедитесь, что размер круга достаточно большой, чтобы в него поместилась вся область, которую вы хотите сохранить.
Когда вы закончите отпустите сначала кнопку мыши, а затем клавишу Shift. В ином случае выделение снова приобретёт свободную форму эллипса.
5. Перемещение выделенной области
Если вы создали выделение в не совсем подходящем месте, то просто кликните внутри него и переместите куда нужно. Убедитесь что в верхней панели параметров активна команда New Selection (Новая выделенная область). Я переместил выделение так, чтобы лицо девушки было расположено точно в центре круга. Именно эту область я хочу сохранить. Остальная часть изображения будет обрезана.
6. Инвертируем выделение
На данный момент у нас выбрана область внутри круга. Но нам нужно выделить область, которая расположена вокруг него.
Для этого перейдите в меню Select (Выделение) и в раскрывающемся списке команд выберите Inverse (Инверсия).
7. Удаляем ненужную область
После инвертирования выделения нажмите клавишу Backspace или Delete, чтобы удалить область возле круга. В результате эта область заполнится шаблоном шахматной доски, так в Photoshop представляется прозрачная область.
Нам больше не нужно выделение, поэтому отмените его, перейдя во вкладку Select > Deselect (Выделение – Отменить выделение) или нажмите комбинацию клавиш Ctrl + D.
8. Обрезаем лишние прозрачные области
В диалоговом окне в разделе Based On (На основе) выберите параметр Transparent Pixels (Прозрачных пикселов). Убедитесь, что в разделе Trim Away (Обрезка) выбраны все параметры Top, Bottom, Left и Right (Сверху, Снизу, Слева и Справа) (они должны быть выбраны по умолчанию).
Нажмите OK, чтобы закрыть диалоговое окно Trim (Тримминг). Photoshop мгновенно обрежет лишние прозрачные области вокруг фотографии.
9. Сохранение изображения в формате PNG
Обычно мы сохраняем фотографии в формате JPEG, но данный формат не поддерживает прозрачность. Для сохранения прозрачных областей в углах и, чтобы они не заполнились белым цветом, сохраните обрезанное изображение в формате PNG, который поддерживает прозрачность.
Для этого в меню File (Файл) выберите Save As (Сохранить как).
В открывшемся диалоговом окне для параметра Format (Формат) установите PNG. Дайте название своему файлу и укажите, куда хотите его сохранить, затем нажмите кнопку Save (Сохранить).
Когда Photoshop попросит вас установить параметры для PNG, вы можете спокойно оставить их по умолчанию. Нажмите OK, чтобы сохранить изображение.
Теперь вы знаете, как легко можно обрезать изображение по кругу, используя инструмент Elliptical Marquee (Овальная область).
Как нарисовать круг в Фотошопе
Круги в Фотошопе
Круг можно нарисовать двумя способами. Для этого используются два инструмента — «Выделение» и «Эллипс». У каждого есть свои особенности и сферы применения.
Способ 1: «Выделение»
Мы будем пользоваться одним из инструментов этой группы — «Овальной областью».
Способ 2: «Эллипс»
Второй способ – использование инструмента «Эллипс» из группы «Фигуры». Он имеет несколько настроек и вариантов применения.
Затем кликаем по холсту и соглашаемся на создание эллипса.
На этом все о кругах в Фотошопе.
Помимо этой статьи, на сайте еще 12556 инструкций.
Добавьте сайт Lumpics.ru в закладки (CTRL+D) и мы точно еще пригодимся вам.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Как вырезать картинку в Photoshop — профессионально, ровно и быстро
Доброго времени суток, уважаемые читатели. Все больше разочаровывает меня интернет. Постигаю фотошоп и периодически сталкиваюсь с разного рода задачами. Хочется работать на уровне специалиста, но статьи, которые удается найти, в основном написаны либо школьниками, либо для школьников, чтобы сделать на… кое-как.
Мне нужно вырезать объект по краю, а результат после этих публикаций кошмарен. Как будто столетними скрипящими ножницами работал. Ужас, который никуда не вставишь. Хочешь круглую фотку, а тебе мануал на 500 страниц предлагают, когда все намного проще.
Жуть как надоели одинаковые и бесполезные публикации далекие от реальной жизни начинающих дизайнеров и разработчиков. Придется брать священную просветительскую миссию на себя.
Откровенно говоря, я уже и сам создавал длинные публикации на многие из этих тем, но время идет. Все меняется и навыки совершенствуются. Эта статья не такая уж большая, зато здесь собраны советы, которые помогут в реальной жизни.
Сегодня поговорим об одной из самых важных и частых задач: как в фотошопе вырезать картинку профессионально, ровно и быстро. Будем рассматривать разные случаи. Где-то я покажу как поковыряться, чтобы результат получился крутым. В каком-то моменте наоборот, опишу ускоренный процесс выполнения задачи.
Картинка по размеру в два клика
Я, конечно, и сам грешен. Недавно писал как работать над рисунком нужного размера и статья получилась не маленькая, но всеобъемлющая. Сейчас буду описывать как все делать быстро, без лишних телодвижений.
Итак, открываем фотошоп, а затем и фото, с которым будете работать.
Чтобы уменьшить картинку понадобится инструмент «Рамка».
Можно дергать за края, чтобы определиться с размером или отрезать что-то лишнее.
Но, как правило, основная задача дизайнера – работа с конкретными размерами. Нужно либо обрезать фото до определенного размера со всех краев, либо подходящую картинку по ширине или высоте. Для всего этого есть соответствующая кнопка.
Если интересует соотношение – выбираем верхнюю кнопку и вставляем свои значения.
Если один из показателей, то выбираем Ш х В х Разрешение.
Вставляем свои значения.
Все будет ровно, красиво и в хорошем разрешении. Кстати, над обрезанием я рекомендую работать в онлайн версии программы, особенно если фоток много, а установленная на вашем компьютере притормаживает. Это обычная история для толстопуза Фотошопа, со своими супер-возможностями. Облегченный онлайн сервис работает намного быстрее.
Делаем изображение круглым за две минуты
Есть много способов вырезать фотку по кругу. Сейчас я расскажу о самом простом. Буквально 2-3 минуты и все готово.
И выбираем инструмент «Овальная область». Если не можете найти, удерживайте левую клавишу мыши на той или иной кнопке панели слева. Возможно, овал «прячется» под прямоугольником.
Чтобы нарисовать ровный круг двигайте мышью и одновременно удерживайте Shift и пропорции сохранятся.
Естественно, что внутри круга должна оставаться только нужная нам область картинки. Перемещайте ее при помощи стрелки и мыши. Больше ничего зажимать не нужно.
Теперь нажмите одновременно Ctrl + C, чтобы скопировать область внутри круга, а затем Ctrl + V, чтобы вставить ее в данную картинку. Затем снимите «глаз» с фона.
Получится вот такой вариант. Без фона, впоследствии он будет прозрачным.
Осталось только сохранить как…
Чтобы прозрачность осталась, а не изменилась на белый цвет, вам необходимо выбрать формат PNG (Как сохранить изображение без фона). Привычный всем JPG не понимает что такое прозрачность.
Можете не сохранять и сразу вставить в другую фотку. Ctrl + V.
Чтобы уменьшить круглую картинку с девушкой, нужно нажать CTRL и T одновременно, а затем двигать за точки по периметру квадрата. Удерживайте Shift для сохранения пропорций.
Этот способ намного быстрее и проще других.
Нормальная профессиональная вырезка объекта
С кругами время сэкономили и нам есть куда его потратить. Вырезать объекты по контуру так, чтобы это выглядело отлично – не столько сложный, сколько долгий процесс. Придется постараться и поковыряться.
И первым делом создаем дубликат слоя. Это необходимо, чтобы потом избавиться от фона.
Инструментов для выделения объектов – целая куча. Та функция, о которой я буду рассказывать дальше, подходит и для любого другого варианта. На этой фотке белый фон, а потому я могу выбрать свое любимое «Быстрое выделение».
Если хотите узнать больше информации для новичков о инструментах для вырезания, прочитайте статью на эту тему, она уже есть в моем блоге. Затем возвращайтесь, чтобы усовершенствовать свои навыки и знания.
Если не терпится начать с секретов мастерства, возьмите картинку с однотонным фоном.
Проведите по фону и по краю поползут муравьи.
Теперь давайте перейдем во вкладку «Уточнить край».
Обратите внимание на «вид». Он пригодится вам не раз. Тут много всяких вариантов отображения тех изменений, которые вы будете применять для фотографии. Перемещайтесь от одного к другому, чтобы добиться идеального эффекта и точно рассмотреть как оно будет выглядеть. Каждому понравится свой вариант отображения.
Сразу же ставим галочку на «Умный радиус». Показатели придется менять по своему усмотрению, на глаз. Поверьте, со временем будет получаться намного лучше и быстрее.
Настройка краев. Используйте, пробуйте, экспериментируйте.
Теперь нажимаем «Ок». Как выяснится чуть позже, эти значения следовало бы запомнить, но к этому мы еще вернемся.
Далее на клавиатуре найдите кнопку Del, нажмите и уберите иконку глаза с фона картинки.
Не знаю как вам, а меня эта шашка не очень устраивает. Не видно как все изменилось. Кликните разочек на фон, чтобы этот слой подсветился, а затем создайте новый слой. Это можно сделать через меню сверху «Слой» — «Новый» или нажав на советующую кнопку слева. Ее я отметил стрелкой.
Итак, теперь кликаем по только что созданному слою и применяем к нему заливку.
В идеале, конечно же, ставить сразу тот фон, на котором будет картинка впоследствии. Но, я попробую работать на контрасте. Сразу видно, что вариант не лучший, но, почему бы и нет? Мы же учимся.
Итак, теперь снова переходим в слой копии.
И снова переходим в уточнение краев.
Правый край мне нравится больше. Какой вывод можно сделать? Нужно было запоминать значения, которые мы применяли слева, чтобы обе части выглядели одинаково. Я об этом уже сказал. Я не зря оставил статью как есть и не менял ни слова, хотя мог удалить информацию об этой ошибке.
Посмотрите, как люди набираются опыта, ошибаются и выводят свои правила. Нет ничего страшного в том, чтобы сделать что-то не так. В этом и рождается профессионализм.
Есть много инструментов, которые мы можем применить и сейчас, специалисты так и делают. Они не оставляют картинку просто так. Для начала давайте используем размытие. Чтобы сделать сглаженные края.
Вот так у меня получилось.
Мне не очень нравится. Лучший вариант – изменить фон на втором слое. Согласитесь, так уже не плохо.
Можете скачать мой макет, открыть его в фотошопе и сделать намного лучше. Присылайте свои результаты в комментарии к этой записи.
Если вы думаете, что фотошоп – это сложно, то вы очень сильно ошибаетесь. Это всего лишь набор инструментов, а профессионализм вырабатывается только благодаря опыту, созданию картинок одной за другой.
Представьте, у вас есть гараж и там полным-полно всего: молотки, топоры, станки. Можно ходить вокруг них и думать для чего они предназначены, можно спросить у профессионалов совета, но в любом случае мастером вы от этого не станете.
Если же вы собираетесь становиться профессионалом и мечтаете о деньгах, которые можно получить от создания сайтов, то придется изучить еще и [urlspan]основы в школе веб-дизайна[/urlspan]. В течение трех дней вам предоставляется бесплатный доступ ко всем урокам. Откровенно говоря, этого вполне достаточно, чтобы многое понять.
Ну а для тех, кто хочет получать большие деньги и хочет пробиться очень высоко, придется вложиться посерьезнее. Это курс от гуру, невероятно крутых специалистов из таких компаний как Лаборатория Касперского. К сожалению, навряд ли другие названия вам дадут какое-то представление и вызовут ассоциации. Скорее всего вы о них даже не слышали.
Но поверьте, как только вы начнете крутиться в этой сфере и продвигаться к намеченной цели, вы убедитесь, что пропустили очень многое. «Веб-дизайнер: эффективный сайт от идеи до реализации» тут можно реально научиться профессии веб-дизайнера. Стоит курс не мало, но по окончанию его вам выдается диплом, благодаря которому можно сразу выбиться в ТОП и получать невероятные суммы!
Что делать дальше – решать вам. Успехов вам в ваших начинаниях и если эта статья показалась полезной – подписывайтесь на рассылку и узнавайте больше и чаще. До новых встреч.
Как вырезать объект с использованием RGB каналов в Фотошопе
В этом уроке Фотошопа мы рассмотрим метод выделения объекта с использованием RGB каналов (channel).
Сложность: Средняя
Дата: 15.09.2009
Обновлено: 07.05.2015
Метод с использованием RGB каналов может не подойти к определённым изображениям.
Внизу страницы этого материала есть ряд ссылок на другие методы качественного выделения, которые рекомендуется знать для создания выделений любой сложности.
1. Открываем наше фото в Фотошопе.
Фото для примера выделения с использованием RGB каналов.
Дело в том, что, как правило, выделять волосы, мех и т.п., такими средствами как лассо, очень сложно. Поэтому, для выделения нашего объекта мы будем использовать другой метод и для этого нам надо определить, какой из каналов наиболее контрастный в отношении объекта выделения.
Определяем самый контрастный канал в отношении выделяемого объекта.
3. Теперь создаем корректирующий слой: Channel Mixer (Микширование каналов):
Создание корректирующего слоя на примере Photoshop CC 2014 (Rus).
4. В открывшемся окне ставим галку в поле – Monochrome (Монохромный) и движками Red – Green – Blue (Красный, Зеленый, Синий) добиваемся, чтобы объект был максимально близок к черному цвету, а все остальное заметно светлее.
Естественно максимально увеличиваем влияние синего канала, подвинув его ползунок сильно вправо. Двигая ползунки, особое внимание обратите на контуры объекта и на торчащие волосы. Надо постараться выставить такое сочетание ползунков, чтобы обозначился четкий контур объекта, и было видно максимальное количество торчащих волос:
7. Двигая ползунки в окне регулирования уровней, добиваемся еще более контрастного соотношения, т.е., стремимся темное сделать черным, а светлое – белым:
8. После того как вы закончили с уровнями, закрываем это окно и теперь ластиком убираем с белых участков все артефакты темного характера, черной кистью закрашиваем на черных участках белые артефакты. Результат будет примерно следующий:
9. Далее нажав и удерживая клавишу Ctrl, кликнем мышкой на иконке альфа-канала в окне каналов (это приведет к выделению всего белого).
Создаём выделение нажимая на иконку слоя с зажатым Ctrl.
10. А теперь нажимаем на клавиатуре кнопку «Delete» и (о чудо!) на фото пропадает фон и остается только наш объект:
11. Далее мы должны будем произвести коррекцию выделенного объекта, чтобы при дальнейшем его использование он красиво вписывался в другие фото.
Добавляем новый слой, нажав Ctrl+Shift+N:
12. Заливаем его черно-белыми полосами, как показано на изображении ниже:
13. После вырезания объекта, как правило, край его имеет контрастную окантовку, отличающуюся от объекта – светлую или темную. Эта окантовка обычно очень заметна и мешает вписаться объекту в другой фон.
Увеличим объект и посмотрим, есть ли у нас окантовка, и какая она. Лучше всего это определить в тех местах фото, где сделанный нами фон переходит из белого в черный:
14. Похоже, что преобладает светлый кант. Вот его мы и удалим.
В Фотошопе для этого есть инструмент:
Очевидно, что Remove Black Matte удаляет темный кант, а Remove White Matte – светлый, вот он нам как раз и нужен!
Удаляем светлую окантовку используя Remove White Matte (Удалить белый ореол).
15. Но это еще не все. Идем дальше! Зальем опять подложку черным цветом. Выделяем объект, нажав и удерживая клавишу Ctrl и кликнем мышью на иконке слоя нашего объекта (в окне слои), тем самым выделяем весь объект:
16. Теперь создадим маску, кликнув мышью на иконке (прямоугольник с вписанным в него белым кругом):
Удаляем подложку – черный слой:
19. Ну, а теперь осталось вставить наш объект в соответствующий задумке пейзаж и Все!
Вот как я этим распорядился:
А это финальный результат. Удачи Вам и успехов. Финальный результат 