Как сделать квадрат с закругленными углами в фотошопе: Работа с инструментом «Прямоугольник» в Photoshop
Содержание
3 способа как в фотошопе нарисовать квадрат и прямоугольник
Хоть квадрат и прямоугольник это простейшие геометрические фигуры, но, чтобы их нарисовать в фотошопе, нужно приложить некоторые усилия и обладать базовыми знаниями. Новичок без должной подготовки, скорее всего, не справится с этой задачей.
В этой статье разберем 3 самых популярных способа как нарисовать прямоугольник или квадрат в фотошопе.
Но прежде, чем приступить к выбору способа рисования, нужно определиться с будущими параметрами. Прямоугольник/квадрат может быть:
- залит сплошным цветом или только с отрисовкой границ;
- произвольный или с точно заданными размерами;
- с возможностью в любое время менять его размеры без потери качества.
Способ 1. Инструмент произвольная фигура
В этом способе прямоугольник или квадрат будут нарисованы залитым сплошным цветом. Если вам нужна только граница, переходите к следующим двум способам.
На панели инструментов выберите инструмент Произвольная фигура.
Дальше возможны два варианта развития событий:
Вариант 1. Квадрат или прямоугольник с дальнейшей возможностью изменять размеры без потери качества
Здесь, конечно, подразумевается использование векторной фигуры. Чтобы ее нарисовать нужно выбрать параметр Слой-фигура:
В дальнейшем вы можете без потери качества изменять размеры этой фигуры. Для этого используйте инструмент Свободное трансформирование — Ctrl+T, и с помощью угловых маркеров изменяйте размер.
Для тех кто не знает: векторные фигуры состоят не из пикселей, а из специальные математических формул. Поэтому изменение размера — это не процесс растягивания/сжатия пикселей, а сложный математический пересчет, за счет чего не происходит никакой потери качества.
Вариант 2. Стандартный (растровый) квадрат/прямоугольник
Чтобы нарисовать сразу растровую фигуру используйте на панели параметров настройку Выполнить заливку пикселов. Но прежде чем начать ее рисовать — создайте новый слой!
Но на самом деле можно рисовать сразу и векторный, а потом просто растрировать его.
Тут уже выбирайте сами.
Как сделать прямоугольник квадратным
Обыкновенное правило с зажатой клавишей Shift с произвольными фигурами не работает. Поэтому нужно воспользоваться панелью параметров инструмента и выбрать настройку, чтобы фотошоп рисовал именно квадрат.
В этой же панели, обратите внимание, вы можете указать точный размер необходимого прямоугольника/квадрата или рисовать его по заранее определенным пропорциям.
Совет
По умолчанию размеры определяются пикселями. Если вы хотите изменить единицу измерения, сначала введите в поле какое-либо значение, а затем кликните по нему правой кнопкой мыши. Появится окно выбора единиц измерения. Доступно: пиксели, дюймы, сантиметры, миллиметры, пункты и пики.
Прямоугольник или квадрат со скругленными углами
Чтобы получить фигуру со скругленными углами, делайте все то же самое, что описано выше, но в самом начале выберите инструмент Прямоугольник со скругленными краями.
На панели параметров инструмента нужно будет указать только радиус закругления.
Способ 2. Обводка выделенной области
Этот способ простой, как 5 копеек. выберите инструмент Прямоугольная область и нарисуйте прямоугольник пунктирной линией. Чтобы нарисовать квадрат удерживайте нажатой клавишу Shift.
Теперь нужно сделать обводку границ этой выделенной области. Для этого перейдите в Редактирование — Выполнить обводку.
Затем в новом окне настройте вид обводки: укажите толщину рамки, желаемый цвет и отметьте как будет проходить обводка:
- Внутри — значит рамка ляжет по внутренней стороне выделенной области;
- По центру — значит рамка разделится поровну на часть проходящую внутри выделения и на часть со внешней стороны;
- Снаружи — значит рамка будет огибать пунктир выделения.
Вот как может получиться:
На скриншоте выше я специально не убрал пунктирную линию, поскольку у вас она также не исчезнет.
Чтобы окончательно от нее избавиться нажмите Ctrl+D.
В этом способе, чтобы нарисовать фигуру точного размера, нужно сперва на панели параметров инструмента Прямоугольная область указать Стиль — Заданный размер или Заданные пропорции. После этого станут активными поля, куда введите значения ширины и высоты в пикселях. Кликом правой кнопкой мыши по одному из этих полей вызовет меню изменения единиц измерения.
Способ 2.1 Закрашивание выделения
Самый банальный способ рисования прямоугольника — нарисовать рамку выделения (как описано выше) и просто закрасить ее любым цветом. Вот вам и прямоугольник или квадрат.
Способ 3. Модификация выделения
На самом деле этот способ мне меньше всего нравится из-за очевидного минуса — углы прямоугольника будут подрезанными, а сама граница рамки в состоянии растушевки и повлиять на эти факты не представляется возможным.
Итак, нужно вновь выбрать инструмент Прямоугольная область, нарисовать рамку будущего прямоугольника или квадрата (с клавишей Shift), а затем отправляемся в меню Выделение и выбираем команду Модификация — Граница.
Появится новое окно, в котором, в нашем случае, мы указываем ширину границы прямоугольника. Допустим, укажу 7 пикселей. Получим такой результат:
А теперь нужно просто закрасить получившуюся рамку. Для этого подойдет инструмент Кисть. Здесь, кстати, можно подойти к вопросу более творчески и закрасить, например, разными цветами. Результат:
Останется только снять выделение — Ctrl+D. Думаю этот способ подходит только для своих редких специфических задач, поскольку растушевка и подрезанные углы только все портят.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
Как закруглить острые углы в Фотошоп / Creativo.one
В этом кратком уроке я вам покажу, как вы можете cделать закругленные углы в Photoshop при помощи простых методов маскировки и фильтров.
Вы сможете настраивать радиус угла так, чтобы закруглить край вашей фигуры, текста и т.
д. Это быстрый и простой метод, который позволит создавать закругленные углы. Для их создания вы можете использовать слой-маску.
Скачать архив с материалами к уроку
Используя ряд простых шагов в Photoshop, вы сможете сделать прямоугольник с закругленными углами. В Photoshop нет фильтра или какого-нибудь инструмента, чтобы сразу сделать круглый угол, но вы можете сделать это с помощью Illustrator. Он позволит вам создавать эффект закругленного угла практически для каждого объекта. В нем вам нужно перейти в меню Эффекты > Стилизация > Скругленные углы (Effects > Stylize > Rounded Corners).
Шаг 1
В этом быстром уроке я покажу вам простой метод, который позволит получить закругленные углы уже в Photoshop, используя растрированный текст, форму или какое-либо изображение. Возьмём векторное изображение звезды с острыми углами (этот метод будет хорошо работать так же и с прямыми углами).
Шаг 2
Теперь вам нужно растрировать слой. Для этого кликнете правой кнопкой мыши по миниатюре слоя звезды в палитре слоев и в контекстном меню выберите Растрировать слой (Rasterize Layer). То же самое вы должны сделать, если используете текстовый слой.
Шаг 3
Перейдите в меню Фильтр > Размытие (Filter > Blur) и выберите Размытие по Гауссу (Gaussian Blur). Радиус размытия будет зависеть от размера вашего изображения и от результата, который вы хотели бы получить. Я выберу радиус 5 пикселей.
Шаг 4
Зажав клавишу «Ctrl», кликните мышкой на миниатюру слоя, чтобы активировать выделение изображения. Далее переходим в меню Выделение и выбираем Уточнить край (Select > Refine Edge). Вы можете поэкспериментировать с параметрами Сглаживания (Smooth) и Растушевки (Feather), чтобы подобрать нужный эффект.
Контрастность (Contrast) сделайте 100.
Шаг 5
Возьмите цвет фигуры, в нашем случае это желтый цвет и залейте все выделение этим цветом. Вы можете это сделать, нажав комбинацию клавиш «Shift + F5».
Шаг 6
Не снимая выделение, вы должны добавить слой-маску, нажав на значок, который находится внизу палитры слоев. Вот и все, теперь у звезды закругленные углы.
Такой же метод вы можете применить для создания текста с закругленными углами, как показано на изображении ниже. Теперь вы можете придумать свой собственный шрифт.
Автор урока: psddude
Источник:
www.psd-dude.com
Можно ли изменить радиус скругленного прямоугольника в Photoshop?
Если у вас уже есть свой прямоугольник и вы хотите добавить несколько круглых углов, вы можете сделать это следующим образом:
Если вам нужно уменьшить радиус (угол меньше скруглен), проще всего использовать направляющие для трассировки нового прямоугольника с помощью «инструмента выбора прямоугольника», выполните следующие шаги и используйте этот новый меньший радиус угла в качестве маски слоя на вашем больший угловой радиус прямоугольника .
.. и заполните форму.
Если у вашего прямоугольника была текстура , вам, возможно, понадобится использовать инструмент «Штамп» и заполнить эти новые углы. Вот где использование маски слоя полезно.
Если у вас есть много прямоугольников с закругленными углами для настройки , вы можете просто скопировать только что созданную маску слоя и применить ее к другим прямоугольникам. Маска слоя также может быть изменена.
Если вы ранее не использовали маску слоя на прямоугольнике с круглым углом, вы не можете «изобретать» пиксели; вам нужно как-то добавить их обратно.
Чтобы исправить прямоугольники и квадраты с закругленными углами непосредственно в Adobe Photoshop, вы можете создать новый прямоугольник с закругленными углами и использовать его на маске слоя, чтобы помочь вам заполнить угол, чтобы он стал меньше.
1) Выберите «Rectangle Marquee Tool» и нарисуйте прямоугольник нужного вам размера на новом слое
2) Зайдите в меню «Выбрать», затем «Изменить», затем «Сглаживать»
3) Введите значение радиуса угла, который вы хотите для вашего прямоугольника или квадрата.
4) Добавьте этот новый прямоугольник к маске слоя на слое, где находится исходный прямоугольник , и используйте «Инструмент штампа клонирования», чтобы заполнить новые углы или просто залить его сплошным цветом.
Другой способ — просто создать его в Adobe Illustrator, скопировать / вставить фигуру на слой в Photoshop … и использовать его в качестве маски слоя. Вам все равно нужно будет заполнить недостающие части угла, как указано выше.
1) Нажимайте на «Инструмент Прямоугольник», пока не увидите меню, предлагающее вам другие формы. Выберите «Rounded Rectangle Tool».
2) Нажмите один раз на свой холст (не обводите прямоугольник), и появятся некоторые параметры.
Вы можете ввести свой угловой радиус и размер вашей фигуры, если хотите.
Если вы не знаете, какой размер вы хотите , вы все равно можете выбрать угловой радиус, создать эту форму и затем удалить ее.
Затем обведите свой прямоугольник, как вы хотите; это быстрый способ установить угловой радиус следующих прямоугольников, которые вы проследите!
Если вы на самом деле не заботитесь о точном измерении радиуса угла или просто не знаете, какое значение использовать , вы можете просто обвести свой прямоугольник или квадрат и щелкнуть маленькую точку в углах; перетащите их, чтобы настроить угол на нужную форму.
Вы также можете импортировать свое прямоугольное изображение в Photoshop, если хотите визуально отрегулировать новый круглый угол и сделать это в Illustrator. Изображение Photoshop будет служить только ориентиром.
3) Как только вы закончите, вы можете просто скопировать и вставить этот новый прямоугольник с круглым углом в ваш файл Photoshop на маску слоя, примененную к вашей предыдущей фигуре. Затем вам нужно будет заполнить эту форму с помощью «Clone Stamp Tool» или сплошным цветом, чтобы заполнить эти новые углы.
Закругление краев в фотошопе.
Как закруглить углы на изображении в фотошопе? А как сделать только, например, один закругленный угол
На некоторых сайтах, в дизайне которых нет острых углов, иллюстрации в статьях и новостях также имеют закругленные края. Очень часто веб-дизайнеры не задумываются над тем, что делать такие иллюстрации с закругленными углами владельцу сайта будет сложно, у него не обязательно есть нужные знания Photoshop
. Впрочем, заказчик сайта сам виноват. Требуя, чтобы все было красиво, он часто не задумывается над тем, как он потом будет добавлять изображения с заокругленными краями в статьи и новости на своем сайте.
В этом уроке Photoshop
мы увидим как просто закруглить углы рисунка на примере аватарки, не ограничиваясь толщиной в 1px
:
Когда мне впервые было нужно закруглить углы в иллюстрации для сайта, ответ для меня был неочевиден. Я погуглил и наткнулся на пару переводных инструкций, которые были слишком заумными для новичка – мучиться с каналами, путями, размытием, направляющими и прочими инструментами для продвинутых пользователей Photoshop
даже профессионалу лень, а для новичка такой процесс может показаться непонятным и нудным.
Немного подумав, я нашел свой способ как быстро и просто закруглить края нужного мне рисунка.
Закругляем все углы рисунка с помощью формы Photoshop
Допустим, нужно сделать с закругленными краями. При этом у вас нет аналогичного изображения со сглаженными краями. Предлагая вам очень простой, но очень подробно описанный и иллюстрированный урок Photoshop как новичку сделать картинку с закругленными углами
.
1.
Открываем Фотошоп. В уроке используется моя любимая версия Adobe Photoshop CS3
, но подойдет и любая другая версия, установленная на вашем компьютере.
2.
Открываем исходный рисунок, края которого мы будем закруглять. Если рисунок отличается по размеру и форме от того, который нам нужен, нужно и/или в Фотошопе перед началом закругления углов.
3.
Нажимаем на клавиатуре Ctrl+A
чтобы выделить весь рисунок, затем нажимаем Ctrl+C
, чтобы его скопировать. Открываем новое окно в Фотошопе (Ctrl+N
) и вставляем в него скопированный рисунок (Ctrl+V
).
При этом фон в новом окне должен быть либо , либо того цвета, который должен окружать рисунок с закругленными краями на сайте.
4.
Создаем новый слой (Ctrl+Shift+N
). И в этом новом слое с помощью инструмента Rounded Rectangle Tool (U)
рисуем квадрат или прямоугольник нужного размера:
5.
Цвет фона нарисованного прямоугольника не имеет значения. Параметр Radius
, характеризующий степень закругленности угла, для этого урока равен 8
, но вы можете изменить его по своему усмотрению:
6.
Нарисованную в новом слое фигуру можно двигать с помощью стрелок на клавиатуре. Ее форму можно менять, нажав на клавиатуре Ctrl+T
и растягивая затем фигуру с помощью мыши. Если тянуть за угол, удерживая клавишу Shift
, размер фигуры будет меняться пропорционально. В результате всех этих действий мы добьемся того, что фигура с заокругленными краями будет такого размера и формы, которые нам нужны:
7.
Удерживая клавишу Ctrl
кликаем по превью слоя в панели слоев Layers
(у нас это красный квадрат). Это позволит нам выделить красный прямоугольник с закругленными углами, о чем свидетельствует появившаяся пунктирная линия по его границе:
8.
В панели слоев Layers
переходим на нижний слой с основным изображением и нажимаем комбинацию Ctrl+Shift+I
(или Select -> Inverse
в главном меню Photoshop). Это позволит выделить область, которая лежит за пределами красного квадрата с закругленными уголками.
9.
Нажимаем на клавиатуре клавишу Delete
, чтобы удалить эту ненужную нам часть основной картинки. После этого делаем невидимым верхний слой с красным квадратом (в панели Layers
нажимаем на иконку глаза возле слоя с красным квадратом). Нажимаем на клавиатуре M
и кликаем в любом месте на холсте рисунка, чтобы снять выделение на готовом изображении аватарки с закругленными углами. Если фон мы установили прозрачным, получим следующее:
10.
Рисунок без острых углов готов. Можно и использовать как аватарку или иллюстрацию на сайте.
Если делать картинки с закругленными углами нужно часто и они все одного размера и стиля, логичным будет сохранить результат этого урока Photoshop
в формате PSD
, чтобы слои остались доступными для редактирования. Тогда процесс создания новых картинок без острых углов упростится до выделения контура готовой картинки, инвертирования выделения и удаления ненужной части новой картинки.
Если нужно закруглить только один угол рисунка, а остальные при этом должны остаться острыми, вышеописанная инструкция тоже отлично подойдет для использования. Для этого достаточно сделать с помощью комбинации Ctrl+T
размеры красного прямоугольника больше, чем редактируемая картинка. При этом края красного квадрата будут заканчиваться за пределами холста и такой прямоугольник можно наложить на рисунок так, чтобы только один угол накладывался на видимую область рисунка, а остальные остались за его пределами. С помощью инвертирования и удаления выделенной части рисунка мы закруглим только один нужный угол картинки, а остальные углы останутся острыми. Аналогично можно быстро и просто закруглить любое количество углов любого изображения.
Также для создания картинки с неровными краями или любыми другими подобными эффектами можно использовать картинку с такими неровными краями или закругленными углами, скачанную с какого-нибудь сайта. При этом нужно удалить фон, не относящийся к картинке, например, с помощью инструмента Magic Wand Tool (W)
.
Узнать больше про продвижение мобильных приложений вы можете на сайте advertmobile.net. Этот сервис предлагает мотивированные установки в больших объемах для разработанного вами приложения, а также их грамотную раскрутку в App Store и Google Play.
Доброго всем утра, дня, вечера или ночи. С вами снова и опять Дмитрий Костин. Как-то я просматривал разные картинки и тут мне приглянулись некторые из них. А приглянулись он тем, что у них были закруглены края. Сразу как-то интереснее смотрится. Вы не находите? И поэтому в сегодняшнем уроке я хотел бы вам рассказать, как закруглить углы в фотошопе, чтобы фото смотрелось поинтереснее.
Вот чем я люблю фотошоп, так это тем, что во многих случаях одно и тоже дело можно сделать несколькими способами. Так и здесь. Давайте приступим к нашему фотошопству.
Простое сглаживание
Сглаживание с использованием границ
Этот способ похож на предыдущий, но всё же сильно отличается. Проделывать всё будем с тем же самым изображением.
С помощью создания фигуры
Вот третий способ уже кардинально отличается от двух предыдущих. Так что передохните пару секунд и едем дальше. Изображение менять не буду и опять загружу эту машину в фотошоп.
Вы видите, что у вас в итоге получилось? Картинка стала с загругленными краями, а все из-за того, что она отображается только так, где стоит наш нарисованный закругленный прямоугольник. Но теперь вы можете обрезать лишний фо с помощтю инструмента»Рамка», либо же сразу сохранить картинку и у вас уже будет отдельное изображение с закругленными углами.
Попробуйте проделать все сами, а заодно и скажете, какой из представленных способов болле предпочтителен вам.
И кстати, если у вас есть пробелы в фотошопе или вы его просто хотите полностью изучить в кратчайшие сроки, то очень рекомендую вам посмотреть один замечательный курс по фотошопу для начинающих
. Курс отлично сделан, рассказано и показано всё просто великолепно и каждый материал разбирается очень подробно.
Ну а на сегодня я свой урок заканчиваю. Не забудьте подписаться на новые статьи и поделитесь этим со своими друзьями. Рад был вам на моем блоге. Жду вас снова. Пока-пока.
С уважением, Дмитрий Костин
Доброго всем утра, дня, вечера или ночи. С вами снова и опять Дмитрий Костин. Как-то я просматривал разные картинки и тут мне приглянулись некторые из них. А приглянулись он тем, что у них были закруглены края. Сразу как-то интереснее смотрится. Вы не находите? И поэтому в сегодняшнем уроке я хотел бы вам рассказать, как закруглить углы в фотошопе, чтобы фото смотрелось поинтереснее.
Вот чем я люблю фотошоп, так это тем, что во многих случаях одно и тоже дело можно сделать несколькими способами. Так и здесь. Давайте приступим к нашему фотошопству.
Простое сглаживание
Сглаживание с использованием границ
Этот способ похож на предыдущий, но всё же сильно отличается. Проделывать всё будем с тем же самым изображением.
С помощью создания фигуры
Вот третий способ уже кардинально отличается от двух предыдущих. Так что передохните пару секунд и едем дальше. Изображение менять не буду и опять загружу эту машину в фотошоп.
Вы видите, что у вас в итоге получилось? Картинка стала с загругленными краями, а все из-за того, что она отображается только так, где стоит наш нарисованный закругленный прямоугольник. Но теперь вы можете обрезать лишний фо с помощтю инструмента»Рамка», либо же сразу сохранить картинку и у вас уже будет отдельное изображение с закругленными углами.
Попробуйте проделать все сами, а заодно и скажете, какой из представленных способов болле предпочтителен вам.
И кстати, если у вас есть пробелы в фотошопе или вы его просто хотите полностью изучить в кратчайшие сроки, то очень рекомендую вам посмотреть один замечательный курс по фотошопу для начинающих
. Курс отлично сделан, рассказано и показано всё просто великолепно и каждый материал разбирается очень подробно.
Ну а на сегодня я свой урок заканчиваю. Не забудьте подписаться на новые статьи и поделитесь этим со своими друзьями. Рад был вам на моем блоге. Жду вас снова. Пока-пока.
С уважением, Дмитрий Костин
25.07.2016 27.01.2018
В этом уроке вы узнаете, как в фотошоп сгладить острые углы у фигур.
Для начала, давайте создадим фигуру. Сделать это можно, выбрав в панели инструментов инструмент Произвольная фигура (Custom Shape Tool). Горячая клавиша вызова подменю инструментов для создания векторных фигур — U.
Для того, чтобы этот инструмент стал активным, есть два способа:
1. С зажатой клавишей Shift щелкнуть по группе инструментов и откроется подменю для выбора нужного инструмента;
2. Длинное нажатие левой кнопки мыши по группе инструментов также откроет подменю.
Загружаем в фотошоп все имеющиеся фигуры (щелкаем по миниатюре фигуры в верхней панели и нажимаем на «шестеренку» справа для открытия дополнительных настроек):
Из выпадающего списка выбираем фигуру с острыми уголками, например, такую звездочку с 10 углами:
При создании фигуры не забываем удерживать клавишу
Shift
— это поможет сохранить пропорции.
Теперь необходимо растрировать фигуру — щелчок правой клавишей мыши по слою с фигурой-Растрировать слой.
Радиус подбираем в зависимости от размера холста и желаемого результата, я выбрала 6 пикселей.
Теперь нам нужно загрузить выделение слоя с фигурой, для этого с зажатой клавишей
Ctrl
щелкните по миниатюре слоя
с фигурой на панели слоев.
При активном выделении нажимаем кнопку «Уточнить край» (Refine Edge
):
Откроется меню настроек, в котором нам нужно параметр Растушёвка (Feather)
оставить на 0
, а параметр Контрастность (Contrast)
увеличить максимально, до 100%.
Параметр Сгладить (Smooth)
настраиваем на свой вкус, именно он поможет скруглить углы фигуры. В случае с 10-гранной звездой я его выставила на максимум, у вас же могут быть совсем другие настройки.
В параметре Вывод в …
оставляем настройку, установленную по умолчанию — выделение
.
Нажимаем клавишу Enter для применения настроек. Создаем новый слой и при помощи инструмента Заливка (Paint Bucket Tool)
или перейдя в меню Редактирование-Выполнить заливку
заливаем выделение нужным цветом, например, черным
, как на исходной фигуре. Отключаем видимость исходного слоя с фигурой и получаем вот такую фигуру со скругленными углами:
Вот и все. В этом уроке мы научились скруглять углы у фигур в фотошоп. Надеюсь, урок был вам полезен.
1 голос
Доброго времени суток, уважаемые начинающие разработчики сайтов. Наконец-то я перехожу к рассказам о том, какие методы использовать для создания крутых сайтов. Сегодня я поведаю как за несколько минут обработать фотографию и тем самым сделать портал красивее, а длительность посещений существенно больше. Не верите? А зря…
С момента появления продающих сайтов крупные компания вплотную начали изучение вкусов аудитории. Какие-то свои открытия они тщательно стараются скрывать, так как приемы работают слишком хорошо, а другие утаить довольно сложно, используются они слишком уж часто.
К ровным, прямоугольным фотографиям все уже давно привыкли. Они используются, когда речь идет о серьезном бизнесе, занимающимся ответственными делами.
Когда компания или услуга попроще, то и картинки с плавными переходами можно увидеть гораздо чаще. Вы можете убедиться в этом на любой хорошей продающей странице, которая будет являть собой собрание лучших приемов журналистики, маркетинга и психологи.
Сегодня вы узнаете все методы как в фотошопе закруглить углы. В случае если вы думаете о том, чтобы удержать внимание и расположить к себе, то используйте обтекаемые формы, а если делаете серьезный портал и хотите создать между собой и читателем некий барьер, то лучше использовать прямоугольные изображения: «Мы серьезные ребята, хотите качество – к нам».
Быстрый способ закруглить фотку
Итак, работать будем в фотошопе. Открываем изображение.
Находим инструмент «Прямоугольник со скругленными углами».
Если не можете его отыскать, то удерживайте пару секунд левую клавишу мыши на кнопках меню, чтобы у вас открылись дополнительные опции.
Не важно какой цвет вы выберете. Тащите объект по картинке, чтобы нужная вам область была внутри фигуры.
Обратите внимание на свойства. Можете «поиграть» с показателями, указанными на картинке, и загнуть края сильнее. Введи свое число и жмите enter, чтобы увидеть результат. Когда он вас удовлетворит, нажмите enter повторно.
Теперь, удерживая кнопку CTRL, кликните по центру слоя, в котором находится только что нарисованный вами прямоугольник. Будьте внимательны, если тыркнете по тексту, то ничего не произойдет. Нажимать нужно именно в центр иконки с миниатюрным изображением.
Теперь убираем видимость. Для этого щелкните по «глазу» рядом со слоем.
Переходим к работе со слоем, выделите его: нажмите мышкой хоть по тексту, хоть по иконке. Не важно. Не пропустите этот шаг, иначе волшебства не произойдет.
Готово. Если вы собираетесь выставлять картинку на сайт, то можно ее сохраните, главное не ошибитесь с форматом.
Вам нужен именно png.
В этом случае края с шашкой будут прозрачными. Выберите jpeg и их заменит непривлекательная белая рамка.
Вы также можете добавить эту картинку на фото. В этом случае сохранять и открывать заново не обязательно.
Просто выделяете ее (Ctrl+A) затем копируете (Ctrl+C) и вставляете в другое изображение (Ctrl+V).
Скругление для дизайнеров, ускоряем процесс работы над проектом
Допустим, вы работаете над каким-то важным крутым проектом. Все уже почти готово и вы хотите посмотреть, как оно будет выглядеть со скругленными углами. Не обязательно открывать по сто тысяч вкладок: обрезать — вставлять и так далее. Все можно сделать гораздо быстрее и проще.
Вот посмотрите на мой пример. Кстати, если хотите, то можете скачать этот psd- файл, открыть его фотошопом и попрактиковаться (скачать
).
Выделяем нужный нам слой. Я собираюсь работать с большим изображением совы. Поэтому зажимаю Ctrl и кликаю на центру миниатюрного изображения этого слоя. Не по тексту или глазу. По картинке с картинкой. Простите за тавтологию.
Первым делом ставим галочку напротив «применить эффект на границах». Затем ставим радиус.
К сожалению, придется выбирать на глаз. Здесь, как правило, ставят 15. Это стандарт, но, как вы понимаете, от него можно отходить.
Подбираем идеальный вариант.
Затем во вкладке «Выделение» находим «Инверсия».
Нажимаем кнопочку «del» на клавиатуре и готово.
Чтобы убрать ползающих муравьев по краям нужно нажать одновременно Ctrl и D.
Если вам понравились эти уроки, то можете найти еще. Для этого не обязательно искать по Youtube, что в голову придет. Можно изучить все фишки «от А до Я»
по видео урокам. Получите бесплатную презентацию последней версии курса на русском фотошопе. В этом случае вы не только сможете делать элементарные вещи, но и научитесь выполнять сложную работу, увидите, как применяют простые навыки настоящие специалисты и что из этого получается.
Смотрите, например, то, чему вы научились сегодня можно применить не только для обрезки углов.
Вы уже знаете, как сделать картинку в треугольниках. Не понимаете? Все очень просто.
Берете за основу первый способ обрезки из этой статьи, но вместо работы с прямоугольником выбираете многоугольник.
Не забудьте выставить «три стороны» в панели сверху, чтобы не морочить голову с преобразованием фигуры.
И, если не хотите, чтобы углы были такие же острые как у меня, просто выставите сглаживание в настройках.
Этот рисунок в psd формате вы можете скачать прямо из моего блога и поработать с ним (скачать
). Думаю, что улучшить его не проблема.
Если эта статья была полезной, подписывайтесь на рассылку моего блога. Вас ждет еще куча интересных вещей! И напоследок видео о том, как при помощи фотошопа девушку можно превратить в пиццу. Смотрите до конца, это забавно.
Как закруглить углы в фотошопе тремя легкими способами?
Автор Дмитрий Костин На чтение 5 мин. Опубликовано
Доброго всем утра, дня, вечера или ночи. С вами снова и опять Дмитрий Костин. Как-то я просматривал разные картинки и тут мне приглянулись некторые из них. А приглянулись он тем, что у них были закруглены края. Сразу как-то интереснее смотрится. Вы не находите? И поэтому в сегодняшнем уроке я хотел бы вам рассказать, как закруглить углы в фотошопе, чтобы фото смотрелось поинтереснее.
Вот чем я люблю фотошоп, так это тем, что во многих случаях одно и тоже дело можно сделать несколькими способами. Так и здесь. Давайте приступим к нашему фотошопству.
Простое сглаживание
- Откройте любое изображение в фотошопе, например фотографию машины.
- Теперь выберете инструмент «Прямоугольное выделение» и выделите изображение, только не полностью, а так, чтобы со всех сторон оставалось немного места.
- Теперь идите в меню «Выделение» — «Модификация» — «Сгладить». Вам откроется небольшое окошко, где вам надо будет ввести радиус сглаживания. Ну тут всё зависит от размера исходного изображения. Для данного изображения я решил поставить 20 пикселей. Но чем больше картинка — тем желательно и больше ставить радиус. Тут экспериментируйте. В случае чего вы всегда можете отменить последнее действие и попробовать другое число.
- Вы видите? Теперь углы на выделении закруглились. Но как вы понимаете это еще не все. Вам эту область нужно вырезать. Для этого идите в меню «Редактирование» и выберете пункт «Вырезать» или воспользуйтесь комбинацией клавиш CTRL+X. После этой манипуляции у вас исчезнет содержимое внутри выделенной области. Получилось? Отлично!
- Теперь вам необходимо создать новый документ в фотошопе. Сразу говорю, что не надо выставлять никаких параметров ширины и высоты, так как после того, как мы вырезали изображение, эти параметры автоматически подстраиваются под параметры вырезанного объекта. Т.е. просто нажимаете ОК.
- Ну и последний штрих. Теперь вам надо вставить наш вырезанный объект. Для этого идите в меню «Редактирование» и выберете пункт «Вставить», либо нажмите комбинацию клавиш «CTRL+V». Вот и всё. Как видите, теперь мы получили изображение с закругленными краями. Вам останется только сохранить это изображение.
Сглаживание с использованием границ
Этот способ похож на предыдущий, но всё же сильно отличается. Проделывать всё будем с тем же самым изображением.
- Выделите всю область целиком. Для этого воспользуйтесь либо инструментом «Прямоугольное выделение», либо нажмите комбинацию клавиш CTRL+A.
- Теперь выберете «Выделение» — «Модификация» — «Граница». Вам вылезет небольшое окошко, где вы должны будете выбрать размер границы. Я поставил 15 пикселей. Вы можете поэкспериментировать.
- Как видите у вас выделение стало двойным. Это нормально. И следующим шагом вам нужно сделать то же самое, что и в первом способе, а именно выбрать «Выделение» — «Модификация» — «Сгладить». Поставьте там там радиус закругления. Я поставлю 30.
- Ну а теперь нажмите CTRL+X и у вас будет вырезана область вокруг вашего изображения и благодаря этому ваше основное изображение станет с закругленными углами. Правда тут останется фон вокруг картинки. Но он не будет заметен (если он белый конечно). Ну а если уж совсем напрягает, то вы сможете кадрировать изображение и ли что-нибудь другое, чтобы сделать убрать лишний фон. Ну а так сохраните, и всё будет good.
С помощью создания фигуры
Вот третий способ уже кардинально отличается от двух предыдущих. Так что передохните пару секунд и едем дальше. Изображение менять не буду и опять загружу эту машину в фотошоп.
- Но для дальнейших действий нам понадобится одна фигура. Идите в панель инструментов и там выберете инструмент «Прямоугольник с закругленными краями» из группы инструментов «Фигуры».
- Теперь воспользуйтесь этим инструментом также, как и прямоугольным выделением, т.е. зажмите левую кнопку мыши в левом верхнем углу, а затем тяните всё это дело в правый нижний угол. Таким образом этот прямоугольник с закругленными краями должен закрыть нашу основную картинку.
- Как вы заметили, фигура создалась на новом слое. Это-то нам и нужно. Вот только последовательность их нас не устраивает. Вам нужно поставить слой с картинкой поверх слоя с прямоугольником. Для этого зажмите левую кнопку мыши на слое с изображением и переместите его на одну позицию выше. Но перед этим нажмите на замочек, чтобы разблокировать слой. Тогда слой с машиной встанет поверх фигуры.
- Теперь выделите слой с изображением и нажмите на нем правой кнопкой мыши, после чего выберите «Создать обтравочную маску».
Вы видите, что у вас в итоге получилось? Картинка стала с загругленными краями, а все из-за того, что она отображается только так, где стоит наш нарисованный закругленный прямоугольник. Но теперь вы можете обрезать лишний фо с помощтю инструмента»Рамка», либо же сразу сохранить картинку и у вас уже будет отдельное изображение с закругленными углами.
Попробуйте проделать все сами, а заодно и скажете, какой из представленных способов болле предпочтителен вам.
И кстати, если у вас есть пробелы в фотошопе или вы его просто хотите полностью изучить в кратчайшие сроки, то очень рекомендую вам посмотреть один замечательный курс по фотошопу для начинающих. Курс отлично сделан, рассказано и показано всё просто великолепно и каждый материал разбирается очень подробно.
Ну а на сегодня я свой урок заканчиваю. Не забудьте подписаться на новые статьи и поделитесь этим со своими друзьями. Рад был вам на моем блоге. Жду вас снова. Пока-пока.
С уважением, Дмитрий Костин
Нарисовать куб с округлыми углами в фотошопе. Делаем закругленные углы картинок в фотошопе
На некоторых сайтах, в дизайне которых нет острых углов, иллюстрации в статьях и новостях также имеют закругленные края. Очень часто веб-дизайнеры не задумываются над тем, что делать такие иллюстрации с закругленными углами владельцу сайта будет сложно, у него не обязательно есть нужные знания Photoshop
. Впрочем, заказчик сайта сам виноват. Требуя, чтобы все было красиво, он часто не задумывается над тем, как он потом будет добавлять изображения с заокругленными краями в статьи и новости на своем сайте.
В этом уроке Photoshop
мы увидим как просто закруглить углы рисунка на примере аватарки, не ограничиваясь толщиной в 1px
:
Когда мне впервые было нужно закруглить углы в иллюстрации для сайта, ответ для меня был неочевиден. Я погуглил и наткнулся на пару переводных инструкций, которые были слишком заумными для новичка – мучиться с каналами, путями, размытием, направляющими и прочими инструментами для продвинутых пользователей Photoshop
даже профессионалу лень, а для новичка такой процесс может показаться непонятным и нудным. Немного подумав, я нашел свой способ как быстро и просто закруглить края нужного мне рисунка.
Закругляем все углы рисунка с помощью формы Photoshop
Допустим, нужно сделать с закругленными краями. При этом у вас нет аналогичного изображения со сглаженными краями. Предлагая вам очень простой, но очень подробно описанный и иллюстрированный урок Photoshop как новичку сделать картинку с закругленными углами
.
1.
Открываем Фотошоп. В уроке используется моя любимая версия Adobe Photoshop CS3
, но подойдет и любая другая версия, установленная на вашем компьютере.
2.
Открываем исходный рисунок, края которого мы будем закруглять. Если рисунок отличается по размеру и форме от того, который нам нужен, нужно и/или в Фотошопе перед началом закругления углов.
3.
Нажимаем на клавиатуре Ctrl+A
чтобы выделить весь рисунок, затем нажимаем Ctrl+C
, чтобы его скопировать. Открываем новое окно в Фотошопе (Ctrl+N
) и вставляем в него скопированный рисунок (Ctrl+V
). При этом фон в новом окне должен быть либо , либо того цвета, который должен окружать рисунок с закругленными краями на сайте.
4.
Создаем новый слой (Ctrl+Shift+N
). И в этом новом слое с помощью инструмента Rounded Rectangle Tool (U)
рисуем квадрат или прямоугольник нужного размера:
5.
Цвет фона нарисованного прямоугольника не имеет значения. Параметр Radius
, характеризующий степень закругленности угла, для этого урока равен 8
, но вы можете изменить его по своему усмотрению:
6.
Нарисованную в новом слое фигуру можно двигать с помощью стрелок на клавиатуре. Ее форму можно менять, нажав на клавиатуре Ctrl+T
и растягивая затем фигуру с помощью мыши. Если тянуть за угол, удерживая клавишу Shift
, размер фигуры будет меняться пропорционально. В результате всех этих действий мы добьемся того, что фигура с заокругленными краями будет такого размера и формы, которые нам нужны:
7.
Удерживая клавишу Ctrl
кликаем по превью слоя в панели слоев Layers
(у нас это красный квадрат). Это позволит нам выделить красный прямоугольник с закругленными углами, о чем свидетельствует появившаяся пунктирная линия по его границе:
8.
В панели слоев Layers
переходим на нижний слой с основным изображением и нажимаем комбинацию Ctrl+Shift+I
(или Select -> Inverse
в главном меню Photoshop). Это позволит выделить область, которая лежит за пределами красного квадрата с закругленными уголками.
9.
Нажимаем на клавиатуре клавишу Delete
, чтобы удалить эту ненужную нам часть основной картинки. После этого делаем невидимым верхний слой с красным квадратом (в панели Layers
нажимаем на иконку глаза возле слоя с красным квадратом). Нажимаем на клавиатуре M
и кликаем в любом месте на холсте рисунка, чтобы снять выделение на готовом изображении аватарки с закругленными углами. Если фон мы установили прозрачным, получим следующее:
10.
Рисунок без острых углов готов. Можно и использовать как аватарку или иллюстрацию на сайте.
Если делать картинки с закругленными углами нужно часто и они все одного размера и стиля, логичным будет сохранить результат этого урока Photoshop
в формате PSD
, чтобы слои остались доступными для редактирования. Тогда процесс создания новых картинок без острых углов упростится до выделения контура готовой картинки, инвертирования выделения и удаления ненужной части новой картинки.
Если нужно закруглить только один угол рисунка, а остальные при этом должны остаться острыми, вышеописанная инструкция тоже отлично подойдет для использования. Для этого достаточно сделать с помощью комбинации Ctrl+T
размеры красного прямоугольника больше, чем редактируемая картинка. При этом края красного квадрата будут заканчиваться за пределами холста и такой прямоугольник можно наложить на рисунок так, чтобы только один угол накладывался на видимую область рисунка, а остальные остались за его пределами. С помощью инвертирования и удаления выделенной части рисунка мы закруглим только один нужный угол картинки, а остальные углы останутся острыми. Аналогично можно быстро и просто закруглить любое количество углов любого изображения.
Также для создания картинки с неровными краями или любыми другими подобными эффектами можно использовать картинку с такими неровными краями или закругленными углами, скачанную с какого-нибудь сайта. При этом нужно удалить фон, не относящийся к картинке, например, с помощью инструмента Magic Wand Tool (W)
.
Узнать больше про продвижение мобильных приложений вы можете на сайте advertmobile.net. Этот сервис предлагает мотивированные установки в больших объемах для разработанного вами приложения, а также их грамотную раскрутку в App Store и Google Play.
Скругленные углы на фотографии выглядят достаточно интересно и привлекательно. Чаще всего такие изображения применяются при составлении коллажей или создании презентаций. Также картинки со скругленными углами можно использовать в качестве миниатюр к постам на сайте.
Вариантов использования много, а способ (правильный) получить такое фото всего один. В этом уроке я покажу, как скруглить углы в Фотошопе.
Открываем в Фотошопе фотографию, которую собираемся редактировать.
Затем создаем копию слоя с водопадом под названием «Фон»
. Для экономии времени воспользуемся горячими клавишами CTRL+J
.
Копия создается для того, чтобы оставить нетронутым исходное изображение. Если (вдруг) что-то пойдет не так, можно будет удалить неудачные слои и начать заново.
В данном случае из настроек нас интересует только одна – радиус скругления. Значение этого параметра зависит от размера изображения и от потребностей.
Я задам значение в 30 пикселей, так будет лучше видно результат.
Теперь нужно растянуть полученную фигуру на весь холст. Вызываем функцию «Свободное трансформирование»
горячими клавишами CTRL+T
. На фигуре появится рамка, при помощи которой можно перемещать, вращать и изменять размер объекта.
Нас интересует масштабирование. Растягиваем фигуру при помощи маркеров, указанных на скриншоте. После завершения масштабирования нажимаем ENTER
.
Совет: для того, чтобы совершить масштабирование максимально точно, то есть, не выйдя за пределы холста, необходимо включить так называемую «Привязку»
Посмотрите скрин, там указано, где данная функция находится.Функция заставляет объекты автоматически «Прилипать» к вспомогательным элементам и границам холста.
Как видим, вокруг фигуры образовалось выделение. Теперь переходим на слой-копию, а со слоя с фигурой снимаем видимость (см. скриншот).
Теперь слой с водопадом активен и готов к редактированию. Редактирование заключается в удалении лишнего из углов картинки.
Инвертируем выделение горячими клавишами CTRL+SHIFT+I
. Теперь выделение осталось только на углах.
Прямые углы изображений нравятся всем. Но все-таки бывают случаи, когда эти самые углы требуется закруглить. Тогда Вам на помощь вновь придет программа фотошоп. В этой статье разберем один из многих способов как это можно сделать. Имейте ввиду, мой способ предполагает также и небольшое отсечение изображения по краям, это, своего рода, жертвоприношение во имя округлых углов.
Для тех кто любит больше наглядности, я записал видеоурок, который можно посмотреть в конце этого урока. Итак, начнем закруглять углы изображения:
Шаг 1
По умолчанию, все изображения, открываемые в фотошопе становятся фоновым изображением. Фотошоп именует такой слой как «Фон», а также блокирует его от лишнего редактирования. Об этом нам сигнализирует маленькая иконка замочка.
Чтобы разблокировать такой слой, нужно дважды кликнуть по нему. Появится диалоговое окно «Новый слой». Ничего не изменяйте, просто нажмите на ОК. Теперь замочек должен исчезнуть.
Шаг 5
На панели слоев кликните на самый первый слой с нашим исходным изображением и нажмите сочетание клавиш Ctrl+Shift+I
. В итоге у нас должна выделиться вся область вне границ нашего квадрата. Это называется . Присмотритесь внимательней, что изменилось:
Шаг 6
Теперь нажмите комбинацию клавиш Ctrl+X
(редактирование — вырезать
) для удаления выделенной области. Выделение должно исчезнуть, а там, где когда-то было изображение, появится шахматный фон (прозрачность).
Шаг 7
Теперь сделаем невидимым наш слой с фигурой. Для этого на панели со слоями нажмите на значок глаза напротив слоя с квадратом. Вот и появилось исходное изображение с закругленными углами.
Шаг 8
Выполните команду Изображение —
, чтобы фотошоп удалил все лишнее пространство вокруг изображения. В итоге режим прозрачности должен быть виден только в углах.
В дальнейшем, чтобы использовать такое изображение, его необходимо сохранить в формате PNG! В этом случае углы так и останутся прозрачными. Иначе, если сохранить, например, в формате JPG, углы автоматически станут с белым фоном.
Итак, все готово. Изображение с закругленными углами будет выглядеть так:
А как сделать только, например, один закругленный угол?
Очень просто. Вернемся на тот этап, когда мы рисовали фигуру. Растяните ее так, чтобы вам был виден только один закругленный угол, а три других были бы скрыты за пределами холста. Вот, а дальше следуйте по вышеописанной инструкции. Все аналогично.
Надеюсь инструкция вам помогла и вы сможете сделать что-нибудь классное! Успехов.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl
+ Enter
. Спасибо!
Опять я сбиваюсь с графика! Эх… Ну, выпускаю уроки с опозданием на пару часов, надеюсь, это не так критично. Сегодня у нас в уроке речь пойдет о том, как закруглить края в фотошопе
. Все бы ничего, и урок не отличался бы от тех что вы видели на других сайтах, но я сам раньше искал и знаю какие методы там предлагают. Не слушайте их! Слишком муторно, слишком долго. Я Вам предлагаю способ, как округлить углы фотошопе
буквально в пару кликов!
Берем стоковую фотографию, кстати, это я делаю на гудфоне. Не реклама:D
Используем выделение, как у меня на скришоте:
Переходим в вкладку ( Выделение > Модификация > Сгладить
). Внимание! Тут могут возникнуть трудности у некоторых. В некоторых версиях фотошопа нету «Сгладить», за то есть «Оптимизировать». Так что, не пугайтесь, если не найдете «Сгладить». Это одно и тоже.
Здесь мы выбрали радиус закругления.
Теперь, как Вы видите, у вас область выделение уже с закругленными углами.
Осталось вырезать изображение.
И теперь . Размер там выставляет автоматический. И теперь просто вставляем картинку в новый файл.
Работа в Фотошопе позволяет добиться одного и того же результата разными способами. Но, естественно, что наиболее рационально будет использовать тот путь, который максимально прост и эффективен. Следует отметить, что прямоугольная обрезка фотографий в Фотошопе происходит с использованием простого инструмента «кадрирование». В то же время добиться аналогичного результата, но с закругленными краями довольно сложно для начинающих пользователей, так как очевидного решения программа не предлагает.
Перед тем как закруглить края в Фотошопе, следует понимать, для чего это необходимо. Основными причинами являются:
Получение изображения или его детали, которая имеет необходимую форму, без надобности дальнейшего редактирования;
Получение оригинального и красивого оформления для фотографии.
Итак, запустив Фотошоп, необходимо добавить тот файл, который будут обрезать. Для этого можно воспользоваться пунктами меню «Файл», «Открыть» или просто перетянуть фотографию в рабочую среду программы. Для того чтобы закруглить края в Фотошопе, нужно предварительно придать изображению соответствующий размер. Сделать это можно через «Изображение», «Размер» или, предварительно создав новый документ с заданными размерами, переместить в него искомый файл. Там его можно будет деформировать по собственному усмотрению, используя «Редактирование», «Трансформация».
Подготовив таким образом рабочий образец, можно перейти непосредственно к процедуре того, как закруглить края в Фотошопе. Для этого понадобиться найти на панели слева один из инструментов, который называется «прямоугольник» (вызывается клавишей «U»), и выбрать из перечня его разновидностей — «со скругленными краями». Пользователь может настроить угол скругленных краев при помощи опции «радиус», которая станет доступна на верхней панели.
Затем следует выделить нужную часть изображения. Здесь следует обратить внимание, не перекрывает ли полученный прямоугольник исходное фото. Если это так, то на панели слоев, расположенной справа, следует опустить новый образовавшийся слой с выделением на позицию, которая будет находиться ниже, чем рабочий образец. Выделение — в данном случае «прямоугольник с закругленными краями» — можно перемещать обычными инструментами программы.
Для того чтобы понять, как закруглить края в Фотошопе, нужно нажать правой кнопкой по слою с полученным прямоугольником и выбрать «Образовать выделенную область». После чего на основной панели вверху нажать «Выделение», «Инверсия». Затем остается перейти на слой с основным изображением и применить команду «Delete», которая осуществляется нажатием соответствующей кнопки на клавиатуре или через «горячую» кнопку «D». Полученный результат остается только сохранить через меню «Файл», «Сохранить» для «родного» PSD-формата. Или можно, используя «Сохранить как…», получить результат в любом другом распространенном формате.
Это самый простой и быстрый способ того, как закруглить края в Фотошопе. Теперь дело за вашей фантазией, чтобы решить, где можно применить новые знания.
Изменение размеров прямоугольника с сохранением радиуса закругленных углов | Photoshop
Евгений Белодедв рубрику Photoshop
21 февраля 2011
28
4.1 из 5
Изменение размеров прямоугольника с сохранением радиуса закругленных углов
М-да, сложное название получилось у статьи.
У нас давно не было статей про фотошоп — последняя про клавиатурные сокращения, рекомендую освежить в памяти.
Сегодня я хочу рассказать о том, как в фотошопе можно изменять размер прямоугольника со скругленными углами (Rounded Rectangle), не искажая формы углов.
Работая в фотошопе, мы давольно часто используем инструмент Rounded Rectangle. А после появления в CSS свойства border-radius и поддержки этого свойства браузерами, все чаще и чаще.
Но такая простая операция, как изменение размера может ввести в замешательство. Дело в том, что обычная операция трансформации (Ctrl+T / Cmd+T) искажает скругленный угол и после трансформации получается такая картина:
Для того, чтобы не допустить такого искажения, необходимо воспользоваться инструментом Direct Selection Tool (A):
Выделяем пару углов нашего прямоугольника:
Теперь, взявшись за выделенные маркеры мы можем изменять размер прямоугольника, при этом форма углов останется нетронутой. Чтобы движение было по прямой, достаточно зажать Shift.
А результат такой трансформации выглядит так:
Надеюсь этот небольшой трюк окажется полезным.
Автор: Евгений Белодед
Сооснователь Временно.нет. Занимается проектированием интерфейсов, клиентским и серверным программированием в компании Comet Technologies.
Его твиттер и домашняя страничка.
Профиль в Google+ — Evgenij Beloded.
Расскажите друзьям
- Оцените статью:
Как сделать фотоколлаж из закругленных квадратов в Photoshop
В этом уроке я покажу вам, как создать фотоколлаж с закругленными квадратами в Photoshop.
Мы будем использовать инструмент скругленного квадрата для рисования фигур, сетку, чтобы помочь нам расположить фигуры симметрично, и обтравочную маску, чтобы вставлять изображения в нужный вам слой.
После того, как вы разместите все закругленные квадратные формы по своему усмотрению, вы можете поиграть с другими инструментами Photoshop, чтобы добавить свои собственные художественные эффекты.
Скачать этот шаблон
Загрузите шаблон Photoshop Collage со скругленными углами здесь или найдите другие бесплатные шаблоны Photoshop Collage здесь.
Видео: скругленный квадратный коллаж Photoshop.
Посмотрите видео с подробными инструкциями и используйте письменные инструкции для быстрого ознакомления.Если вам понравилось это видео, я настоятельно рекомендую вам подписаться на мой канал на Youtube — PhotoEffect .
1. Создайте новый документ.
Выберите File> New command в верхнем меню или просто нажмите Ctrl + N .
Появится стандартное диалоговое окно New.
Во всплывающем окне введите имя в поле Имя и введите следующую информацию:
Ширина 3000 пикселей, Высота 2000 пикселей, Разрешение 300 пикселей / дюйм, Цветовой режим RGB и Содержимое фона Прозрачный или Белый.
Нажмите ОК.
Создайте новый документ.
2. Создайте сетку.
Теперь нам нужно создать сетку, которая поможет нам симметрично расположить прямоугольные формы.
Как сделать сетку в фотошопе?
Сделать сетку в Photoshop довольно просто.
Чтобы добавить сетку, выберите View> Show> Grid .
Откройте настройки сетки, выберите Правка> Настройки> Направляющие, сетка и фрагменты .
Откроется диалоговое окно настроек.
Выберите желаемый цвет линий сетки.
Я установлю для параметра «Gridline every» значение 200 пикселей, а для параметра «Subdivisions» — значение 1.
Выберите View> Snap , чтобы включить привязку, которая поможет вам выровнять любой объект (включая форму) по вашему желанию.
Создавать сетку через каждые 200 пикселей.
3. Выберите инструмент «Произвольная форма».
Выберите инструмент Custom Shape Tool на панели инструментов или просто нажмите U .
С помощью сетки можно создать простой коллаж Photoshop.
Есть шесть доступных инструментов формы на выбор: инструмент «Прямоугольник», инструмент «Прямоугольник со скругленными углами», инструмент «Эллипс», инструмент «Многоугольник», инструмент «Линия» и инструмент «Пользовательская форма».
Нажмите Shift + U , чтобы просмотреть шесть доступных инструментов формы, пока не станет активным тот, который вам нужен.
На панели параметров убедитесь, что в меню выбрана форма, затем выберите цвет формы.
Чтобы выбрать цвет фигуры, щелкните образец цвета на панели параметров, а затем выберите доступный цвет.
Цвет также можно выбрать в палитре цветов.
Наконец, введите значение размера штриха и выберите квадрат с закругленными углами во всплывающей панели Custom Shape.
Если вы не обнаружите на панели закругленную квадратную форму, щелкните стрелку в правом верхнем углу и выберите «Все».
Когда вас попросят заменить текущие фигуры, нажмите OK, чтобы заменить текущие фигуры на фигуры из «Все».
Инструмент нестандартной формы.
Щелкните образец цвета на панели параметров и выберите доступный цвет.
Вы также можете выбрать цвет в палитре цветов.
Выберите квадрат со скругленными углами во всплывающей панели Custom Shape.
Щелкните стрелку в правом верхнем углу и выберите «Все».
Нажмите «ОК», чтобы заменить текущие фигуры на фигуры из «Все».
4. Нарисуйте округлые квадратные формы.
Чтобы нарисовать квадрат со скругленными углами, щелкните внутри документа и перетащите его от начальной точки.
Когда вы отпускаете кнопку мыши, Photoshop завершает форму и заполняет ее выбранным вами цветом.
Теперь продублируйте скругленную квадратную форму, которую мы создали, перейдя в Layer> Duplicate Layer или нажав Ctrl + J .
Затем измените размер и положение дублирующего слоя с фигурой, используя Edit> Free Transform Path .
Вы можете редактировать форму следующим образом:
- Измените размер закругленной квадратной формы, перетащив любой угол, удерживая нажатой клавишу Shift , чтобы форма не искажалась.
- Переместите закругленную квадратную фигуру, щелкнув и удерживая в любом месте внутри фигуры, а затем перетащите.
- Поверните закругленный квадрат, перемещая курсор дальше от любого угла, пока не увидите две стрелки. Щелкните и удерживайте, а затем перетащите фигуру.
- Нажмите Введите , когда закончите.
Дублируйте слой с закругленными квадратными формами столько, сколько хотите, а затем расположите все так, как вам нравится.
Когда вы закончите, скройте / удалите сетку, выбрав View> Show> Grid .
Создайте форму в документе.
Дублируйте слой столько, сколько хотите, а затем измените размер / положение каждой формы с помощью Free Transform.
5. Сгруппируйте слой со всеми фигурами.
Удерживая нажатой кнопку Shift , щелкните по слою со всеми фигурами и выберите «Слой »> «Сгруппировать слои ».
Сгруппировать все слои-фигуры.
6. Повернуть группу слоев.
Щелкните группу слоев и выберите Edit> Free Transform .
Введите значение 45 градусов на панели параметров и нажмите Enter.
Вы можете настроить его размер и положение с помощью Free Transform.
Панель опций «Свободное преобразование».
Повернуть группу слоев.
Отрегулируйте его размер и положение с помощью функции «Свободное преобразование».
7. Вставить изображение.
В этом уроке Photoshop Collage я буду использовать изображения, которые я скачал с Pixabay.Стандартные изображения: 1002775, 1002818, 1002919, 1179193, 1179195, 1291004, 1680248, 1744581, 1886350, 1896224, 1822038, 507301, 1175827, 1175828, 1096935
Вы должны наложить слой изображения над слоем с закругленными квадратами.
Выберите слой с закругленным квадратом, в который вы хотите вставить изображение.
Перейдите в Файл> Поместите команду в верхнем меню, чтобы открыть изображение, которое вы хотите вставить.
Щелкните изображение, затем щелкните OK.
Теперь вы можете редактировать изображение следующим образом:
- Измените размер изображения, перетащив любой угол, удерживая нажатой клавишу Shift , чтобы изображение не искажалось.
- Переместите изображение, щелкнув и удерживая в любом месте изображения, а затем перетащите.
- Поверните изображение, перемещая курсор дальше от любого угла, пока не увидите две стрелки. Щелкните и удерживайте, а затем перетащите изображение.
- Нажмите Введите , когда закончите.
Диалоговое окно «Поместить».
Вставить изображение.
8. Создайте обтравочную маску.
На панели «Слои» убедитесь, что слои, которые нужно обрезать, перечислены последовательно.
Помните, вы должны располагать слой изображения над слоем с закругленными квадратами.
Щелкните слой изображения, который нужно обрезать, затем выберите «Слой »> «Создать обтравочную маску» или просто нажмите Alt + Ctrl + G , чтобы создать обтравочную маску.
Когда слои помещаются в обтравочную маску, содержимое самого нижнего слоя (слой с закругленными квадратами) обрезает слои над ним (слой изображения).
Поместите слой изображения поверх слоя с закругленными квадратами.
Обтравочная маска.
9. Вставить другое изображение.
Повторите шаги с 7 по 8, чтобы открывать и изменять каждое изображение, которое нужно вставить.
Вставьте все изображения.
10. Сохраните документ.
Выберите File> Save или просто нажмите Ctrl + S, чтобы сохранить файл проекта.
Появится диалоговое окно «Сохранить как».
Перейдите в папку, в которой вы хотите сохранить файл проекта.
Введите имя в текстовое поле Имя файла и оставьте значение Photoshop по умолчанию (*.PSD; *. PDD) формат.
Нажмите «Сохранить», чтобы сохранить файл проекта.
Когда вы закончите, вы, вероятно, также захотите использовать Файл> Сохранить как (Shift + Ctrl + S), чтобы экспортировать изображение в более широко используемый формат, такой как JPEG, PNG, TIFF и т. Д.
Вот результат:
Коллаж Photoshop с закругленными углами.
Это урок по фотоэффекту, и я только что показал вам, как создать фотоколлаж из закругленных квадратов в Photoshop. Если у вас есть какие-либо вопросы или комментарии относительно этого руководства, просто добавьте их в раздел ниже.Спасибо.
Создайте плавные круглые углы для ваших фотографий с помощью инструментов Photoshop Shape Tools
Если вы хотите скруглить углы на своих фотографиях или иллюстрациях на своем веб-сайте, один очень удобный инструмент, который поможет вам в этом, — векторный инструмент «Прямоугольник со скругленными углами» в Photoshop. Вот как это сделать.
1. Откройте фотографию и дважды щелкните фоновый слой, чтобы сделать его редактируемым. Мы разблокируем фоновый слой, потому что позже мы добавим к нему маску. (Это фотография, которую я сделал недавно, когда съемочная группа работала над исторической дорамой в городе недалеко от моего дома, я преобразовал ее в черно-белую с малейшим намеком на сепию).
2. Выберите инструмент «Прямоугольник со скругленными углами» на панели «Инструменты». Прямоугольник со скругленными углами может быть не виден. Щелкните и удерживайте значок инструмента «Прямоугольник», пока не появится всплывающее меню, а затем выберите инструмент «Прямоугольник со скругленными углами».
3. На панели параметров нажмите кнопку режима «Контуры» и измените значение в поле «Радиус» на 50 пикселей. При работе с векторами в Photoshop доступно несколько режимов, но для этой конкретной техники убедитесь, что инструмент «Прямоугольник со скругленными углами» находится в режиме «Контуры» (кнопка выглядит как квадрат с крошечной точкой на каждом углу и пером в центре).
Чтобы контролировать, насколько скругленными будут углы изображения, введите меньшее число для менее закругленных углов и большее число для более закругленных углов. В данном случае я использую 50 пикселей.
4. Наведите указатель мыши на один из углов изображения и перетащите его по диагонали, чтобы нарисовать рамку вокруг него. Когда вы отпустите кнопку мыши, вы увидите серую линию, которая появится поверх вашего изображения — это путь. Если вам нужно переместить его, выберите инструмент «Выбор контура» (черная стрелка под инструментом «Текст» на панели инструментов) и перетащите его туда, где вы хотите его поместить.
5. На панели «Слои» убедитесь, что слой с фотографией выбран, затем добавьте маску векторного слоя, нажав Ctrl + щелкнув значок «Добавить маску слоя» в нижней части панели «Слои».
Et Voila! Photoshop скрывает область за пределами закругленного прямоугольника, оставляя вам красивые гладкие углы.
Самое замечательное в использовании векторов — это то, что вы можете изменять размер прямоугольника (Ctrl + T для свободного преобразования), и вы не потеряете качество и гладкие края.
Закругленные угловые формы | Photoshop
Формы скругленных углов
Как сделать вездесущую форму прямоугольника с двумя квадратными углами и двумя закругленными углами.
Я создал это руководство в Elements 9, и оно актуально для всех версий Elements и Photoshop.
Начинаю с пустого файла:
Это требует небольшого планирования. Хорошая идея — использовать направляющие, чтобы обозначить, где вы хотите разместить форму. Сначала включите линейки…
… которые появляются слева и вверху окна изображения:
Затем вы можете перетащить направляющие из линейки и разместить их на месте.Здесь я разместил их на расстоянии 100 пикселей от каждого края:
Затем я перехожу к инструменту Shape Tool на панели инструментов (ярлык — клавиша U). По умолчанию это простой прямоугольник, поэтому я нажимаю и удерживаю его, чтобы выбрать форму прямоугольника со скругленными углами:
Затем я смотрю на панель параметров этого инструмента. Радиус закругления углов по умолчанию составляет 10 пикселей…
.
… но на мой вкус это слишком мало. Я меняю его на 50 пикселей:
Пора нарисовать мой прямоугольник с закругленными углами.Если бы прямоугольник с закругленными углами составлял из всех , которых я хотел достичь, я бы просто нарисовал его точно по размеру моих направляющих, и все.
Но я хочу закруглить только два угла. Итак, я рисую прямоугольник частично за пределами страницы, например:
Вот трюк. Я возвращаюсь на панель параметров и обращаю внимание на пять маленьких кнопок, которые управляют взаимодействием фигур:
Примечание. В Photoshop CC кнопки отображаются в небольшом раскрывающемся списке, например:
Есть режим нормальной формы (который я только что использовал для рисования исходной формы), режим добавления, вычитания, пересечения и исключения.
Intersect — это тот, который я хочу на этот раз:
Это просто! Я просто рисую еще один прямоугольник с закругленными углами, который перекрывает первый из правого нижнего угла внутрь. Поскольку инструмент теперь установлен в режим пересечения, я получаю следующий результат:
Вы можете видеть, где находятся все пути (за пределами страницы), но они создают только видимую форму там, где они перекрываются.
Теперь вы можете разместить свое изображение:
(Подробнее о размещении изображений в фигурах в этом руководстве.)
Излишне говорить, что у этого метода бесконечные практические возможности. Когда вы привыкнете к этим пяти маленьким кнопкам…
… вы можете делать самые разные формы!
В этом я начал с прямоугольника с закругленными углами, затем «вычленил» нижнюю часть, чтобы получить другую гибридную форму — два скругленных угла вверху и два квадратных внизу:
Сходи с ума! Здесь я использовал комбинацию вычитания и пересечения, чтобы добавить строку заголовка:
Надеюсь, вам это понравится!
Если у вас есть вопросы по этой статье, не стесняйтесь размещать их в Ask Damien.
Как добавить закругленные углы к фотографиям без Photoshop
Закругленные углы на видео и фотографиях могут создавать великолепные стили старой школы и винтажную эстетику, но для редактирования, изменяющего форму изображения, требуется программное обеспечение, которое может преобразовывать JPG в PNG.
К счастью, вам не нужно устанавливать Photoshop, чтобы добавить к фотографии закругленные углы. В этой статье я объясню, как добавить закругленные углы всего за несколько кликов. Студия редактирования Kapwing позволяет людям добавлять закругленные углы к изображениям, видео или GIF.Вот как добавить закругленные углы к вашему файлу:
- Загрузите фотографию
- Добавить закругленные углы
- Загрузите свой проект
1. Загрузите фотографию
Сначала перейдите на Kapwing.com в ваш браузер на компьютере, телефоне или планшете, а откройте студию Kapwing. Здесь у вас есть несколько разных способов загрузить свою фотографию. Вы можете щелкнуть, чтобы загрузить, перетащите или вставьте ссылку на изображение в поле URL.
2. Добавьте закругленные углы
Затем щелкните слой изображения и используйте инструмент закругленных углов из параметров редактирования. Сдвиньте ручку вправо для более острых углов или влево для закругленных углов.
При желании вы можете сделать фон изображения прозрачным, чтобы вы могли загрузить закругленную фотографию в формате PNG. Просто выберите опцию «Без заливки» в правом меню. Таким образом, изображение будет иметь полностью прозрачных угла всякий раз, когда вы публикуете его или добавляете в дизайн-проект.
3. Загрузите свой проект
Когда вы закончите редактирование, нажмите кнопку Export и дождитесь его обработки. Наконец, загрузите свой проект или поделитесь им в социальных сетях.
Если вы не вошли в учетную запись Kapwing, войдите в систему или зарегистрируйтесь , используя свою учетную запись Google или Facebook — после того, как вы вошли в учетную запись Kapwing, водяной знак в правом нижнем углу будет удален с вашего последнего изображение.
Надеюсь, эта статья поможет вам добиться желаемой эстетики закругленных углов в ваших изображениях! Чтобы узнать больше о цифровом редактировании и создании в 2021 году, посетите наш канал YouTube Kapwing App .И пока вы здесь, прочитайте некоторые связанные статьи о редактировании изображений в Интернете:
Создавайте круглые изображения или закругленные углы с помощью Word — Better Host Review
Большинство изображений в Интернете имеют квадратную или прямоугольную форму. Однако иногда нам могут понадобиться круглые изображения или скругленный прямоугольник. Например, на многих бизнес-сайтах есть страница персонала с круглыми миниатюрами сотрудников команды. Если вам нужны закругленные углы для аватаров или изображений, вы можете подумать о Photoshop, самом известном программном редакторе изображений.Ознакомьтесь с этим пошаговым руководством по созданию круглых изображений в Photoshop. Этот инструмент очень эффективен при редактировании и создании всех видов файлов изображений, но его может быть сложно использовать новичкам. Мы заслуживаем более простой способ добавления закругленных углов к изображениям. Фактически, Office Word, самый известный текстовый редактор, может помочь вам сгладить угол прямоугольника за несколько простых шагов.
Создавайте круглые изображения или скругленные углы с помощью Word
Запустите Word на вашем ПК и создайте новый пустой документ.Затем щелкните вкладку Insert , щелкните стрелку вниз под Shapes , затем выберите готовую форму, в этом случае вы можете выбрать Oval , если хотите создавать круглые фотографии, или выбрать Rounded Rectangle , если хотите для добавления закругленных углов к прямоугольной картинке. В этой демонстрации мы выберем последнее. Перетащите границы добавленной формы до нужного вам размера. Щелкните стрелку вниз рядом с Shape Fill , выберите Picture из раскрывающегося меню.Вместо заливки формы цветом или текстурой, мы заполним закругленный прямоугольник изображением, к которому мы хотели бы добавить закругленные углы. Перейдите к файлу изображения, которое вы хотите отредактировать, и вставьте изображение в форму в документе Word. См. Снимок экрана ниже.
Нажмите Ctrl + C или щелкните правой кнопкой мыши овал или прямоугольник со скругленными углами в Word и выберите «Копировать». Это скопирует округленное изображение в буфер обмена. Теперь нам нужно вставить его в редактор изображений на ПК. Мы рекомендуем приложение Windows Paint, которое вы можете найти в ОС Windows.Вы можете найти его, нажав Пуск >> Все приложения >> Аксессуары для Windows >> Paint . Создайте новый файл в приложении Paint, вставьте округленное изображение из буфера обмена в приложение MS Paint. Перетащите границы в краске, чтобы удалить ненужную пустую область. В настоящее время MS Paint не может сохранять изображения с прозрачностью. Пустая область на заднем плане станет частью выходного файла изображения. Сохраните файл изображения из приложения Paint на жесткий диск вашего компьютера, и вы получите изображение с закругленными формами или прямоугольное изображение с закругленными углами.
Связанные
Прямоугольники со скругленными углами в Photoshop
Прямоугольники со скругленными углами в Photoshop
от
Мэрион Бейтс
Последнее изменение: 31 декабря 1969 г. 16:00:00
Дано: У вас есть картинка.
Цель: вы хотите, чтобы изображение имело мягкие закругленные края для улучшенного отображения на светлом фоне.
Решение и учебное пособие. Есть несколько способов сделать это, и большинство из них представляют собой удивительно большое количество шагов.Это то, что я придумал, и я считаю его самым простым. YMMV.
- Откройте картинку в Photoshop. Убедитесь, что для Image-> Mode установлено значение «RGB». Дважды щелкните слой «Фон» , чтобы преобразовать его в слой 0. Затем создайте новый слой, слой 1, и перетащите его под слой 0.
- Перейдите в Image-> Canvas Size и измените размер холста на немного больше (скажем, 110% или 120%). Щелкните слой 1 (нижний пустой слой), чтобы отредактировать его. Затем возьмите инструмент круглой формы прямоугольника.
- Выровняйте перекрестие в верхнем левом углу изображения и перетащите его в нижний правый угол — другими словами, обведите существующий прямоугольник.
- Теперь у вас есть слой-фигура, содержащий прямоугольник с закругленными углами. Щелкните этот слой, удерживая клавишу Control, и выберите «Растрировать слой».
- Не снимая выделения с этого слоя Shape 1, возьмите инструмент «Волшебная палочка», установите его Допуск на 10 и установите флажок «Сглаживание». Щелкните за пределами прямоугольника, чтобы выделить пространство вокруг него.
- Теперь, когда выделение все еще выполняется, выберите Layer 0.
- Нажмите клавишу Delete. Вы должны увидеть, как острые углы исчезнут.
- Снимите выделение и снова выберите слой Shape 1. Нажмите Shift-F5 и залейте его 100% белым.
- Выберите Layer 0, перейдите в Layer Style и выберите Inner Glow.
- Поиграйте с настройками «Непрозрачность» и «Размер», пока не получите хороший вид.Совет: увеличьте непрозрачность для максимально плавного перехода по краям.
- Наконец, сведите изображение и сохраните его в выбранном вами формате файла.
- Готовая продукция:
Получите овальные наклейки в европейском стиле для компьютерных фанатов!
NEW — крышка выключателя «magic / more magic»!
Щелкните здесь, чтобы просмотреть историю.
Ссылки:
Как скруглить углы в Illustrator? | Small Business
В Illustrator можно скруглить углы, сначала преобразовав точку привязки — ручку, которую вы используете для придания формы кривым — из прямой привязки в изогнутую.Затем вы сглаживаете углы вручную и также пользуетесь программным инструментом «Сглаживание». Как только вы научитесь сглаживать углы, вы сможете создавать формы, соответствующие вашим потребностям, и формы, отражающие то, что вы видите в природе. Например, вы сможете нарисовать ветку, отходящую от ствола дерева или изгибов человеческой фигуры.
Инструмент преобразования
Щелкните прямоугольный значок на палитре инструментов, чтобы запустить инструмент для рисования прямоугольников. Перетащите на холст, чтобы нарисовать прямоугольник любого размера.Отпустите кнопку мыши, чтобы завершить эту форму.
Щелкните значок палитры инструментов в виде перевернутой буквы «V», чтобы запустить инструмент преобразования привязки, который превращает прямые узлы в изогнутые и наоборот.
Щелкните точку привязки в одном из углов прямоугольника. Хотя Illustrator не отображает знак того, что вы изменили привязку, прямая привязка теперь является изогнутой. Щелкните якорь, затем перетащите его на небольшое расстояние от основной части прямоугольника. Обратите внимание, что угол теперь изогнут.
Перетащите отрезки прямой линии, выходящие из точки привязки угла, чтобы указать форму контура прямоугольника, проходящего через точку привязки.
Щелкните значок на палитре инструментов в виде карандаша, обернутого спиралью, чтобы запустить инструмент «Сглаживание», затем перетащите указатель мыши на закругленный угол. Illustrator заставит контур прямоугольника плавно переходить к закругленному углу и проходить сквозь него.
Прямоугольник со скругленными углами
Щелкните элемент «Создать» в раскрывающемся меню команды «Файл», чтобы начать новую иллюстрацию.
Нажмите «ОК», чтобы принять параметры по умолчанию для новой иллюстрации.
Щелкните значок палитры инструментов в форме прямоугольника с закругленными углами.
Щелкните и отпустите на холсте. Illustrator предложит вам ввести радиус углов прямоугольника. Введите число от 10 до 50, чтобы указать радиус от 10 до 50 точек.
Нажмите «ОК», чтобы закрыть диалоговое окно.
Список литературы
- «Illustrator CS5 Bible»; Тед Альспах; 2010
Writer Bio
Даррин Колтов писал о компьютерном программном обеспечении до тех пор, пока графические программы не пробудили его давнюю страсть стать мастером-дизайнером и рисовальщиком.Теперь он решил получить подготовку для работы по проектированию персонажей, существ и сред для видеоигр, фильмов и других развлекательных медиа.