Как скруглить углы в фотошопе
Узнайте, как в Photoshop работать с инструментом «Прямоугольник».
Инструмент «Прямоугольник» позволяет рисовать прямоугольники и прямоугольники со скругленными углами на холсте.
Выберите инструмент Прямоугольник
На панели инструментов щелкните и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура». Выберите инструмент Прямоугольник .
Настройте свойства фигуры инструмента «Прямоугольник»
На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
- «Режим»: задайте режим для инструмента «Прямоугольник» — «Фигура», «Контур» и «Пиксели».
- «Заливка»: выберите цвет заливки прямоугольной фигуры.
- «Обводка»: выберите цвет, ширину и тип обводки фигуры.
- «Ширина обводки»: вручную укажите ширину обводки прямоугольника.
- Stroke type (Тип обводки): выберите тип обводки для построения прямоугольника.
- Shape W&H (Ш и В фигуры): вручную задайте ширину и высоту фигуры.
- «Операции с контуром»: используйте операции с контуром для настройки взаимодействия нарисованных прямоугольников друг с другом.
- «Выравнивание контура»: используйте этот параметр для выравнивания и распределения прямоугольников.
- «Упорядочение контура»: используйте этот параметр для настройки порядка расположения создаваемых прямоугольников.
- Дополнительные параметры фигур и контуров: щелкните значок шестеренки () для доступа к дополнительным параметрам прямоугольных фигур и контуров, чтобы задать такие атрибуты, как ширина и цвет отображаемого на экране контура, и параметры соблюдения пропорций при построении прямоугольника.
- Radius of rounded corners (Радиус скругления углов): вручную задайте радиус скругления углов прямоугольника.
Рисование прямоугольника
Щелкните холст, чтобы вызвать диалоговое окно «Создание прямоугольника». В этом диалоговом окне можно вручную задать размер, радиусы углов прямоугольника и выбрать выравнивание по центру. Для применения изменений нажмите кнопку «ОК». Разместите и перетащите указатель мыши на холсте, чтобы нарисовать прямоугольник. При этом автоматически создается новый слой на панели «Слои».
В прошлой статье я рассказывал про способы выделения объектов в фотошопе. Так вот сегодня мы с вами будем знакомиться с первой группой выделения. А именно мы подробно рассмотрим прямоугольное и овальное выделение области в фотошопе.
Инструмент «Прямоугольное выделение»
Представьте. что у вас есть изображение дома, а вам надо отдельно выделить дверь или окно. Можно муздыкаться с линиями или выделять с помощью других инструментов. Но зачем? Ведь у нас есть специальный предназначенный для этого инструмент. И сейчас мы увидим, как с помощью прямоугольного выделения можно выделить прямоугольные или квадратные объекты.
- Открываем фотошопчик и открываем любое изображение, например вот такой вот домик (можно скачать здесь), после чего выбираем инструмент «Прямоугольное выделение» на панели управления. Если у вас там стоит другое выделение, то нажмите на нем правой кнопкой мыши и выберете нужное нам.
- Давайте теперь выделим окошко. Для этого зажмите левой кнопкой мыши на любом из углов окна, например левый верхний. Теперь, не отпуская кнопку мыши, тянем данное выделение в противоположный угол, т.е. в какой? Правильно, в правый нижний. Таким образом у вас должно выделиться всё окошко.
- Кроме этого есть еще один неплохой способ выделить область. Вам нужно поставить курсор в центр объекта, то бишь окна. А теперь зажмите кнопку «ALT» и конечно же нашу любимую левую кнопку мыши. И начинайте тянуть в разные стороны. Получается, что это выделение идет не из одной точки в другую, а отталкивается от центра и равномерно распределяется по сторонам (верх-низ и право-лево).
Теперь можете делать с этим окошком всё, что угодно. Можно копировать и перемещать, масштабировать, трансформировать и многое другое. Но о том, что можно сделать с выделенными объектами, мы поговорим в следующих статьях.
Инструмент «Овальная область»
Конечно же группа инструментов была бы ниочемной, если бы не существовало овальной области, благодаря которой можно было бы выделять округлые объекты. Но ребята из Adobe конечно же не дураки и без такой штуки фотошоп бы не выпустили. Давайте посмотрим возможности данной приблуды.
- Выберете инструмент «Овальная область» . Если в данный момент там стоит прямоугольная область, то либо нажмите на ней правую кнопку мыши, либо зажмите левую кнопку мыши. Из предложенных вариантов выберете овальную область. И, кстати, не забудьте открыть любое изображение с округлыми объектами или формами (как-то двусмысленно прозвучало). Я открыл светофор.
- Допустим нам надо выделить ту часть светофора, которая отвечает за красный свет. Тогда мы ставим курсор чуть выше и левее этой части и зажимаем левую кнопку мыши. Теперь по аналогии с прямоугольным выделением тянем всё это действие в правый низ, пока не захватим кругляшок полностью. Я думаю, что вы соориентируетесь. Но если вдруг у вас не получилось захватить ровно, то вы всегда можете пододвинуть и подогнать выделение обычными стрелочками.
- Но вообще, работая с овальной областью, я бы рекомендовал выделять из центра. Об этом я писал выше, помните? Ну так вот, вам надо поставить курсор в центр круглого объекта и зажать. какую клавишу? Правильно! Клавишу ALT. А дальше уже тянете выделение из центра и подгоняете под края. Вот так вот всё просто.
Кстати есть еще одна интересная штука. Вы можете сделать сразу несколько выделений на одном объекте и пользоваться только частью выделенной области. Что-то походу я сам не понял, что сказал. Давайте объясню на простом примере.
Выделяем, например, наш светофорчик любым вышеуказанным способом и теперь ставим курсор внутрь выделенной области. А вот сейчас зажмите клавишу ALT и начинайте снова тянуть ее куда-нибудь. Что же произошло? После зажатия кнопки ALT мы начинаем наше выделение не относительно центра, а с краю как обычно, только вот зато наше первое выделение никуда не девается. Смотрите, у меня на картинке получилось два таких круговых выделения.
А теперь выберете инструмент «Перемещение» и поставьте курсор между выделениями №1 и №2. Теперь как обычно зажмите левую кнопку мышки и перетащите это дело куда-нибудь, хотя бы на пару сантиметров. Как видите, у вас переместилась как раз та часть, которая находится между этими выделениями. Видите какой у меня пончик получился?
Поэтому в любых случаях с выделением можно ставить несколько различных выделений, тем самым делать их разнообразнее и подстраивать под разные нужды.
Вообще эти два инструмента по своему функционалу и применению абсолютно одинаковые, не считая того, что один прямоугольный, а второй овальный. А вообще более подробно про все инструменты и их применение, а также о других возможностях фотошопа рассказано и показано в [urlspan]этом замечательном курсе[/urlspan], который состоит из понятных любому видеоуроков.
Все видеоуроки рассчитаны для начинающих, но и более продвинутые найдут много всего интересного. Я сам смотрел этот курс и открыл для себя несколько очень клёвых фишек, которыми пользуюсь теперь регулярно. В общем рекомендую.
Ну а на сегодня наш урок подошел к концу. Вы не устали? Надеюсь, что нет. Вообще тема несложная и очень интересная. В следующих статьях я расскажу о других инструментах выделения, без которых в фотошопе просто никуда. Если статья понравилась, то не забудьте подписаться на обновления блога и вы будете всегда в курсе всего нового и самого интересного. Удачи вам и увидимся в следующих уроках. Пока-пока!
Доброго всем утра, дня, вечера или ночи. С вами снова и опять Дмитрий Костин. Как-то я просматривал разные картинки и тут мне приглянулись некторые из них. А приглянулись он тем, что у них были закруглены края. Сразу как-то интереснее смотрится. Вы не находите? И поэтому в сегодняшнем уроке я хотел бы вам рассказать, как закруглить углы в фотошопе, чтобы фото смотрелось поинтереснее.
Вот чем я люблю фотошоп, так это тем, что во многих случаях одно и тоже дело можно сделать несколькими способами. Так и здесь. Давайте приступим к нашему фотошопству.
Простое сглаживание
- Откройте любое изображение в фотошопе, например фотографию машины.
- Теперь выберете инструмент «Прямоугольное выделение» и выделите изображение, только не полностью, а так, чтобы со всех сторон оставалось немного места.
- Теперь идите в меню «Выделение» — «Модификация» — «Сгладить» . Вам откроется небольшое окошко, где вам надо будет ввести радиус сглаживания. Ну тут всё зависит от размера исходного изображения. Для данного изображения я решил поставить 20 пикселей. Но чем больше картинка — тем желательно и больше ставить радиус. Тут экспериментируйте. В случае чего вы всегда можете отменить последнее действие и попробовать другое число.
- Вы видите? Теперь углы на выделении закруглились. Но как вы понимаете это еще не все. Вам эту область нужно вырезать. Для этого идите в меню «Редактирование» и выберете пункт «Вырезать» или воспользуйтесь комбинацией клавиш CTRL+X. После этой манипуляции у вас исчезнет содержимое внутри выделенной области. Получилось? Отлично!
- Теперь вам необходимо создать новый документ в фотошопе. Сразу говорю, что не надо выставлять никаких параметров ширины и высоты, так как после того, как мы вырезали изображение, эти параметры автоматически подстраиваются под параметры вырезанного объекта. Т.е. просто нажимаете ОК.
- Ну и последний штрих. Теперь вам надо вставить наш вырезанный объект. Для этого идите в меню «Редактирование» и выберете пункт «Вставить» , либо нажмите комбинацию клавиш «CTRL+V». Вот и всё. Как видите, теперь мы получили изображение с закругленными краями. Вам останется только сохранить это изображение.
Сглаживание с использованием границ
Этот способ похож на предыдущий, но всё же сильно отличается. Проделывать всё будем с тем же самым изображением.
- Выделите всю область целиком. Для этого воспользуйтесь либо инструментом «Прямоугольное выделение», либо нажмите комбинацию клавиш CTRL+A.
- Теперь выберете «Выделение» — «Модификация» — «Граница» . Вам вылезет небольшое окошко, где вы должны будете выбрать размер границы. Я поставил 15 пикселей. Вы можете поэкспериментировать.
- Как видите у вас выделение стало двойным. Это нормально. И следующим шагом вам нужно сделать то же самое, что и в первом способе, а именно выбрать «Выделение» — «Модификация» — «Сгладить» . Поставьте там там радиус закругления. Я поставлю 30.
- Ну а теперь нажмите CTRL+X и у вас будет вырезана область вокруг вашего изображения и благодаря этому ваше основное изображение станет с закругленными углами. Правда тут останется фон вокруг картинки. Но он не будет заметен (если он белый конечно). Ну а если уж совсем напрягает, то вы сможете кадрировать изображение и ли что-нибудь другое, чтобы сделать убрать лишний фон. Ну а так сохраните, и всё будет good.
С помощью создания фигуры
Вот третий способ уже кардинально отличается от двух предыдущих. Так что передохните пару секунд и едем дальше. Изображение менять не буду и опять загружу эту машину в фотошоп.
- Но для дальнейших действий нам понадобится одна фигура. Идите в панель инструментов и там выберете инструмент «Прямоугольник с закругленными краями» из группы инструментов «Фигуры» .
- Теперь воспользуйтесь этим инструментом также, как и прямоугольным выделением, т.е. зажмите левую кнопку мыши в левом верхнем углу, а затем тяните всё это дело в правый нижний угол. Таким образом этот прямоугольник с закругленными краями должен закрыть нашу основную картинку.
- Как вы заметили, фигура создалась на новом слое. Это-то нам и нужно. Вот только последовательность их нас не устраивает. Вам нужно поставить слой с картинкой поверх слоя с прямоугольником. Для этого зажмите левую кнопку мыши на слое с изображением и переместите его на одну позицию выше. Но перед этим нажмите на замочек, чтобы разблокировать слой. Тогда слой с машиной встанет поверх фигуры.
- Теперь выделите слой с изображением и нажмите на нем правой кнопкой мыши, после чего выберите «Создать обтравочную маску».
Вы видите, что у вас в итоге получилось? Картинка стала с загругленными краями, а все из-за того, что она отображается только так, где стоит наш нарисованный закругленный прямоугольник. Но теперь вы можете обрезать лишний фо с помощтю инструмента"Рамка", либо же сразу сохранить картинку и у вас уже будет отдельное изображение с закругленными углами.
Попробуйте проделать все сами, а заодно и скажете, какой из представленных способов болле предпочтителен вам.
И кстати, если у вас есть пробелы в фотошопе или вы его просто хотите полностью изучить в кратчайшие сроки, то очень рекомендую вам посмотреть один [urlspan]замечательный курс по фотошопу для начинающих[/urlspan]. Курс отлично сделан, рассказано и показано всё просто великолепно и каждый материал разбирается очень подробно.
Ну а на сегодня я свой урок заканчиваю. Не забудьте подписаться на новые статьи и поделитесь этим со своими друзьями. Рад был вам на моем блоге. Жду вас снова. Пока-пока.
Необходимость создать круглое фото может возникнуть при создании аватаров для сайтов или форумов, в работе веб-дизайнера при изображении круглых элементов сайта. Потребности у всех разные. Этот урок посвящен тому, как сделать картинку круглой в Фотошопе.
Круглое фото
Существует два разных способа придать круглую форму снимку. В первом случае мы просто отрежем все ненужное, а во втором скроем лишние участки с помощью особого приема.
Способ 1: «Выделение»
Данный способ подразумевает использование инструмента «Овальная область» из раздела «Выделение» на панели инструментов в левой части интерфейса программы.
-
Для начала откроем фотографию в Фотошопе.
Подтягиваем рамку за маркеры вплотную к границам нашего круглого фото. По завершении процесса нажимаем ENTER. Убрать рамку с изображения можно, активировав любой другой инструмент, например, «Перемещение».
Получаем круглый снимок, который уже можно сохранить и использовать.
Способ 2: Обтравочная маска
Способ заключается в создании так называемой «Обтравочной маски» из какой-либо фигуры для исходного изображения. Ее особенность заключается в том, что картинка будет видна только на фигуре. Далее вы поймете, о чем идет речь.
-
Создаем копию слоя с исходным фото.
С последующей заливкой любым цветом.
После снятия выделения комбинацией CTRL+D основа готова.
Также можно воспользоваться инструментом «Эллипс». Эллипс необходимо рисовать с зажатой клавишей SHIFT.
Второй вариант предпочтительнее, поскольку «Эллипс» создает векторную фигуру, не искажаемую при масштабировании.
Оба способа могут применяться, как равнозначные, но во втором случае можно создать несколько круглых фото одинакового размера, используя готовую фигуру.
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Скругленные углы на фотографии выглядят достаточно интересно и привлекательно. Чаще всего такие изображения применяются при составлении коллажей или создании презентаций. Также картинки со скругленными углами можно использовать в качестве миниатюр к постам на сайте. Вариантов использования много, а способ (правильный) получить такое фото всего один. В этом уроке мы покажем, как скруглить углы в Фотошопе.
Скругление углов в Photoshop
Для достижения результата мы используем один из инструментов группы «Фигуры», а затем просто удалим все лишнее.
-
Открываем в Фотошопе фотографию, которую собираемся редактировать.
В данном случае из настроек нас интересует только одна – радиус скругления. Значение этого параметра зависит от размера изображения и от потребностей. Мы зададим значение в 30 пикселей, так будет лучше видно результат.
Совет: для того, чтобы совершить масштабирование максимально точно, то есть, не выйдя за пределы холста, необходимо включить так называемую «Привязку». Посмотрите скриншот, там указано, где данная функция находится. Она заставляет объекты автоматически «прилипать» к вспомогательным элементам и границам холста.
Сохраняем получившееся изображение в формате PNG. Только в этом формате есть поддержка прозрачных пикселей.
Результат наших действий:
Вот и вся работа по скруглению углов в Фотошопе. Прием очень простой и эффективный.
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Читайте также: