Как сделать радиус в фотошопе
Обновлено: 24.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, чтобы объединить все видимые слои в один слой. После того, как вы объединили слои, у вас теперь есть фотография с закругленными углами, готовая к размещению на вашем макете.. все, что вам нужно сделать, это перетащить ее и бросить!
Сегодня урок окончен. Я собираюсь добавить усы своему маленькому котенку! Она будет ооочень милой! Я надеюсь, что сегодня у вас будет ужасно захватывающая ночь и счастливого Хэллоуина!
В этом уроке по Photoshop мы рассмотрим, как легко создавать закругленные углы фотографии. Как и в большинстве вещей в Photoshop, существует около 17 различных способов создания закругленных углов, но мы собираемся сделать вещи интереснее, посмотрев способ сделать это с помощью чего-то в Photoshop, о чем многие люди даже не знают — векторных масок. ! Что такое векторная маска? Что ж, если вы думаете, что слои-маски — это весело (вы действительно думаете, что слои-маски — это весело, верно?), вам понравятся векторные маски!
Любой графический дизайнер знает, что одним из способов вызвать у людей определенные чувства при взгляде на дизайн является использование форм. Различные формы по-разному влияют на нас. Одни формы кажутся теплыми, дружелюбными и веселыми, а другие кажутся холодными, жесткими и более серьезными. Вам не нужно быть экспертом по дизайну, чтобы испытать это на себе. Просто возьмите карандаш и лист бумаги, нарисуйте себе квадрат, затем круг и спросите себя, какой из них кажется вам более привлекательным. Скорее всего, если вы не относитесь к тому типу людей, которым нравится проводить субботние вечера за реорганизацией своего картотечного шкафа (хотя в этом нет ничего плохого), вы выберете круг. Люди любят круги. Это «теплые, дружелюбные и веселые» фигуры. На самом деле, это даже не обязательно должен быть полный круг. Вы можете взять квадрат или прямоугольник с его резкими, прямыми углами, которые обычно не кажутся нам очень забавными, вместо этого придать ему закругленные углы, и вдруг это станет душой вечеринки!
Хорошо, возможно, это немного преувеличение, но закругленные углы определенно кажутся нам более привлекательными, чем острые прямые углы. Немного жаль, что каждый раз, когда мы делаем фотографию, даже если это фотография детского дня рождения с воздушными шарами и праздничными шляпами, фотография все равно заканчивается острыми углами. Это может быть хорошо, если мы просто печатаем фотографии, но что, если мы хотим использовать фотографию в дизайне или коллаже? Как нам превратить эти острые углы в круглые?
Ответ? Очень легко, особенно когда мы используем векторную маску! На самом деле, мы можем не только придать фотографии
закругленные углы, но и полностью контролировать степень их закругления!
Вот изображение, которое я буду использовать в этом уроке Photoshop:
Давайте посмотрим, как легко скруглить эти углы!
Это руководство из нашей серии фотоэффектов. Начнем!
Шаг 1. Добавьте маску слоя
Я открыл новый пустой
документ Photoshop, залил слой Фон черным цветом, чтобы нам было легче видеть, что происходит, а затем перетащил свою фотографию в новый документ. документ. Мы можем увидеть документ здесь, показывающий фотографию на черном фоне:
И если мы посмотрим на палитру «Слои», мы увидим, что фотография находится на собственном слое «Слой 1» над слоем Фон:
Палитра «Слои» в Photoshop, показывающая фотографию на «Слое 1» над фоновым слоем, который заполнен черным цветом.
Выбрав «Слой 1» или любой другой слой, на котором находится ваша фотография, щелкните значок «Маска слоя» в нижней части палитры «Слои»:
Похоже, что в вашем документе ничего не произошло, но если мы посмотрим на слой в палитре слоев, мы увидим, что теперь у нас есть миниатюра маски слоя справа от миниатюры предварительного просмотра слоя:
Мы не будем рассматривать маски слоя в этом уроке, поскольку мы не будем их использовать, но если вы хотите узнать больше о масках слоя, обязательно ознакомьтесь с нашим полным руководством по маскам слоя в разделе «Основы Photoshop». .
Шаг 2. Добавьте векторную маску
Хорошо, если мы не собираемся использовать маску слоя, почему мы просто добавили ее? Ну, мы собираемся сделать то, что многие люди никогда не делают. Мы увидим то, что многие никогда не увидят. Почему? Потому что мы не "много людей". Мы отличаемся от них. Эти люди нажимают на значок один раз, смотрят, что он делает, а затем вздремнуть.Им никогда не приходит в голову, что, может быть, просто может быть, если они нажмут на тот же самый значок в второй раз, есть по крайней мере небольшой шанс, что что-то другое может случиться! И это очень плохо для них, потому что в этом случае произойдет что-то другое!
Я знаю, это звучит безумно, но теперь, когда мы добавили нашу маску слоя, нажмите еще раз на тот же самый значок маски слоя:
Если в настройках Photoshop включен параметр «Показывать подсказки», возможно, вы уже заметили некоторые отличия, когда навели указатель мыши на значок. Подсказка больше не говорит «Добавить маску слоя», как обычно. Вместо этого теперь он говорит «Добавить векторную маску», и как только мы нажмем на значок, если мы посмотрим на слой в палитре слоев, мы получим то, что кажется миниатюрой маски второго слоя справа от первого. . Разница в том, что это не миниатюра маски второго слоя. Это миниатюра векторной маски:
Миниатюра маски слоя слева и миниатюра векторной маски справа выглядят одинаково, но между маской слоя и векторной маской есть большая разница. Оба используются для отображения и скрытия разных частей слоя, но то, как они это делают, совершенно разные. С маской слоя мы рисуем на ней, обычно с помощью инструмента «Кисть», чтобы сделать разные части маски либо белыми, либо черными, либо каким-то промежуточным оттенком серого. Белый цвет делает эту часть слоя видимой, черный скрывает ее, а серый делает эту область частично видимой в зависимости от того, насколько светлым или темным является оттенок серого.
С другой стороны, векторные маски вообще не требуют рисования. Фактически, вы не можете рисовать на них, потому что Photoshop не позволяет вам это делать. Вместо этого мы используем фигуры, чтобы контролировать, какие части слоя видимы или скрыты. На самом деле, прямо сейчас мы собираемся использовать фигуру для создания закругленных углов!
Шаг 3. Выберите инструмент «Прямоугольник со скругленными углами»
После добавления нашей векторной маски перейдите в палитру инструментов и выберите инструмент «Прямоугольник со скругленными углами» . По умолчанию он вложен в обычный инструмент «Прямоугольник», поэтому щелкните инструмент «Прямоугольник» и удерживайте кнопку мыши в течение секунды или двух. Вы увидите всплывающее меню. Выберите инструмент «Прямоугольник со скругленными углами» из списка:
Нажмите и удерживайте кнопку мыши на инструменте "Прямоугольник" в палитре "Инструменты", затем выберите "Инструмент "Прямоугольник со скругленными углами"" в появившемся всплывающем меню.
Не путайте эти инструменты с инструментами выделения в верхней части палитры инструментов, такими как прямоугольное выделение или эллиптическое выделение. Это инструменты выделения, и они используются для перетаскивания выделения. Инструменты, которые мы здесь выбираем, относятся к инструментам «Фигура» и используются для рисования фигур.
Выбрав инструмент «Прямоугольник со скругленными углами», перейдите на панель параметров в верхней части экрана. Вы увидите группу из трех значков слева. Эти три значка определяют, как будет работать наш инструмент Shape. Мы хотим рисовать фигуры с помощью нашего инструмента «Фигура» (звучит довольно очевидно, не правда ли?), поэтому щелкните значок слева, который является значком слоев «Фигура»:
Затем, если вы продвинетесь дальше вправо, вы перейдете к параметру Радиус. Этот параметр определяет, насколько закругленными будут наши углы. Чем выше число, тем более округлыми они будут. Меньшее число, менее округленное. Простые вещи. Проблема в том, что вы никогда не будете точно знать, какое число ввести для значения радиуса, пока не попробуете его, не начнете рисовать фигуру, не посмотрите, насколько закруглены углы, а затем не решите, довольны ли вы результатом. или угол должен быть более или менее округлен. Обычно я начинаю со значения где-то между 10-20 пикселями, затем растягиваю свою форму и решаю, нравятся ли мне углы. Обычно я этого не делаю, и вы, вероятно, тоже не будете с первой попытки, поэтому просто введите значение для начала, растяните фигуру, и если вас не устраивает округлость углов, просто нажмите Ctrl. +Z (Win)/Command+Z (Mac), чтобы отменить фигуру, затем введите другое значение в поле «Радиус» и повторите попытку.
Я уже экспериментировал с этим несколько раз и знаю, что значение радиуса около 30 пикселей даст мне нужные углы, поэтому я введу "30 пикселей" ("px " означает "пиксели") в параметр "Радиус":
Шаг 4. Выберите миниатюру векторной маски в палитре слоев
У нас выбран инструмент «Прямоугольник со скругленными углами», мы выбрали параметр «Формирование слоев» в палитре «Слои» и ввели значение «Радиус», которое будет определять, насколько закругленными будут наши углы. Мы готовы растянуть нашу форму. Однако сначала нам нужно убедиться, что векторная маска выбрана, поэтому вернитесь в палитру слоев и щелкните миниатюру векторной маски, чтобы выбрать ее. Вы увидите, что вокруг миниатюры появится белая рамка, которая сообщает нам, что выбрана векторная маска:
Нажмите на миниатюру векторной маски в палитре слоев, чтобы выбрать ее. Вокруг миниатюры появится белая рамка выделения.
Шаг 5. Перетащите фигуру
Все, что нам нужно сделать, это растянуть фигуру. Хотя это будет выглядеть так, как будто мы рисуем фигуру на самом изображении, на самом деле мы рисуем ее на векторной маске, и когда мы закончим, останется только часть нашей фотографии. видимая область внутри фигуры. Все, что находится за пределами формы, будет скрыто. Идите вперед и перетащите форму прямоугольника со скругленными углами. Если вы хотите сохранить все на фотографии и просто закруглить углы, начните с верхнего левого угла фотографии и перетащите мышь вниз в правый нижний угол. Если вы предпочитаете использовать фигуру, чтобы обрезать часть фотографии, а также придать ей закругленные углы, просто перетащите фигуру вокруг области, которую хотите сохранить.
Если вам нужно изменить положение фигуры во время перетаскивания, удерживайте нажатой клавишу пробела , а затем перетащите фигуру на новое место. Когда закончите, отпустите пробел и продолжайте перетаскивать фигуру.
Здесь я вытащил прямоугольник со скругленными углами прямо внутри краев фотографии. Вы можете увидеть закругленные углы формы, которые через мгновение станут закругленными углами самой фотографии:
Нажмите и перетащите прямоугольник со скругленными углами внутри документа. Любые области фотографии, выходящие за пределы фигуры, будут скрыты векторной маской.
Отпустите кнопку мыши, когда форма вас устроит, и ваша фотография сразу же "маскируется" под форму благодаря векторной маске, а углы фотографии теперь закруглены:
Теперь фотография маскируется формой прямоугольника со скругленными углами благодаря векторной маске, а углы фотографии теперь выглядят закругленными.
Давайте закончим, добавив границу к нашей фигуре.
Шаг 6. Добавьте белую обводку, чтобы создать фоторамку
То, что углы нашей фотографии теперь закруглены, не означает, что мы не можем добавить к ней рамку фотографии. Это просто означает, что углы границы также будут закруглены! Чтобы добавить границу, щелкните значок «Стили слоя» в нижней части палитры «Слои»:
Затем выберите «Обводка» в нижней части появившегося списка стилей слоя:
Откроется диалоговое окно «Стиль слоя Photoshop», для которого в среднем столбце установлены параметры «Обводка». Я собираюсь увеличить размер обводки примерно до 16 пикселей. Вы можете установить другое значение в зависимости от размера и разрешения вашего изображения. Я оставлю для параметра «Положение» значение «Снаружи», что позволит разместить обводку полностью за пределами краев фигуры. Наконец, я собираюсь щелкнуть образец цвета для параметра «Цвет» внизу, который по умолчанию установлен на красный (потому что Adobe считает, что все, естественно, хотят красный цвет в качестве цвета обводки), и из появившейся палитры цветов, Я собираюсь выбрать белый цвет в качестве цвета обводки. Нажмите OK, чтобы выйти из палитры цветов после выбора белого цвета:
Когда закончите, нажмите "ОК", чтобы выйти из диалогового окна "Стиль слоя" и применить обводку! Вот мой окончательный результат после применения обводки для создания границы фотографии:
И вот оно! Вот как невероятно легко придать фотографии скругленные углы в Photoshop с помощью векторной маски и инструмента «Прямоугольник со скругленными углами»! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!
Существует множество причин, по которым дизайнер может закруглить углы изображения, а не оставлять их под острыми углами в 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, и все готово.
Читайте также: