Как скруглить углы в фотошопе
Обновлено: 21.11.2024
Доброе утро, скраперы! Счастливого Хэллоуина! Мы заняты подготовкой к веселой ночи трюков или угощений, и много фотографируемся, и вы знаете, что это значит ?? МНОГО веселых новых разборок! Сегодня у меня для вас совершенно новый урок, который добавит интереса к вашим фотографиям на Хэллоуин… так что давайте начнем!
Несколько недель назад я сделал учебник о том, как начать свой первый макет. В этом макете я закруглил края своих фотографий. Скругление углов — хороший способ изменить внешний вид макета. Это делает ваши фотографии мягкими и милыми, и действительно придает им другой вид. С тех пор один из наших читателей блога попросил меня показать вам, как это сделать, поэтому сегодня я здесь, чтобы показать вам быстрый и простой способ закругления краев вашей фотографии! Есть НЕСКОЛЬКО способов сделать это, но я девушка в маске, так что сегодня я покажу вам именно этот способ! Это руководство можно использовать как в Photoshop, так и в Photoshop Elements, поэтому убедитесь, что вы выбрали правильную версию инструкций, когда дело доходит до выбора.
Для начала откройте изображение или бумагу, углы которой вы хотите закруглить.
Я выбираю одну из моих ОЧЕНЬ мужественных девяти лет, Кортни.
Разве тебе не нравятся эти зубы? Можете ли вы сказать фигурные скобки.
После того как вы откроете фотографию или бумагу, вам нужно будет сделать копию фотографии, чтобы случайно не внести изменения в оригинал. Это хорошая привычка, когда вы работаете с НИЧЕМ, что вы НЕ хотите случайно сохранить поверх ... шаблонов, фотографий ... что угодно! Если вы не хотите рискнуть и все испортить... ДУБЛИРУЙТЕ!
В строке меню в верхней части рабочей станции выберите «Файл» > «Дублировать файл» (Photoshop Elements) или «Изображение» > «Дублировать» (в Photoshop CS). Переименуйте файл и нажмите OK.
На этом этапе вы можете закрыть исходную фотографию, чтобы не перепутать ее и случайно не сохранить новые изменения поверх исходной. После того, как вы продублировали свою фотографию и закрыли оригинал, пришло время приступить к созданию маски.
В Elements выберите инструмент Прямоугольник со скругленными углами в меню палитры инструментов в левой части страницы и измените радиус примерно на 125 в окне радиуса под строкой меню.
Для пользователей CS выберите значок Слои-фигуры (CTRL+U) на панели инструментов меню.
Затем измените радиус примерно на 125 в окне радиуса. Он расположен прямо под строкой меню в верхней части рабочей станции.
После того как вы изменили радиус, нажмите в углу фотографии и перетащите мышь, пока не нарисуете прямоугольник нужного размера для вашей фотографии или бумаги. Отпустите мышь. Закрашенный прямоугольник со скругленными углами появится на отдельном слое прямо над вашей фотографией.
** ПРИМЕЧАНИЕ. На данный момент я всегда уменьшаю непрозрачность маски, чтобы видеть свою фотографию под ней. ЕСЛИ вы решите уменьшить непрозрачность, обязательно верните непрозрачность на 100%, прежде чем продолжить. Эта часть ОЧЕНЬ важна, иначе ваша фотография также будет отображаться с непрозрачностью всего 50%!
В правой части рабочей станции в палитре слоев щелкните фотографию и перетащите ее НАД слоем с прямоугольником.
Теперь вы можете создать группу обрезки. Выберите слой с фотографией в палитре слоев. Чтобы создать маску в Photoshop Elements, вам нужно нажать Ctrl-G на слое маски. В Photoshop CS вы можете нажать CTRL+ALT+G, чтобы обрезать маску, ИЛИ вы можете нажать клавишу ALT и щелкнуть линию, разделяющую фотографию и маску, в палитре слоев.
Если вам нужно поработать с фотографией, чтобы убедиться, что она правильно отцентрирована или обрезана, нажмите на фотографию, и появится набор линий в форме прямоугольника. Щелкните левой кнопкой мыши на одном из угловых полей и перетащите фотографию, чтобы получить желаемую обрезку! Нажмите Enter, чтобы сохранить изменения.
После того, как вы внесли все исправления в свою фотографию, вам нужно объединить слои. Нажмите и удерживайте Shift+Ctrl+E, чтобы объединить все видимые слои в один слой. После того, как вы объединили слои, у вас теперь есть фотография с закругленными углами, готовая к размещению на вашем макете.. все, что вам нужно сделать, это перетащить ее и бросить!
Сегодня урок окончен. Я собираюсь добавить усы своему маленькому котенку! Она будет ооочень милой! Я надеюсь, что сегодня у вас будет ужасно захватывающая ночь и счастливого Хэллоуина!
Существует множество причин, по которым дизайнер может закруглить углы изображения, а не оставлять их под острыми углами в 90 градусов. Закругленные углы не только приятны для глаз, просты в обработке и позволяют сделать логотип или заставку более привлекательными, но и очень легко создаются в Photoshop.
В этом руководстве мы рассмотрим два быстрых и простых способа закруглить эти углы в Photoshop.
Если вы начинающий графический дизайнер, возможно, вы захотите пройти курс, который дает хороший обзор основных принципов дизайна.
Инструмент «Закругленные углы»
Это самый простой способ сделать закругленные углы в Photoshop CC, потому что вы фактически начнете именно с них, а не с существующим изображением. Обратите внимание, что на самом деле это новая функция в Photoshop CC, поэтому для ее использования вам понадобится последняя версия. Этот метод лучше всего использовать, если вы создаете изображение с нуля, например логотип, заставку или кнопку.
Шаг 1. Создайте новый файл Photoshop
Сначала выберите «Файл» > «Создать» > и создайте новый файл Photoshop с нужными размерами для вашего изображения. Неважно, в каком размере, разрешении или цветовом режиме находится ваше изображение, поскольку эти элементы не связаны с функцией скругления углов, которая входит в состав Photoshop CC.
Шаг 2. Разместите фигуру с помощью инструмента «Прямоугольник»
В Photoshop CC инструмент «Прямоугольник» должен быть сгруппирован в том же разделе, что и инструмент «Перо», инструмент «Горизонтальный текст» и инструмент «Выделение контура» на боковой панели. Вы также можете выбрать его, нажав горячую клавишу U.
После выбора у вас есть два варианта. Вы можете либо перетащить изображение на холст, а затем отредактировать его свойства, либо сначала установить его размер, а затем щелкнуть в любом месте холста, чтобы разместить его. В этом примере мы поработаем со свойствами изображения, прежде чем разместить фигуру. Параметры инструмента «Прямоугольник» должны быть доступны вверху.
Вы можете установить заливку изображения любым цветом и установить ширину обводки любого размера. В этом примере мы установили его равным нулю. Ширина и высота нашего изображения 300 пикселей, квадрат. Затем мы щелкаем в любом месте нашего холста, чтобы разместить его.
Шаг 3. Скруглите углы!
Этот следующий шаг упрощается благодаря встроенной в Photoshop CC функции скругления углов. После того, как вы утвердили размещение прямоугольника, должно появиться окно «Свойства динамической формы», позволяющее вам видеть изменения в фигуре по мере их внесения.
В нижней части можно настроить углы. Просто введите значение и наблюдайте, как острые края сглаживаются! Чем меньше значение, тем менее закругленными будут углы. В этом примере показано, как выглядит закругленный угол размером 50 пикселей. Чем ближе значение приближается к половине размера длины или ширины (в этом примере 150, потому что наш квадрат имеет размеры 300 x 300), тем более круглой становится форма, так что не увлекайтесь слишком сильно.
По умолчанию значения углового радиуса заблокированы вместе, что означает, что они будут масштабироваться вместе. Чтобы разблокировать их, просто нажмите на значок маленькой цепочки посередине.
Теперь вы можете установить отдельные значения и создать крутой эффект, как показано выше.
Слои и заливка непрозрачности
Если вы работаете в версии Photoshop, в которой нет описанной выше функции, есть еще один быстрый и простой способ скруглить углы изображений с помощью слоев.
Шаг 1. Начните с изображения
Для этого урока вам нужно начать с готового изображения. Изображение выше представляет собой простой цветной прямоугольник со словами Добро пожаловать!, написанными посередине, что-то, что можно использовать в качестве изображения заголовка или кнопки. Изображение сведено таким образом, что все его слои, синий фон и наложенный текст, объединены в один слой.
Шаг 2. Создайте новый слой
Далее нам нужно создать новый слой поверх нашего изображения. Чтобы создать новый слой, откройте приглашение «Слои» и щелкните значок, который выглядит как небольшой квадрат бумаги с загнутым внутрь левым нижним углом. Вы также можете использовать строку меню, выбрав «Слой» > «Создать» > «Слой» или просто нажав Shift+Ctrl+N. После того как вы создали новый слой, окно свойств «Слои» должно выглядеть примерно так, как в примере выше.
Неважно, как вы назовете этот новый слой, просто убедитесь, что он находится выше, а не ниже изображения, на котором вы хотите скруглить углы.
Шаг 3. Нарисуйте прямоугольник со скругленными углами на новом слое
Выберите инструмент «Прямоугольник» и нарисуйте прямоугольник со скругленными углами на новом слое. Если вы не знаете, где находится инструмент «Прямоугольник» или как его использовать, см. Шаг 2 в руководстве выше. Единственная разница здесь в том, что вы будете выбирать предопределенную форму, называемую прямоугольником со скругленными углами, а не манипулировать прямоугольником с острыми углами, чтобы получить закругленные углы.
Прямоугольник со скругленными углами на этом новом слое должен быть такого размера, как вы хотите, чтобы было ваше окончательное изображение, и расположен таким образом, чтобы захватить те части изображения, которые вы хотите захватить.
По сути, это рамка.
Но подождите, возможно, вы думаете. Я не вижу изображение под ним! Все в порядке. Не имеет значения, является ли заливка непрозрачной (как в этом примере) или цветной, просто убедитесь, что ее размер и расположение вам нравятся.
Шаг 4. Установите непрозрачность заливки на 0 %
Дважды щелкните новый слой — тот, что с прямоугольником со скругленными углами — в поле «Слои», и он должен открыть палитру стилей слоев в отдельном окне. На вкладке «Параметры наложения» должна быть область под названием «Расширенное наложение» с ползунком «Непрозрачность заливки». Установите ползунок до упора на 0%. Оставьте все как есть.
Шаг 5. Сделайте выбор на вкладке «Пути»
В блоке, в котором мы управляли слоями, должно быть три вкладки: «Слои», «Каналы» и «Пути». Выберите вкладку «Пути», убедитесь, что путь к слою с прямоугольником выделен, щелкните правой кнопкой мыши и выберите параметр «Сделать выделение». Вы можете узнать больше, посмотрев эту лекцию о работе с выделенными фрагментами, входящую в серию Photoshop CS6 Video QuickStart.
Когда появится окно с запросом настроек, вы хотите, чтобы флажок сглаживания был установлен, а радиус растушевки был установлен на 0.
Шаг 6. Скопируйте и вставьте новое изображение в отдельный документ
Выберите «Правка» > «Копировать объединенные» или нажмите Shift+Ctrl+C и откройте новый документ. Измените размер холста в соответствии с вашими требованиями, вставьте свое изображение и любуйтесь его новыми закругленными углами!
В этом уроке мы создадим фотоэффект со скругленными углами в Photoshop CC. Это эффект, который мы пытаемся создать.
Итак, давайте начнем, откройте тестовый файл, и вы заметите, что все, что у нас есть, это фоновый слой с белой заливкой и слой, содержащий фотографию, к которой мы хотим добавить закругленные углы.
Шаг 1
Выберите инструмент прямоугольника со скругленными углами (сочетание клавиш «U»), убедитесь, что вы выбрали «путь» в качестве режима инструмента, введите «20 пикселей» в качестве радиуса.
Нарисуйте прямоугольник на фотографии.
Шаг 2
Переключитесь на панель «пути» (Окно -> Пути), выберите созданный вами путь и, удерживая клавишу Command, нажмите кнопку «Добавить векторную маску» в нижней части панели.
Это добавит новую векторную маску на панель путей.
Если вы перейдете на панель слоев, вы также увидите, что к фотографии добавлена векторная маска.
И теперь ваше изображение должно выглядеть так:
Шаг 3
Чтобы добавить черную рамку толщиной 2 пикселя, дважды щелкните справа от векторной маски на панели слоев. Установите флажок «Обводка», установите размер 2 и черный цвет. Нажмите OK, и все готово.
В этом кратком уроке я покажу вам, как создать закругленные углы в Photoshop, используя несколько простых приемов маскирования и фильтров. Вы можете настроить радиус угла, чтобы получить скругленные углы краев для вашей формы, текста и т. д. Это быстрый и простой способ создать круглый угол, и вы получите отличные результаты. Вы можете использовать его для фотографий со скругленными углами, используя результат в качестве маски слоя.
Скругленные углы и сглаженные края (экшены Photoshop)
Если вы хотите сэкономить время, используйте этот бесплатный экшен Photoshop «Сглаживание краев». Вы также можете попробовать этот бесплатный экшен Photoshop «Скругленные углы», если хотите сделать изображения скругленными.
Как создать закругленные углы в Photoshop
Вы можете сделать закругленные углы в Photoshop, используя эту простую и быструю технику. Точно так же вы можете сделать сглаженные края в Photoshop.
Фигуры со скругленными углами
Вы можете создать прямоугольник со скругленными углами в Photoshop с помощью инструмента «Прямоугольник со скругленными углами». Еще одна форма с закругленными краями — это круг или эллипс. Но в Photoshop нет фильтра или другого инструмента для создания круглого угла. Например, Illustrator позволяет применять неразрушающий эффект закругленных углов практически к любому объекту. В меню «Эффекты» просто выберите «Стилизация» > «Закругленные углы».
В этом кратком руководстве я покажу вам простой способ применения закругленных углов в Photoshop к тексту, фигурам или любому другому растровому изображению. Одна вещь, которую вам нужно знать, это то, что мы должны растрировать текст и фигуры, поэтому вы не сможете редактировать их после этого.
Давайте начнем с простой векторной формы звезды с острыми углами (она отлично подходит и для прямых углов).
Теперь вам нужно растрировать фигуру; щелкните правой кнопкой мыши и выберите «Растрировать слой». Вам придется сделать то же самое, если вы используете текстовые слои.
Перейдите в меню «Фильтр»> «Размытие» и выберите «Размытие по Гауссу». Радиус размытия по Гауссу зависит от размера вашего изображения и результата, который вы хотите получить. Я выберу 5 пикселей.
Нажмите клавишу CTRL и щелкните миниатюру слоя, чтобы сделать выбор в Photoshop. Перейдите в меню «Выбор» и выберите «Уточнить край» со следующими настройками. Вы можете поэкспериментировать с параметрами Smooth и Feather, чтобы увидеть различные эффекты. Оставьте контрастность на 100.
Уточнить края в Photoshop CC
Чтобы вернуть функцию «Уточнить край» в Photoshop CC, воспользуйтесь следующей техникой.
При активном выделении или маске нажмите и удерживайте клавишу Shift и выберите «Выделение» > «Выделение и маска». Это откроет окно «Уточнить край» вместо рабочей области «Выделение и маска»!
Выберите цвет фигуры, в нашем случае желтый, и залейте выделение этим цветом. Нажмите SHIFT+F5, чтобы заполнить цветом.
Последний шаг — добавить это выделение в качестве маски слоя, вот и все. Теперь у вас есть форма звезды с закругленными углами.
Вы можете применить эту технику для создания текста со скругленными углами, как показано на изображении ниже. Вы можете создать свой собственный шрифт.
Изображения со скругленными углами
Добавьте прямоугольник со скругленными углами с помощью инструмента «Прямоугольник». Вы можете установить радиус. Я буду использовать радиус 100 пикселей, чтобы сделать прямоугольник с закругленными углами. Вы не можете изменить радиус прямоугольника после его рисования.
Затем поместите изображение над слоем с прямоугольником со скругленными углами. Щелкните правой кнопкой мыши и выберите «Создать обтравочную маску». Теперь у вас есть изображение со скругленными углами.
Экшен Photoshop «Закругленные углы» | БЕСПЛАТНАЯ загрузка
Используйте этот бесплатный экшен Photoshop «Закругленные углы», если хотите сделать закругленные изображения одним щелчком мыши!
Если у вас нет Photoshop, есть еще один способ сделать изображения со скругленными углами или круглые изображения. Обрежьте изображение, чтобы обвести его онлайн с помощью фоторедактора MockoFun, который является бесплатным онлайн-инструментом.
Учебное пособие по Photoshop с эффектом жуткого призрака
Файлы cookie Vector Photoshop
Если вы ищете потрясающие текстуры и фоны для Photoshop, загляните в Textures4Photoshop, где вы найдете более 1000 уникальных изображений. Вы можете бесплатно скачать все эти текстуры и фоны для использования в личных или коммерческих проектах!
Будь крутым чуваком!
Вашим пожертвованием вы можете помочь нам поддерживать этот веб-сайт и продолжать выпускать бесплатные ресурсы еще много месяцев! Важна любая сумма
3 комментария к "Закругленные углы в Photoshop"
Вот вам полезное руководство по созданию закругленных углов в Photoshop с использованием пользовательских форм. Это отличный совет по Photoshop для создания фигур с закругленными углами.
Читайте также: