Как закруглить углы в фотошопе тремя легкими способами?
Автор Дмитрий Костин На чтение 5 мин. Опубликовано
Доброго всем утра, дня, вечера или ночи. С вами снова и опять Дмитрий Костин. Как-то я просматривал разные картинки и тут мне приглянулись некторые из них. А приглянулись он тем, что у них были закруглены края. Сразу как-то интереснее смотрится. Вы не находите? И поэтому в сегодняшнем уроке я хотел бы вам рассказать, как закруглить углы в фотошопе, чтобы фото смотрелось поинтереснее.
Вот чем я люблю фотошоп, так это тем, что во многих случаях одно и тоже дело можно сделать несколькими способами. Так и здесь. Давайте приступим к нашему фотошопству.
Простое сглаживание
- Откройте любое изображение в фотошопе, например фотографию машины.
- Теперь выберете инструмент «Прямоугольное выделение» и выделите изображение, только не полностью, а так, чтобы со всех сторон оставалось немного места.
- Теперь идите в меню «Выделение» — «Модификация» — «Сгладить». Вам откроется небольшое окошко, где вам надо будет ввести радиус сглаживания. Ну тут всё зависит от размера исходного изображения. Для данного изображения я решил поставить 20 пикселей. Но чем больше картинка — тем желательно и больше ставить радиус. Тут экспериментируйте. В случае чего вы всегда можете отменить последнее действие и попробовать другое число.
- Вы видите? Теперь углы на выделении закруглились. Но как вы понимаете это еще не все. Вам эту область нужно вырезать. Для этого идите в меню «Редактирование» и выберете пункт «Вырезать» или воспользуйтесь комбинацией клавиш CTRL+X. После этой манипуляции у вас исчезнет содержимое внутри выделенной области. Получилось? Отлично!
- Теперь вам необходимо создать новый документ в фотошопе. Сразу говорю, что не надо выставлять никаких параметров ширины и высоты, так как после того, как мы вырезали изображение, эти параметры автоматически подстраиваются под параметры вырезанного объекта. Т.е. просто нажимаете ОК.
- Ну и последний штрих. Теперь вам надо вставить наш вырезанный объект. Для этого идите в меню «Редактирование» и выберете пункт «Вставить», либо нажмите комбинацию клавиш «CTRL+V». Вот и всё. Как видите, теперь мы получили изображение с закругленными краями. Вам останется только сохранить это изображение.
Сглаживание с использованием границ
Этот способ похож на предыдущий, но всё же сильно отличается. Проделывать всё будем с тем же самым изображением.
- Выделите всю область целиком. Для этого воспользуйтесь либо инструментом «Прямоугольное выделение», либо нажмите комбинацию клавиш CTRL+A.
- Теперь выберете «Выделение» — «Модификация» — «Граница». Вам вылезет небольшое окошко, где вы должны будете выбрать размер границы. Я поставил 15 пикселей. Вы можете поэкспериментировать.
- Как видите у вас выделение стало двойным. Это нормально. И следующим шагом вам нужно сделать то же самое, что и в первом способе, а именно выбрать «Выделение» — «Модификация» — «Сгладить». Поставьте там там радиус закругления. Я поставлю 30.
- Ну а теперь нажмите CTRL+X и у вас будет вырезана область вокруг вашего изображения и благодаря этому ваше основное изображение станет с закругленными углами. Правда тут останется фон вокруг картинки. Но он не будет заметен (если он белый конечно). Ну а если уж совсем напрягает, то вы сможете кадрировать изображение и ли что-нибудь другое, чтобы сделать убрать лишний фон. Ну а так сохраните, и всё будет good.
С помощью создания фигуры
Вот третий способ уже кардинально отличается от двух предыдущих. Так что передохните пару секунд и едем дальше. Изображение менять не буду и опять загружу эту машину в фотошоп.
- Но для дальнейших действий нам понадобится одна фигура. Идите в панель инструментов и там выберете инструмент «Прямоугольник с закругленными краями» из группы инструментов «Фигуры».
- Теперь воспользуйтесь этим инструментом также, как и прямоугольным выделением, т. е. зажмите левую кнопку мыши в левом верхнем углу, а затем тяните всё это дело в правый нижний угол. Таким образом этот прямоугольник с закругленными краями должен закрыть нашу основную картинку.
- Как вы заметили, фигура создалась на новом слое. Это-то нам и нужно. Вот только последовательность их нас не устраивает. Вам нужно поставить слой с картинкой поверх слоя с прямоугольником. Для этого зажмите левую кнопку мыши на слое с изображением и переместите его на одну позицию выше. Но перед этим нажмите на замочек, чтобы разблокировать слой. Тогда слой с машиной встанет поверх фигуры.
- Теперь выделите слой с изображением и нажмите на нем правой кнопкой мыши, после чего выберите «Создать обтравочную маску».
Вы видите, что у вас в итоге получилось? Картинка стала с загругленными краями, а все из-за того, что она отображается только так, где стоит наш нарисованный закругленный прямоугольник. Но теперь вы можете обрезать лишний фо с помощтю инструмента»Рамка», либо же сразу сохранить картинку и у вас уже будет отдельное изображение с закругленными углами.
Попробуйте проделать все сами, а заодно и скажете, какой из представленных способов болле предпочтителен вам.
И кстати, если у вас есть пробелы в фотошопе или вы его просто хотите полностью изучить в кратчайшие сроки, то очень рекомендую вам посмотреть один замечательный курс по фотошопу для начинающих. Курс отлично сделан, рассказано и показано всё просто великолепно и каждый материал разбирается очень подробно.
Ну а на сегодня я свой урок заканчиваю. Не забудьте подписаться на новые статьи и поделитесь этим со своими друзьями. Рад был вам на моем блоге. Жду вас снова. Пока-пока.
С уважением, Дмитрий Костин
Как закруглить острые углы в Фотошоп / Creativo.one
В этом кратком уроке я вам покажу, как вы можете cделать закругленные углы в Photoshop при помощи простых методов маскировки и фильтров.
Вы сможете настраивать радиус угла так, чтобы закруглить край вашей фигуры, текста и т.д. Это быстрый и простой метод, который позволит создавать закругленные углы. Для их создания вы можете использовать слой-маску.
Скачать архив с материалами к уроку
Используя ряд простых шагов в Photoshop, вы сможете сделать прямоугольник с закругленными углами. В Photoshop нет фильтра или какого-нибудь инструмента, чтобы сразу сделать круглый угол, но вы можете сделать это с помощью Illustrator. Он позволит вам создавать эффект закругленного угла практически для каждого объекта. В нем вам нужно перейти в меню
Шаг 1
В этом быстром уроке я покажу вам простой метод, который позволит получить закругленные углы уже в Photoshop, используя растрированный текст, форму или какое-либо изображение. Возьмём векторное изображение звезды с острыми углами (этот метод будет хорошо работать так же и с прямыми углами).
Шаг 2
Теперь вам нужно растрировать слой. Для этого кликнете правой кнопкой мыши по миниатюре слоя звезды в палитре слоев и в контекстном меню выберите
Шаг 3
Перейдите в меню Фильтр > Размытие (Filter > Blur) и выберите Размытие по Гауссу (Gaussian Blur). Радиус размытия будет зависеть от размера вашего изображения и от результата, который вы хотели бы получить. Я выберу радиус 5 пикселей.
Шаг 4
Зажав клавишу «Ctrl», кликните мышкой на миниатюру слоя, чтобы активировать выделение изображения. Далее переходим в меню
Шаг 5
Возьмите цвет фигуры, в нашем случае это желтый цвет и залейте все выделение этим цветом. Вы можете это сделать, нажав комбинацию клавиш «Shift + F5».
Шаг 6
Такой же метод вы можете применить для создания текста с закругленными углами, как показано на изображении ниже. Теперь вы можете придумать свой собственный шрифт.
Автор урока: psddude
Как закруглить углы в фотошопе
Последнее обновление:18/01/16
Как на картинке закруглить углы в фотошопе
При оформлении блогов неоднократно уже делала скругленные углы на изображениях, но то, что делается не так часто и недостаточно автоматически, быстро забывается.
Для тех, кто любит все посмотреть, небольшой видеоролик «как закруглить углы в фотошопе»:
Для тех, кто предпочитает читать и сразу повторять описанные действия, — текстовый вариант.
В первую очередь, Вам нужен фотошоп. Где его взять, вариантов два:
- купить на официальном сайте
- найти на торрентах
Какой вариант выбрать, решать Вам.
Итак, запускаем фотошоп. Открываем картинку, у которой надо закруглить углы в фотошопе (Файл → Открыть). Если размеры картинки больше, чем Вам необходимо, можно изменить размеры (Изображение → Размер изображения).
Справа, на превью картинки, есть маленький замочек, который блокирует редактирование исходного изображения (фонового слоя). Чтобы создать новый слой и работать уже с ним, щелкаем на нем 2 раза левой кнопкой мыши, в появившемся окошке ничего не меняем, нажимаем «Да».
Если замочка нет, то одно из двух:
либо в Вашей версии фотошопа фоновый слой можно редактировать (что сомнительно, но вдруг)
либо описанное выше можно сделать с помощью другой операции: сверху, в строке меню, выбираем «Слои», в открывшемся подменю выбираем «Новый» и по стрелочке — «из заднего плана», и в открывшемся таком же окошечке нажимаем «Да».
Выбираем в инструментах «Прямоугольник со скругленными углами».
Выбираем сверху на панели настроек режим: «Контуры». Устанавливаем радиус, чтобы закруглить углы в фотошопе. Я выбрала 40 пикселей, Вы можете выбрать подходящий для Вашей картинки.
Рисуем на картинке прямоугольник нужного размера: ставим курсор (он приобретает форму крестика) в нужную точку слева-сверху и, не отпуская кнопки мыши, ведем в противоположный угол до нужной точки.
Правой кнопкой мыши кликаем на прямоугольнике. В контекстном меню выбираем «Образовать выделенную область», радиус растушевки поставим 1 пиксел и нажимаем кнопку «Да».
С помошью меню Выделение → Инверсия выделяем все, что вне прямоугольника со скругленными углами, и удаляем выделенное клавишей Delete.
Если Вы накладывали прямоугольник не на всю картинку, то лишний прозрачный фон можно удалить с помощью последовательности команд Изображение → Тримминг → На основе прозрачных пикселов → Да.
Мы получили картинку с закругленными углами. Сохраняем ее для Web: Файл → Сохранить для Web и устройств. Выбираем Preset: PNG-24, Transparency и жмем Save. В формате PNG-24 картинка сохраняется с прозрачным фоном, для того чтобы ее можно было встроить в любой дизайн сайта.
Все то же самое можно сделать с инструментом «Эллипс», тогда Вы получите круглую картинку или в рамке эллиптической формы.
Итак, сегодня мы с Вами узнали, как закруглить углы в фотошопе у любой картинки.
Это тоже интересно:
Делаем закругленные углы картинок в Фотошопе
06.02.10 Уроки Photoshop
На некоторых сайтах, в дизайне которых нет острых углов, иллюстрации в статьях и новостях также имеют закругленные края. Очень часто веб-дизайнеры не задумываются над тем, что делать такие иллюстрации с закругленными углами владельцу сайта будет сложно, у него не обязательно есть нужные знания Photoshop. Впрочем, заказчик сайта сам виноват. Требуя, чтобы все было красиво, он часто не задумывается над тем, как он потом будет добавлять изображения с заокругленными краями в статьи и новости на своем сайте.
В этом уроке Photoshop мы увидим как просто закруглить углы рисунка на примере аватарки, не ограничиваясь добавлением простой рамки толщиной в
Когда мне впервые было нужно закруглить углы в иллюстрации для сайта, ответ для меня был неочевиден. Я погуглил и наткнулся на пару переводных инструкций, которые были слишком заумными для новичка – мучиться с каналами, путями, размытием, направляющими и прочими инструментами для продвинутых пользователей 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. Нарисованную в новом слое фигуру можно двигать с помощью стрелок на клавиатуре. Ее форму можно менять, нажав на клавиатуре комбинацию горячих клавиш Photoshop 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.
Читайте также:
Как сгладить края в Фотошопе после вырезания? — TemplateMonster
Если вы часто работаете с изображениями или настраиваете дизайн сайта, то вам точно придется что-то вырезать из фотографий и, скорее всего, вы столкнетесь с грубыми и уродливыми краями. Но, все это можно легко исправить.
Хотите чтоб ваше изображение имела отличный вид даже после обработки и вырезания объектов? Дочитайте пост до конца, и вы узнаете несколько способов, как сгладить края в Фотошопе после вырезания.
Выбирайте правильные параметры настроек
Фотошоп имеет массу настроек, которые помогают решить разные задачи. Волшебная палочка и волшебный ластик имеют настройки, которые, при правильном использовании, помогут отредактировать изображение намного качественнее. Настройки «Anti-Alias» и «Tolerance» являются основными в данном случае.
Tolerance регулирует чувствительность заполнения. Так, для левого изображения используется Anti-aliasing 5 и без сглаживания, в то время как для правого используется Anti-aliasing 40 со сглаживанием. Разница очевидна:
Использование правильных настроек поможет вам понять, как сгладить линии в Фотошопе, если не идеально, то максимально качественно.
Используйте инструмент
«Уточнить край»Как сгладить линии в Фотошопе с помощью инструмента «Уточнить край»?
- Во-первых, нужно отделить фона от объекта.
- Далее, чтоб обработать границы, выберите слой с объектом, зажмите CTRL + левая кнопка мышки и нажмите на миниатюру слоя.
- Чтоб использовать параметр «Уточнить край», необходимо сперва активировать определенный инструмент из категории «Выделение».
Только после выполнения данного шага, нужная для дальнейшей работы функция будет доступна.
- Выберите ее и введите оптимальные параметры.
- Остается только обрезать все лишнее. Для этого зажмите CTRL+SHIFT+I, далее DEL и CTRL+D.
Все, редактирование выполнено:
Эта же функция поможет, если вы думаете как сгладить углы в Фотошопе. Просто вводятся немного другие параметры.
Например, исходник имеет вид:
Выбираете уже известный нам инструмент «Уточнить край» и выставляете настройки:
В результате получаете:
P.S. Очень часто в Интернете можно встретить вопрос: «Как сгладить пиксели в Фотошопе?». На самом деле, если ответственно подойдете к выполнению предыдущих шагов, то не придется дополнительно заниматься сглаживанием пикселей. Работая с изображения, нужно помнить, что после обработки, все объекты на них должны выглядеть реалистично, и не отделяться от фона. Поэтому главное не перемудрить и не пытаться «изобрести колесо».
Закруглить углы в фотошопе. Как быстро сделать закругленные углы картинки, фотографии и любого другого объекта в Photoshop
Скругленные углы на фотографии выглядят достаточно интересно и привлекательно. Чаще всего такие изображения применяются при составлении коллажей или создании презентаций. Также картинки со скругленными углами можно использовать в качестве миниатюр к постам на сайте.
Вариантов использования много, а способ (правильный) получить такое фото всего один. В этом уроке я покажу, как скруглить углы в Фотошопе.
Открываем в Фотошопе фотографию, которую собираемся редактировать.
Затем создаем копию слоя с водопадом под названием «Фон» . Для экономии времени воспользуемся горячими клавишами CTRL+J .
Копия создается для того, чтобы оставить нетронутым исходное изображение. Если (вдруг) что-то пойдет не так, можно будет удалить неудачные слои и начать заново.
В данном случае из настроек нас интересует только одна – радиус скругления. Значение этого параметра зависит от размера изображения и от потребностей.
Я задам значение в 30 пикселей, так будет лучше видно результат.
Теперь нужно растянуть полученную фигуру на весь холст. Вызываем функцию «Свободное трансформирование» горячими клавишами CTRL+T . На фигуре появится рамка, при помощи которой можно перемещать, вращать и изменять размер объекта.
Нас интересует масштабирование. Растягиваем фигуру при помощи маркеров, указанных на скриншоте. После завершения масштабирования нажимаем ENTER .
Совет: для того, чтобы совершить масштабирование максимально точно, то есть, не выйдя за пределы холста, необходимо включить так называемую «Привязку» Посмотрите скрин, там указано, где данная функция находится.
Функция заставляет объекты автоматически «Прилипать» к вспомогательным элементам и границам холста.
Как видим, вокруг фигуры образовалось выделение. Теперь переходим на слой-копию, а со слоя с фигурой снимаем видимость (см. скриншот).
Теперь слой с водопадом активен и готов к редактированию. Редактирование заключается в удалении лишнего из углов картинки.
Инвертируем выделение горячими клавишами CTRL+SHIFT+I . Теперь выделение осталось только на углах.
Данный урок достаточно простой, но результат будет радовать глаз – аккуратные закругленные углы ваших снимков. А добиться этого очень просто, имея в арсенале Adobe Photoshop любой версии, и снимок, который необходимо обработать.
Закругление углов снимка происходит в несколько этапов:
1. Откройте изображение в Photoshop. Для этого нажмите «Файл» и «Открыть» или сочетание клавиш на клавиатуре Ctrl+O.
2. Создайте новый слой, нажав «Слои», затем «Новый слой».
3. В левой части программы располагается вертикальная панель инструментов. В ней вы найдете инструмент «Прямоугольник». В данный момент не он нам нужен, поэтому кликаем по нему правой кнопкой мыши и выбираем инструмент «Прямоугольник со скругленными углами».
4. В верхней части программы появится панель настроек данного инструмента. Здесь можно задать желаемый радиус скругления углов, т.е. можно усилить или уменьшить скругление. По умолчанию параметр имеет значение 10 пикселей. Обратите внимание, что для работы с инструментом у вас должен быть активирован параметр «Контуры», который также располагается на панели настроек.
5. Выделите все изображение, начиная с верхнего левого угла и заканчивая правым нижнем.
6. Кликните по изображению правой кнопкой мыши и выберите параметр «Образовать выделенную область». Появится пунктир выделения.
7. Теперь перейдите в горизонтальную панель инструментов и откройте вкладку «Выделение», а затем выберите «Инверсия».
8. Теперь все наоборот – выделено не само изображение, а ненужные углы. Для того чтобы убрать их, просто нажмите на клавиатуре сочетание клавиш Ctrl+Delete.
9. Теперь снимите выделение, нажав на клавиатуре Ctrl+D. Наслаждайтесь результатом!
Не забудьте сохранить готовую фотографию на компьютер.
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) или перейдя в меню Редактирование-Выполнить заливку заливаем выделение нужным цветом, например, черным , как на исходной фигуре. Отключаем видимость исходного слоя с фигурой и получаем вот такую фигуру со скругленными углами:
Вот и все. В этом уроке мы научились скруглять углы у фигур в фотошоп. Надеюсь, урок был вам полезен.
Доброго времени суток, уважаемые начинающие разработчики сайтов. Наконец-то я перехожу к рассказам о том, какие методы использовать для создания крутых сайтов. Сегодня я поведаю как за несколько минут обработать фотографию и тем самым сделать портал красивее, а длительность посещений существенно больше. Не верите? А зря…
С момента появления продающих сайтов крупные компания вплотную начали изучение вкусов аудитории. Какие-то свои открытия они тщательно стараются скрывать, так как приемы работают слишком хорошо, а другие утаить довольно сложно, используются они слишком уж часто.
К ровным, прямоугольным фотографиям все уже давно привыкли. Они используются, когда речь идет о серьезном бизнесе, занимающимся ответственными делами.
Когда компания или услуга попроще, то и картинки с плавными переходами можно увидеть гораздо чаще. Вы можете убедиться в этом на любой хорошей продающей странице, которая будет являть собой собрание лучших приемов журналистики, маркетинга и психологи.
Сегодня вы узнаете все методы как в фотошопе закруглить углы. В случае если вы думаете о том, чтобы удержать внимание и расположить к себе, то используйте обтекаемые формы, а если делаете серьезный портал и хотите создать между собой и читателем некий барьер, то лучше использовать прямоугольные изображения: «Мы серьезные ребята, хотите качество – к нам».
Быстрый способ закруглить фотку
Итак, работать будем в фотошопе. Открываем изображение.
Находим инструмент «Прямоугольник со скругленными углами».
Если не можете его отыскать, то удерживайте пару секунд левую клавишу мыши на кнопках меню, чтобы у вас открылись дополнительные опции.
Не важно какой цвет вы выберете. Тащите объект по картинке, чтобы нужная вам область была внутри фигуры.
Обратите внимание на свойства. Можете «поиграть» с показателями, указанными на картинке, и загнуть края сильнее. Введи свое число и жмите enter, чтобы увидеть результат. Когда он вас удовлетворит, нажмите enter повторно.
Теперь, удерживая кнопку CTRL, кликните по центру слоя, в котором находится только что нарисованный вами прямоугольник. Будьте внимательны, если тыркнете по тексту, то ничего не произойдет. Нажимать нужно именно в центр иконки с миниатюрным изображением.
Теперь убираем видимость. Для этого щелкните по «глазу» рядом со слоем.
Переходим к работе со слоем, выделите его: нажмите мышкой хоть по тексту, хоть по иконке. Не важно. Не пропустите этот шаг, иначе волшебства не произойдет.
Готово. Если вы собираетесь выставлять картинку на сайт, то можно ее сохраните, главное не ошибитесь с форматом.
Вам нужен именно png.
В этом случае края с шашкой будут прозрачными. Выберите jpeg и их заменит непривлекательная белая рамка.
Вы также можете добавить эту картинку на фото. В этом случае сохранять и открывать заново не обязательно.
Просто выделяете ее (Ctrl+A) затем копируете (Ctrl+C) и вставляете в другое изображение (Ctrl+V).
Скругление для дизайнеров, ускоряем процесс работы над проектом
Допустим, вы работаете над каким-то важным крутым проектом. Все уже почти готово и вы хотите посмотреть, как оно будет выглядеть со скругленными углами. Не обязательно открывать по сто тысяч вкладок: обрезать — вставлять и так далее. Все можно сделать гораздо быстрее и проще.
Вот посмотрите на мой пример. Кстати, если хотите, то можете скачать этот psd- файл, открыть его фотошопом и попрактиковаться (скачать ).
Выделяем нужный нам слой. Я собираюсь работать с большим изображением совы. Поэтому зажимаю Ctrl и кликаю на центру миниатюрного изображения этого слоя. Не по тексту или глазу. По картинке с картинкой. Простите за тавтологию.
Первым делом ставим галочку напротив «применить эффект на границах». Затем ставим радиус.
К сожалению, придется выбирать на глаз. Здесь, как правило, ставят 15. Это стандарт, но, как вы понимаете, от него можно отходить.
Подбираем идеальный вариант.
Затем во вкладке «Выделение» находим «Инверсия».
Нажимаем кнопочку «del» на клавиатуре и готово.
Чтобы убрать ползающих муравьев по краям нужно нажать одновременно Ctrl и D.
Если вам понравились эти уроки, то можете найти еще. Для этого не обязательно искать по Youtube, что в голову придет. Можно изучить все фишки «от А до Я» по видео урокам. Получите бесплатную презентацию последней версии курса на русском фотошопе. В этом случае вы не только сможете делать элементарные вещи, но и научитесь выполнять сложную работу, увидите, как применяют простые навыки настоящие специалисты и что из этого получается.
Смотрите, например, то, чему вы научились сегодня можно применить не только для обрезки углов.
Вы уже знаете, как сделать картинку в треугольниках. Не понимаете? Все очень просто.
Берете за основу первый способ обрезки из этой статьи, но вместо работы с прямоугольником выбираете многоугольник.
Не забудьте выставить «три стороны» в панели сверху, чтобы не морочить голову с преобразованием фигуры.
И, если не хотите, чтобы углы были такие же острые как у меня, просто выставите сглаживание в настройках.
Этот рисунок в psd формате вы можете скачать прямо из моего блога и поработать с ним (скачать ). Думаю, что улучшить его не проблема.
Если эта статья была полезной, подписывайтесь на рассылку моего блога. Вас ждет еще куча интересных вещей! И напоследок видео о том, как при помощи фотошопа девушку можно превратить в пиццу. Смотрите до конца, это забавно.
Работа в Фотошопе позволяет добиться одного и того же результата разными способами. Но, естественно, что наиболее рационально будет использовать тот путь, который максимально прост и эффективен. Следует отметить, что прямоугольная обрезка фотографий в Фотошопе происходит с использованием простого инструмента «кадрирование». В то же время добиться аналогичного результата, но с закругленными краями довольно сложно для начинающих пользователей, так как очевидного решения программа не предлагает.
Перед тем как закруглить края в Фотошопе, следует понимать, для чего это необходимо. Основными причинами являются:
Получение изображения или его детали, которая имеет необходимую форму, без надобности дальнейшего редактирования;
Получение оригинального и красивого оформления для фотографии.
Итак, запустив Фотошоп, необходимо добавить тот файл, который будут обрезать. Для этого можно воспользоваться пунктами меню «Файл», «Открыть» или просто перетянуть фотографию в рабочую среду программы. Для того чтобы закруглить края в Фотошопе, нужно предварительно придать изображению соответствующий размер. Сделать это можно через «Изображение», «Размер» или, предварительно создав новый документ с заданными размерами, переместить в него искомый файл. Там его можно будет деформировать по собственному усмотрению, используя «Редактирование», «Трансформация».
Подготовив таким образом рабочий образец, можно перейти непосредственно к процедуре того, как закруглить края в Фотошопе. Для этого понадобиться найти на панели слева один из инструментов, который называется «прямоугольник» (вызывается клавишей «U»), и выбрать из перечня его разновидностей — «со скругленными краями». Пользователь может настроить угол скругленных краев при помощи опции «радиус», которая станет доступна на верхней панели.
Затем следует выделить нужную часть изображения. Здесь следует обратить внимание, не перекрывает ли полученный прямоугольник исходное фото. Если это так, то на панели слоев, расположенной справа, следует опустить новый образовавшийся слой с выделением на позицию, которая будет находиться ниже, чем рабочий образец. Выделение — в данном случае «прямоугольник с закругленными краями» — можно перемещать обычными инструментами программы.
Для того чтобы понять, как закруглить края в Фотошопе, нужно нажать правой кнопкой по слою с полученным прямоугольником и выбрать «Образовать выделенную область». После чего на основной панели вверху нажать «Выделение», «Инверсия». Затем остается перейти на слой с основным изображением и применить команду «Delete», которая осуществляется нажатием соответствующей кнопки на клавиатуре или через «горячую» кнопку «D». Полученный результат остается только сохранить через меню «Файл», «Сохранить» для «родного» PSD-формата. Или можно, используя «Сохранить как…», получить результат в любом другом распространенном формате.
Это самый простой и быстрый способ того, как закруглить края в Фотошопе. Теперь дело за вашей фантазией, чтобы решить, где можно применить новые знания.
Как закруглить углы изображения. Скругляем углы на фото в фотошопе. Сглаживание с использованием границ
Вам понадобится
- Фотография или другое изображение в цифровом формате;
- Компьютер с установленной на нем лицензионной программой Corel Draw.
Инструкция
Рассмотрим способ, вам требуется закруглить один или несколько углов у прямоугольного по-разному.
Откройте в программе Corel Draw новый при помощи CTRL+N, или выбрать функцию «Создать» (Create) в выпадающем из меню «Файл» списка. Далее из того же списка выберите операцию «Импорт» или вызовите ее комбинацией клавиш CTRL+I. Далее, укажите в диалоговом окне путь к файлу изображения, и нажмите кнопку «Импорт» (Import). Ваше отобразится на данном листе.
На панели инструментов найдите свиток «Редактор узлов» (Node Editor), в нем выберите инструмент «Форма» (Shape). Также этот инструмент можно вызвать нажатием клавиши F10.
Справа от угла, который вам нужно закруглить, щелкните левой кнопкой мыши по границе изображения. Появится новый узел у изображения, дополнительно к четырем угловым. Далее, выберите опцию «Преобразовать в кривую» (Convert Line To Curve) на панели «Редактора узлов». Слева от вновь созданного узла появятся метки закругления.
На таком же расстоянии от угла добавьте новый узел на перпендикулярной стороне изображения. Не меняя инструмента «Форма», щелкните по основному угловому узлу дважды, он будет удален. Сразу станет заметным закругленный угол изображения. Метками направляющих прямых можно изменять радиус закругления угла.
Очень простым способом (с привлечением векторного объекта) можно одновременно округлить все углы у прямоугольного изображения. Не прибегая к вышеописанному способу редактирования узлов, нарисуйте рядом с импортированным изображением прямоугольник такого же размера инструментом «Прямоугольник» (Rectangle Tool) или вызовите инструмент клавишей F6.
Уже знакомым вам инструментом «Форма» щелкните по прямоугольнику и потяните мышкой за любой из его узлов к центру прямоугольника. Углы будут закруглены. Радиус закругления можно откорректировать тем же инструментом.
Отметьте свое изображение стрелочкой инструмента «Указатель» (Pick Tool).
Далее в списке главного меню найдите свиток «Эффекты» (Effects) и выберите опцию «PowerClip»и из выпадающего списка функцию «Поместить в контейнер» (Place Inside Container). Широкой стрелкой укажите на нарисованный вами прямоугольник с закругленными углами. Он станет рамкой, в которой разместится ваше изображение.
Я долго искал как можно закруглить углы при помощи Adobe Photoshop, но везде где-то не дописывают, либо написано неправильно. Как оказалось закруглить углы у любой картинки займёт не более 30 секунд, естественно после того как вы научитесь это делать.
И так чтобы выполнить такую несложную операцию необходимо запустить приложение и закинуть нужную нам картинку внутрь программы, либо воспользоваться Меню->Файл->Открыть->Нужная картинка.jpg.Я буду использовать обычное изображение природы.
Обратите внимание на правый нижний угол, в «Слоях» появилось фоновое изображение, его надо преобразовать в слой. Для этого жмём по фону правой кнопкой мыши и выбираем «Слой из заднего фона».
В результате данного действия, наш фон преобраузется в слой.
Создаём дубликат картинки, для этого жмём правой кнопкой мыши по Слой 0 и выбираем «Создать дубликат слоя».
Рисунок2
Скрываем с рабочей области «Слой 0». Чтобы скрыть слой необходимо нажать иконку ГЛАЗА рядом с названием слоя.
Выделяем нужную часть на изображение.
Как только вы отметили прямоугольником нужную часть картинки, нажмите правой кнопкой мыши внутри выделе и выберите пункт «Образовать выделенную область».
В диалоговом окошке жмём кнопочку ОК, растушёвку не трогаем.
Очень важный момент! Выделяем Слой 0 (Копия), затем нажимаем кнопку DELETE на клавиатуре. Слой 0 (копия) должен быть выделен обычным щелчком мыши.
Если всё сделано правильно, в Фотошопе вы увидите примерно вот такую картину. Теперь можно сохранить изображение например в png формате, и радоваться произведению искусства.
Есть ещё один момент, если вырезанный кусок в два а то и 3 раза меньше оригинального изображения, у него останется большая пустая область, её надо удалить. Для этого выбираем инструмент раскройка, и выделяем область изображения без пустой области.
Затем заходим в меню Редактировать->Скопировать.
Заходим в меню Файл->Создать, и просто нажимаем ОК. Программа автоматически подгонит ширину и высоту холста выделенного участка изображения.
В новом проекте «Без имени 1», а мы автоматически окажемся именно в нём, заходим в меню Редактировать->Вставить.
Сохранять картинку лучше всего с помощью пункта «Сохранить для Web». Во-первых можно вручную выбрать качество изображения в процентах, во-вторых размер изображения будет в несколько раз меньше чем если сохранять обычным способом.
И что у нас получилось на выходе.
Для тех кому не понятно как у меня получилось закруглить углы, я специально записал видео, которое поможет вам в этой не сложной задаче.
1 голосДоброго времени суток, уважаемые начинающие разработчики сайтов. Наконец-то я перехожу к рассказам о том, какие методы использовать для создания крутых сайтов. Сегодня я поведаю как за несколько минут обработать фотографию и тем самым сделать портал красивее, а длительность посещений существенно больше. Не верите? А зря…
С момента появления продающих сайтов крупные компания вплотную начали изучение вкусов аудитории. Какие-то свои открытия они тщательно стараются скрывать, так как приемы работают слишком хорошо, а другие утаить довольно сложно, используются они слишком уж часто.
К ровным, прямоугольным фотографиям все уже давно привыкли. Они используются, когда речь идет о серьезном бизнесе, занимающимся ответственными делами.
Когда компания или услуга попроще, то и картинки с плавными переходами можно увидеть гораздо чаще. Вы можете убедиться в этом на любой хорошей продающей странице, которая будет являть собой собрание лучших приемов журналистики, маркетинга и психологи.
Сегодня вы узнаете все методы как в фотошопе закруглить углы. В случае если вы думаете о том, чтобы удержать внимание и расположить к себе, то используйте обтекаемые формы, а если делаете серьезный портал и хотите создать между собой и читателем некий барьер, то лучше использовать прямоугольные изображения: «Мы серьезные ребята, хотите качество – к нам».
Быстрый способ закруглить фотку
Итак, работать будем в фотошопе. Открываем изображение.
Находим инструмент «Прямоугольник со скругленными углами».
Если не можете его отыскать, то удерживайте пару секунд левую клавишу мыши на кнопках меню, чтобы у вас открылись дополнительные опции.
Не важно какой цвет вы выберете. Тащите объект по картинке, чтобы нужная вам область была внутри фигуры.
Обратите внимание на свойства. Можете «поиграть» с показателями, указанными на картинке, и загнуть края сильнее. Введи свое число и жмите enter, чтобы увидеть результат. Когда он вас удовлетворит, нажмите enter повторно.
Теперь, удерживая кнопку CTRL, кликните по центру слоя, в котором находится только что нарисованный вами прямоугольник. Будьте внимательны, если тыркнете по тексту, то ничего не произойдет. Нажимать нужно именно в центр иконки с миниатюрным изображением.
Теперь убираем видимость. Для этого щелкните по «глазу» рядом со слоем.
Переходим к работе со слоем, выделите его: нажмите мышкой хоть по тексту, хоть по иконке. Не важно. Не пропустите этот шаг, иначе волшебства не произойдет.
Готово. Если вы собираетесь выставлять картинку на сайт, то можно ее сохраните, главное не ошибитесь с форматом.
Вам нужен именно png.
В этом случае края с шашкой будут прозрачными. Выберите jpeg и их заменит непривлекательная белая рамка.
Вы также можете добавить эту картинку на фото. В этом случае сохранять и открывать заново не обязательно.
Просто выделяете ее (Ctrl+A) затем копируете (Ctrl+C) и вставляете в другое изображение (Ctrl+V).
Скругление для дизайнеров, ускоряем процесс работы над проектом
Допустим, вы работаете над каким-то важным крутым проектом. Все уже почти готово и вы хотите посмотреть, как оно будет выглядеть со скругленными углами. Не обязательно открывать по сто тысяч вкладок: обрезать — вставлять и так далее. Все можно сделать гораздо быстрее и проще.
Вот посмотрите на мой пример. Кстати, если хотите, то можете скачать этот psd- файл, открыть его фотошопом и попрактиковаться (скачать ).
Выделяем нужный нам слой. Я собираюсь работать с большим изображением совы. Поэтому зажимаю Ctrl и кликаю на центру миниатюрного изображения этого слоя. Не по тексту или глазу. По картинке с картинкой. Простите за тавтологию.
Первым делом ставим галочку напротив «применить эффект на границах». Затем ставим радиус.
К сожалению, придется выбирать на глаз. Здесь, как правило, ставят 15. Это стандарт, но, как вы понимаете, от него можно отходить.
Подбираем идеальный вариант.
Затем во вкладке «Выделение» находим «Инверсия».
Нажимаем кнопочку «del» на клавиатуре и готово.
Чтобы убрать ползающих муравьев по краям нужно нажать одновременно Ctrl и D.
Если вам понравились эти уроки, то можете найти еще. Для этого не обязательно искать по Youtube, что в голову придет. Можно изучить все фишки «от А до Я» по видео урокам. Получите бесплатную презентацию последней версии курса на русском фотошопе. В этом случае вы не только сможете делать элементарные вещи, но и научитесь выполнять сложную работу, увидите, как применяют простые навыки настоящие специалисты и что из этого получается.
Смотрите, например, то, чему вы научились сегодня можно применить не только для обрезки углов.
Вы уже знаете, как сделать картинку в треугольниках. Не понимаете? Все очень просто.
Берете за основу первый способ обрезки из этой статьи, но вместо работы с прямоугольником выбираете многоугольник.
Не забудьте выставить «три стороны» в панели сверху, чтобы не морочить голову с преобразованием фигуры.
И, если не хотите, чтобы углы были такие же острые как у меня, просто выставите сглаживание в настройках.
Этот рисунок в psd формате вы можете скачать прямо из моего блога и поработать с ним (скачать ). Думаю, что улучшить его не проблема.
Если эта статья была полезной, подписывайтесь на рассылку моего блога. Вас ждет еще куча интересных вещей! И напоследок видео о том, как при помощи фотошопа девушку можно превратить в пиццу. Смотрите до конца, это забавно.
Как закруглить углы фотографии в фотошопе инструментом ПРЯМОУГОЛЬНИК СО СКРУГЛЕННЫМИ УГЛАМИ1. Запускаем фотошоп, открываем нужную фотографию
2. Выбираем инструмент ПРЯМОУГОЛЬНИК СО СКРУГЛЕННЫМИ УГЛАМИ
3. В настройках инструменты можно задать радиус, на сколько сильно закруглить углы в фотошопе. Я выбрала 50 px
4. У нас выбран инструмент ПРЯМОУГОЛЬНИК СО СКРУГЛЕННЫМИ УГЛАМИ.
Теперь мышку подводим к левому верхнему углу, появился крестик он должен быть белого цвета, и тянем мышку в правый нижний угол, так чтоб крестик совпал с углом картинки, в этом случае крестик станет белым.
У нас появится фигура с закругленными углами.
Далее картинку в слоях перетаскиваем в верхний слой, как показано на скрине
5. Выделяем область закругления.
На картинке жмем правой кнопкой мыши выбираем Образовать выделенную область и ничего не меняем, — жмем ОК.
У нас появиться закругленное выделение
6.Заходим ВЫДЕЛЕНИЕ-ИНВЕРСИЯ или просто нажать Shift+Ctrl+I
7. Теперь нужно удалить выделенные углы с помощью кнопки Delete на клавиатуре.
8.Теперь убираем выделение, можно так Ctrl+D и смотрим на результат
Урок от Натальи Петровой: (blogs.mail.ru/mail/petrovanata11/62219DB24CD43D05.html)
Традиционные прямоугольные уголки в дизайне сайтов давно уже всем надоели. В моде скруглённые уголки, которые делаются не с помощью изображений, а через стили, для чего используется свойство border-radius . Это свойство может иметь одно, два, три или четыре значения разделённых пробелом, которые и определяют радиус всех уголков или каждого по отдельности.
В табл. 1 приведёно разное количество значений и вид блока, который получается в этом случае.
Код | Описание | Вид |
---|---|---|
div { border-radius: 10px; } | Радиус скругления для всех уголков сразу. | |
div { border-radius: 0 10px; } | Первое значение устанавливает радиус левого верхнего и правого нижнего уголка, второе значение — для правого верхнего и левого нижнего. | |
div { border-radius: 20px 10px 0; } | Первое значение задаёт радиус левого верхнего уголка, второе — одновременно правого верхнего и левого нижнего, а третье значение — правого нижнего. | |
div { border-radius: 20px 10px 5px 0; } | Последовательно устанавливает радиус левого верхнего уголка, правого верхнего, правого нижнего и левого нижнего. |
В примере 1 показано создание блока со скруглёнными уголками.
Пример 1. Уголки у блока
HTML5 CSS3 IE 9+ Cr Op Sa Fx
РадиусМеня — супплетивная форма винительного падежа от я.
Результат данного примера показан на рис. 1.
Рис. 1. Блок со скруглёнными уголками
Интересный эффект можно получить, если задать радиус скругления больше половины высоты и ширины элемента. В таком случае получится круг. В примере 2 показано создание круглой кнопки с рисунком.
Пример 2. Круглая кнопка
HTML5 CSS3 IE 9+ Cr Op Sa Fx
КнопкаРезультат данного примера показан на рис. 2.
Рис. 2. Круглая кнопка
В браузере Opera скругление к применяется некорректно, если не задана граница через свойство border .
Свойство border-radius можно сочетать и с другими свойствами, например, добавить к элементу тень. В примере 3 сделан набор кружков, из которых один подсвечивается с помощью box-shadow . Такой набор можно использовать для навигации по страницам или по фотографиям.
Пример 3. Свечение
HTML5 CSS3 IE 9+ Cr Op Sa Fx
СвечениеРезультат данного примера показан на рис. 3.
Рис. 3. Свечение вокруг кружка
С помощью border-radius можно сделать не только кружок, но и эллипс, а также эллиптическое скругление у блока. Для этого надо написать не одно значение, а два через слэш. Запись 20px/10px означает, что по горизонтали радиус скругления будет 20 пикселов, а по вертикали 10 пикселов. В примере 4 показано создание эллиптических уголков для добавления к фотографии надписи оформленной как в комиксах.
Пример 4. Эллипсы
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Эллиптические уголки Вы сами себе учительРезультат данного примера показан на рис. 4.
Рис. 4. Использование эллиптических уголков
Вид уголков можно изменить и у изображений, добавляя к селектору img свойство border-radius , как показано в примере 5.
Пример 5. Изображения
HTML5 CSS3 IE 9+ Cr Op Sa Fx
ИзображенияPhotoshop CS6 — Создание закругленных углов на фотографии: 9 шагов
Введение: Photoshop CS6 — Создание закругленных углов на фотографии
В этом уроке я покажу вам, как создать закругленные углы на фотографии с помощью Adobe Photoshop CS6
Добавить TipAsk QuestionCommentDownload
Шаг 1: Разблокировать фоновый слой
-Дважды щелкните фоновый слой, чтобы разблокировать его
Добавить TipAsk QuestionCommentDownload
Шаг 2: Выберите инструмент Shape
Под инструментом формы выберите инструмент Rounded Rectangle Tool
Добавить TipAsk QuestionCommentDownload
Шаг 3: Выберите путь и радиус
По умолчанию Форма выбрана, выберите Путь
Введите значение Радиус (в этом примере я выбрал 35px )
Добавить TipAsk QuestionCommentDownload
Шаг 4: Создать векторную маску
В меню «Слой »> «Векторная маска»> «Показать все»
9 0004 Это создаст миниатюру векторной маски рядом с фотографиейДобавьте TipAsk QuestionCommentDownload
Шаг 5: Нарисуйте скругленную форму
Нарисуйте скругленную форму прямоугольника
Когда отпустите кнопку мыши, она удалит за пределами формы, которую мы просто draw
Добавить TipAsk QuestionCommentDownload
Шаг 6: Сохраните свою фотографию
Файл> Сохранить для Интернета
Если фоновый слой прозрачный, сохраните изображение как PNG-24
Если есть цвет фона, сохраните изображение как JPEG
Добавить TipAsk QuestionCommentDownload
Шаг 7:
Добавить TipAsk QuestionCommentDownload
Шаг 8:
Добавить TipAsk QuestionCommentDownload
Шаг 9: Photoshop CS6 — Создать закругленные углы
DownloadA Будьте первым, кто поделится
Вы сделали этот проект? Поделитесь с нами!
Я сделал это!Рекомендации
4 Обсуждения
0
ReplyUpvote
0
ReplyUpvote
это действительно полезно для меня. вы показываете шаг за шагом, это потрясающе для обучения. спасибо Moinul
0
ReplyUpvote
К сожалению, у меня это не сработало.
Шаг 5 — Когда я отпускаю мышь, она не удаляет за пределами формы. Что я делаю не так?
1 Ответить0
ReplyUpvote
У меня была та же проблема, но я понял, что мне нужно щелкнуть белый квадрат в слое векторной маски.В его уроке похоже, что он просто показывает вам, что квадрат — это то, что происходит, когда вы выбираете «показать все», но на самом деле вам нужно щелкнуть по этому квадрату. : P Надеюсь, это вам поможет!
Опубликовать комментарийСоздание фото с закругленными углами в Photoshop
Автор Стив Паттерсон.
В этом уроке Photoshop , мы собираемся посмотреть, насколько легко создать закругленных углов на фото . Как и в большинстве других вещей в Photoshop, существует около 17 различных способов создания закругленных углов, но мы собираемся сделать вещи интересными, рассмотрев способ сделать это с помощью чего-то в Photoshop, о котором многие люди даже не знают — векторных масок. ! Что такое векторная маска? Что ж, если вы думаете, что маски слоев — это весело (вы действительно думаете, что маски слоев — это весело, верно?), Вам понравятся векторные маски!
Любой графический дизайнер знает, что один из способов заставить людей чувствовать себя определенным образом, когда они смотрят на дизайн, — это использование форм.Различные формы по-разному влияют на нас. Некоторые формы кажутся теплыми, дружелюбными и веселыми, а другие — холодными, жесткими и серьезными. Вам не нужно быть экспертом по дизайну, чтобы убедиться в этом на себе. Просто возьмите карандаш и лист бумаги, нарисуйте квадрат, затем круг и спросите себя, какой из них вам больше нравится. Скорее всего, если вы не из тех людей, которым нравится проводить субботние вечера, реорганизуя свой картотечный шкаф (хотя в этом нет ничего плохого), вы выберете круг.Люди любят круги. Это «теплые, дружелюбные и веселые» формы. Фактически, это даже не должен быть полный круг. Вы можете взять квадрат или прямоугольник с его резкими, прямыми углами, что обычно нам совсем не кажется забавным, вместо этого придать ему закругленные углы, и внезапно это станет похоже на жизнь вечеринки!
Хорошо, возможно, это немного преувеличивает, но закругленные углы определенно выглядят для нас более привлекательно, чем острые прямые. Немного прискорбно, что каждый раз, когда мы делаем снимок, даже если это фотография детского дня рождения с воздушными шарами и праздничными шляпами, фотография все равно заканчивается острыми углами.Это может быть хорошо, если мы просто печатаем фотографии, но что, если мы хотим использовать фотографию в дизайне или коллаже? Как превратить эти острые углы в круглые?
Ответ? Очень просто, особенно когда мы используем векторную маску! Фактически, мы можем не только придать фотографии
закругленные углы, но и полностью контролировать, насколько они закруглены!
Вот изображение, которое я буду использовать в этом уроке Photoshop:
Исходное изображение.
Давайте посмотрим, как легко закруглить эти углы!
Этот урок из нашей серии фотоэффектов.Давайте начнем!
Загрузите это руководство в формате PDF для печати!
Шаг 1. Добавьте маску слоя
Я открыл новый пустой документ Photoshop
, заполнил слой Background черным, чтобы нам было легче увидеть, что происходит, а затем перетащил свою фотографию в новый документ. Здесь мы видим документ, показывающий фотографию на черном фоне:
Фотография на черном фоне.
И если мы посмотрим на палитру «Слои», то увидим фотографию, расположенную на отдельном слое, «Слой 1», над слоем Background :
Палитра слоев в Photoshop показывает фотографию на «Слое 1» над фоновым слоем, заполненным черным цветом.
Выбрав «Слой 1» или какой-либо другой слой, на котором находится ваша фотография, щелкните значок «Маска слоя» в нижней части палитры «Слои»:
Добавьте маску слоя к «Layer 1», щелкнув значок «Layer Mask».
Похоже, что в вашем документе ничего не произошло, но если мы посмотрим на слой в палитре слоев, мы увидим, что теперь у нас есть миниатюра маски слоя справа от миниатюры предварительного просмотра слоя:
После щелчка по значку «Маска слоя» на «Слое 1» появляется миниатюра маски слоя.
Мы не будем покрывать маски слоев в этом уроке, поскольку мы не будем их использовать, но если вы хотите узнать больше о масках слоев, обязательно ознакомьтесь с нашим полным руководством «Понимание масок слоев» в разделе «Основы Photoshop».
Шаг 2. Добавьте векторную маску
Хорошо, если мы не собираемся использовать маску слоя, почему мы просто добавили ее? Что ж, мы собираемся сделать то, чего многие люди никогда не делают. Мы увидим то, чего многие люди никогда не увидят. Почему? Потому что нас не «много людей».Мы отличаемся от них. Эти люди щелкают значок один раз, смотрят, что он делает, а затем вздремнут. Им никогда не приходит в голову, что, может быть, просто возможно, если они нажмут на тот же самый значок секунд раз, что ж, есть хотя бы небольшой шанс, что что-то или может произойти! И это плохо для них, потому что в этом случае произойдет что-то еще !
Я знаю, это звучит безумно, но теперь, когда мы добавили нашу маску слоя, нажмите еще раз на тот же самый значок маски слоя:
Щелкните второй раз по значку «Маска слоя» в нижней части палитры «Слои».
Если в настройках Photoshop включен параметр «Показывать подсказки», возможно, вы уже заметили что-то немного другое, когда наводили указатель мыши на значок. Всплывающая подсказка больше не говорит «Добавить маску слоя», как обычно. Вместо этого теперь он говорит «Добавить векторную маску», и как только мы щелкаем по значку, если мы посмотрим на слой в палитре слоев, мы получим то, что выглядит как миниатюра маски второго слоя справа от первого. . Разница в том, что это , а не — миниатюра маски второго слоя.Это эскиз векторной маски:
Миниатюра «векторная маска» отображается справа от миниатюры маски слоя.
Миниатюра маски слоя слева и миниатюра векторной маски справа выглядят совершенно одинаково, но есть большая разница между маской слоя и векторной маской. Оба они используются для отображения и скрытия разных частей слоя, но способ их выполнения совершенно разный. С помощью маски слоя мы рисуем на ней, обычно с помощью инструмента «Кисть», чтобы сделать разные части маски белыми, черными или промежуточными оттенками серого.Белый делает эту часть слоя видимой, черный скрывает ее, а серый делает эту область частично видимой в зависимости от того, насколько светлый или темный оттенок серого.
Векторные маски, с другой стороны, совсем не требуют рисования. Фактически, вы не можете рисовать на , потому что Photoshop не позволит вам. Вместо этого мы используем фигуры, чтобы контролировать, какие части слоя видны или скрыты. Фактически, мы собираемся использовать форму прямо сейчас, чтобы создать наши закругленные углы!
Шаг 3. Выберите инструмент «Прямоугольник со скругленными углами»
Теперь, когда наша векторная маска добавлена, перейдите на палитру инструментов и выберите инструмент Rounded Rectangle Tool.По умолчанию он вложен в обычный инструмент «Прямоугольник», поэтому щелкните инструмент «Прямоугольник» и удерживайте кнопку мыши в течение секунды или двух. Вы увидите всплывающее меню. Выберите инструмент Rounded Rectangle Tool из списка:
.Щелкните и удерживайте кнопку мыши на инструменте «Прямоугольник» в палитре «Инструменты», затем выберите «Инструмент прямоугольника со скругленными углами» во всплывающем меню.
Не путайте эти инструменты с инструментами выделения в верхней части палитры инструментов, такими как прямоугольное выделение или эллиптическое выделение. Это инструменты выделения, и они используются для перетаскивания выделения. Инструменты, которые мы здесь выбираем, — это инструменты формы, и они используются для рисования фигур.
Выбрав инструмент «Прямоугольник со скругленными углами», перейдите на панель параметров в верхней части экрана. Вы увидите группу из трех значков слева. Эти три значка определяют, как будет работать наш инструмент Shape. Мы хотим рисовать фигуры с помощью инструмента Фигура (звучит довольно очевидно, не так ли?), Поэтому щелкните значок слева, который является значком слоев фигур:
Щелкните значок «Слои фигур» на панели параметров.
Затем, если вы двинетесь дальше вправо, вы перейдете к опции Радиус. Этот параметр определяет, насколько скругленными будут наши углы. Чем выше число, тем округленнее они будут. Меньшее число, менее округленное. Все просто. Проблема в том, что вы никогда не узнаете наверняка, какое число ввести для значения радиуса, пока не попробуете его, начнете рисовать форму, посмотрите, насколько скруглены углы, а затем решите, довольны ли вы результатом. или нужно ли более или менее закруглить угол.Обычно я начинаю со значения где-то между 10-20 пикселями, затем растягиваю форму и решаю, нравятся ли мне углы. Обычно я этого не сделаю, и вы, вероятно, тоже не сделаете этого с первой попытки, поэтому просто введите значение для начала, растяните фигуру и, если вас не устраивает округлость углов, просто нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить фигуру, затем введите другое значение в параметр Радиус и повторите попытку.
Я уже экспериментировал с этим несколько раз и знаю, что значение радиуса около 30 пикселей даст мне нужные углы, поэтому я собираюсь ввести «30 пикселей» («пикселей» стоит для «пикселей») в параметр «Радиус»:
Введите значение в поле «Радиус», чтобы определить, насколько скругленными будут углы.
Шаг 4. Выберите эскиз векторной маски на палитре слоев
У нас выбран инструмент «Прямоугольник со скругленными углами», мы выбрали опцию «Слои формы» в палитре слоев и ввели значение «Радиус», которое будет определять, насколько скругленными будут наши углы. Мы готовы растянуть нашу форму. Однако сначала нам нужно убедиться, что векторная маска выбрана, поэтому вернувшись в палитру слоев, щелкните миниатюру векторной маски, чтобы выбрать ее. Вы увидите белое поле выделения вокруг миниатюры, которое дает нам знать, что векторная маска выбрана:
Щелкните эскиз векторной маски в палитре слоев, чтобы выбрать ее.Вокруг миниатюры появится белая рамка выделения.
Шаг 5. Вытяните фигуру
Все, что нам нужно сделать, это растянуть нашу фигуру. Несмотря на то, что нам будет казаться, что мы рисуем фигуру на самом изображении, на самом деле мы рисуем ее на векторной маске, и когда мы закончим, единственная часть нашей фотографии, которая останется видимая область внутри фигуры. Все, что находится за пределами формы, будет скрыто. Идите вперед и растяните свой скругленный прямоугольник.Если вы хотите сохранить все на фотографии и просто скруглить углы, начните с левого верхнего угла фотографии и перетащите указатель мыши вниз в правый нижний. Если вы предпочитаете использовать форму, чтобы обрезать часть фотографии, а также придать ей закругленные углы, просто перетащите фигуру вокруг области, которую вы хотите сохранить.
Если вам нужно изменить положение фигуры при перетаскивании, удерживайте нажатой клавишу пробела, а затем перетащите фигуру на новое место. Отпустите клавишу пробела, когда закончите, и продолжайте вытягивать фигуру.
Здесь я растянул свой скругленный прямоугольник прямо по краям фотографии. Вы можете увидеть закругленные углы фигуры, которые через мгновение станут закругленными углами самой фотографии:
Щелкните и растяните прямоугольник с закругленными углами внутри документа. Любые области фотографии, выходящие за пределы формы, будут скрыты от просмотра векторной маской.
Отпустите кнопку мыши, когда вы довольны своей формой, и ваша фотография мгновенно «замаскируется» по форме благодаря векторной маске, а углы фотографии теперь закруглены:
Фотография теперь маскируется формой прямоугольника со скругленными углами благодаря векторной маске, а углы фотографии теперь выглядят скругленными.
Давайте закончим, добавив границу к нашей фигуре.
Шаг 6. Добавьте белую обводку для создания границы фотографии
То, что углы нашей фотографии теперь закруглены, не означает, что мы все еще не можем добавить к ней рамку. Это просто означает, что углы границы тоже будут закруглены! Чтобы добавить границу, щелкните значок «Стили слоя» в нижней части палитры «Слои»:
Щелкните значок «Стили слоя» в нижней части палитры слоев.
Затем выберите «Обводка» в нижней части появившегося списка стилей слоев:
Выберите «Обводка» из списка стилей слоя.
Это вызовет диалоговое окно «Стиль слоя» Photoshop, для которого в среднем столбце установлены параметры «Обводка». Я собираюсь увеличить размер обводки примерно до 16 пикселей. Вы можете установить другое значение в зависимости от размера и разрешения вашего изображения. Я собираюсь оставить для параметра «Положение» значение «Снаружи», при котором обводка будет полностью помещена за пределы краев фигуры. Наконец, я собираюсь щелкнуть образец цвета для параметра «Цвет» внизу, который по умолчанию установлен на красный (потому что Adobe считает, что всем, естественно, будет нужен красный цвет в качестве цвета обводки), и в появившемся палитре цветов Я собираюсь выбрать белый цвет в качестве цвета обводки.Нажмите OK, чтобы выйти из палитры цветов, как только вы выбрали белый цвет:
.Измените параметры обводки, обведенные красным выше.
Когда вы закончите, нажмите OK, чтобы выйти из диалогового окна Layer Style и применить обводку! Вот мой окончательный результат после применения обводки для создания границы фотографии:
Окончательный результат «закругленных углов».
И вот оно! Вот как невероятно легко придать фотографии закругленные углы в Photoshop с помощью векторной маски и инструмента Rounded Rectangle Tool! Посетите наш раздел «Фотоэффекты» для получения дополнительных уроков по эффектам Photoshop!
Изгибание краев изображений в Photoshop
Изгибание краев изображений в Photoshop | Джордж ОрнбоПоследнее обновление
Я получаю много ссылок от поисковых систем от людей, которые хотят создавать изогнутые изображения или изогнутые прямоугольники в Photoshop.Итак, вот краткое руководство, чтобы показать вам, как это сделать.
Приблизительное время чтения: 3 минуты
Оглавление
Изогнутые прямоугольники
Изогнутые прямоугольники просты — в Photoshop есть инструмент, который создаст форму для вас. Вы можете получить доступ к этому инструменту, нажав U. Это выбирает инструмент Custom Shape Tool. Чтобы создать изогнутый прямоугольник, вам понадобится инструмент Rounded Rectangle Tool, который находится вторым внизу.
Затем просто нарисуйте прямоугольник. Вы изменяете величину кривой, изменяя радиус.В рабочем пространстве по умолчанию это находится в верхней части экрана. Если вы не видите рабочее пространство по умолчанию, вы можете вернуться к нему, выбрав «Окно»> «Рабочая область»> «Рабочее пространство по умолчанию»
Примеры изогнутых прямоугольников, радиус которых изменяет кривую
Изгиб краев фигур или фотографий
Часто вы захочет разбить резкие края фотографий твердых форм, таких как прямоугольники или фотографии. Это легко сделать с помощью маски.
Когда вы открываете фотографию, изображение по умолчанию будет иметь один слой.Это будет называться «Фон». Чтобы создать изогнутые края, вам нужно скопировать этот слой. Щелкните слой правой кнопкой мыши и выберите «Дублировать слой». Затем скройте или удалите исходный фоновый слой. Если все пойдет не так, это, вероятно, предпочтительнее!
Шаг первый — Нарисуйте кривую
Выделите прямоугольник с закругленными углами, как мы это делали в первом примере. Затем нарисуйте прямоугольник поверх своей формы. Вы можете изменить кривую вашего прямоугольника, используя параметр радиуса. Не беспокойтесь о цвете — в конце концов, вы этого не увидите.
Шаг второй — Выберите изогнутый прямоугольник
Чтобы создать маску, вам нужно выбрать изогнутый прямоугольник, который вы только что нарисовали. Для этого наведите курсор на предварительный просмотр формы в окне слоев. В примере это красный квадрат. Удерживая нажатой клавишу Apple Key на Mac (CTRL в Windows), вы увидите белый прямоугольник рядом с рукой. Щелкните, и форма будет выбрана — вы заметите знакомый черно-белый край формы, показывающий, что она выбрана.
Добавление маски векторного слоя
Чтобы вырезать форму, мы используем маску векторного слоя. Чтобы создать это, вы теперь выбираете слой фоновой копии. Вы должны увидеть, что ваш изогнутый прямоугольник все еще выделен. Внизу панели слоев находится то, что выглядит как маленькая камера. Когда вы наводите курсор на него, появляется надпись «Добавить маску векторного слоя». Щелкните здесь, чтобы добавить маску векторного слоя. Когда вы добавите маску, вы увидите, что части изображения, которые не находятся под маской, исчезнут.
Показ готового изображения
Чтобы показать готовое изображение, просто отключите видимость слоя изогнутого прямоугольника.Вы делаете это, щелкая значок глаза в окне слоев рядом со слоем изогнутого прямоугольника. Затем сохраните изображение для Интернета, и готово!
Используйте свое воображение
Вы можете использовать любую форму для создания векторной маски, так почему бы не исследовать элементы с помощью инструмента Custom Shapes Tool? Вы можете использовать любой из них, чтобы замаскировать свою фотографию или форму.
Все еще не понимаете? Смотреть фильм!
Curving the Edges of Images in Photoshop от Джорджа Орнбо на Vimeo.
У вас есть обновления или предложения по этой статье? Вы можете отредактировать его здесь и отправить мне запрос на перенос.
Теги
Недавние сообщения
Об авторе
Джордж Орнбо (George Ornbo) — инженер-программист из Бакингемшира, Англия.
Он является автором Sams Teach Yourself Go за 24 часа и Sams Teach Yourself Node.js за 24 часа. Его можно найти в большинстве обычных мест в виде фигур.
← http://shapeshed.com
Контент находится под лицензией Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)
Создание закругленных углов в Photoshop и Photoshop Elements
Доброе утро, скребки! Счастливого Хэллоуина! Мы заняты подготовкой к веселой ночи фокусов или угощений, и много фотографируем, и вы знаете, что это значит ?? МНОГО веселого нового лома! Сегодня у меня для вас есть новый учебник, который добавит интереса вашим фотографиям на Хэллоуин . .. так что давайте приступим!
Несколько недель назад я сделал урок о том, как начать свой первый макет.В этом макете я закруглял края моих фотографий. Скругление углов — хороший способ изменить внешний вид макета. Это делает ваши фотографии мягкими и милыми и действительно придает им другой вид. С тех пор один из читателей нашего блога попросил меня показать вам, как это сделать, поэтому сегодня я здесь, чтобы показать вам быстрый и простой способ скруглить края вашей фотографии! Есть НЕСКОЛЬКО способов сделать это, но я девушка с маской, поэтому сегодня я вам покажу именно этот способ! Этот учебник можно использовать как в Photoshop, так и в Photoshop Elements, поэтому убедитесь, что вы выбрали правильную версию указаний, когда дело доходит до выбора.
Для начала откройте картинку или бумагу, углы которой нужно закруглить.
Я выбираю эту ОЧЕНЬ энергичную девятилетнюю Кортни.
Разве тебе не нравятся эти зубы? Вы можете сказать подтяжки ???
После того, как вы открыли фотографию или лист бумаги, вам нужно сделать копию фотографии, чтобы случайно не внести изменения в оригинал. Это хорошая привычка, когда вы работаете с НИЧЕГО, что вы НЕ хотите случайно сохранить..шаблоны, фото .. вы называете это! Если вы не хотите рискнуть и испортить его … ДУБЛИРУЙТЕ его!
В строке меню в верхней части рабочей станции выберите «Файл»> «Дублировать файл» (Photoshop Elements) или «Изображение»> «Дублировать» (в Photoshop CS). Переименуйте файл и нажмите ОК.
На этом этапе вы можете закрыть исходную фотографию, чтобы не запутать ее, и случайно сохранить новые изменения поверх оригинала. После того, как вы скопировали свою фотографию и закрыли оригинал, пора приступить к созданию маски.
В Elements выберите инструмент Прямоугольник со скругленными углами из меню Палитры инструментов слева на странице и измените радиус примерно на 125 в окне радиуса под панелью меню.
Для пользователей CS : выберите значок Shape Layers (CTRL + U) на панели инструментов меню.
Затем измените радиус примерно на 125 в окне радиуса. Он расположен прямо под строкой меню в верхней части рабочей станции.
После того, как вы изменили радиус, щелкните в углу фотографии и перетащите мышь, пока не нарисуете прямоугольник того размера, который вам нужен для вашей фотографии или бумаги. Отпустите мышь. Закрашенный прямоугольник со скругленными углами появится на собственном слое прямо над вашей фотографией.
** ПРИМЕЧАНИЕ. В этот момент я всегда уменьшаю непрозрачность маски, чтобы видеть свою фотографию под ней. ЕСЛИ вы решите уменьшить непрозрачность, не забудьте вернуть непрозрачность обратно на 100%, прежде чем продолжить.Эта часть ОЧЕНЬ важна, иначе ваша фотография будет отображаться с непрозрачностью только 50%!
На правой стороне вашей рабочей станции в палитре слоев щелкните свою фотографию и перетащите ее НАД слоем прямоугольника.
Теперь вы можете создать группу отсечения. Выберите слой с фотографией в палитре слоев. Чтобы создать маску в Photoshop Elements, вам нужно нажать Ctrl-G на слое маски. В Photoshop CS вы можете нажать CTRL + ALT + G, чтобы обрезать маску, ИЛИ вы можете нажать клавишу ALT и щелкнуть линию, разделяющую фотографию и маску в палитре слоев.
Если вам нужно поработать с фотографией, чтобы убедиться, что она выровнена по центру или правильно обрезана, щелкните фотографию, и появится набор линий в форме прямоугольника. Щелкните левой кнопкой мыши по одному из угловых полей и перетащите фотографию, чтобы получить желаемый урожай! Нажмите Enter, чтобы сохранить изменения.
После того, как вы внесете все исправления в свою фотографию, вам нужно объединить слои. Нажмите и удерживайте Shift + Ctrl + E, чтобы объединить все видимые слои в один.После объединения слоев у вас есть фотография с закругленными углами, готовая для размещения на вашем макете .. все, что вам нужно сделать, это перетащить ее и отпустить!
На этом урок сегодня… Я собираюсь добавить усы своему маленькому котенку! Она будет так мило! Я надеюсь, что у вас сегодня будет ужасно захватывающая ночь и удачного Хэллоуина!
Тамара
5 секретов Photoshop Crop Tool
Если вы привыкли нажимать на инструмент кадрирования, перетаскивая его по изображению и нажимая клавишу Enter, вы можете удивиться, узнав, что есть и другие параметры, которые можно использовать при кадрировании в Photoshop.
Вот мои пять «хранимых секретов» инструмента кадрирования Photoshop.
1. Поворачивайте при кадрировании
Когда вы перетаскиваете рамку обрезки по изображению, вы можете повернуть ее, отпустив кнопку мыши и потянув за один из углов области, чтобы повернуть ее. При двойном щелчке вы одновременно вращаете и кадрируете изображение.
2. Обрезка перспективы
Вы можете исправить перспективу одновременно с кадрированием, сначала перетащив рамку кадрирования на изображение.Отпустите кнопку мыши и установите флажок «Перспектива» на панели инструментов. Теперь, когда вы перетаскиваете угол рамки, углы перемещаются независимо друг от друга, позволяя вам расположить рамку вдоль линий, по которым вы хотите обрезать изображение. Когда вы кадрируете изображение, оно обрезается и искажается для создания прямоугольного изображения. Вы можете использовать это, чтобы исправить искаженную перспективу на ваших изображениях.
3. Урожай, который не является урожаем
После того, как вы выбрали область для обрезки, вам фактически не нужно обрезать ее, и вместо этого вы можете просто скрыть обрезанную область, а не удалять ее навсегда.
Для этого вам необходимо работать со слоем изображения, а не с фоновым слоем, поэтому дважды щелкните фоновый слой и преобразуйте его в обычный слой. Перетащите прямоугольник кадрирования на изображение и на панели параметров инструмента выберите параметр «Скрыть». При двойном щелчке обрезанная область будет скрыта, но по-прежнему доступна.
Теперь вы можете выбрать инструмент «Перемещение» и изменить положение изображения внутри области, до которой вы его обрезали. Это полезно, когда вы хотите обрезать изображение до размера 4 x 6 и хотите поэкспериментировать с различными способами компоновки изображения в этой области.
4 Создание и использование предустановок кадрирования
Когда вы щелкаете инструмент «Кадрирование», вы можете выбирать из различных предустановок, щелкая раскрывающийся список справа от инструмента на панели параметров инструмента. Щелкните предустановку и перетащите изображение, чтобы создать область кадрирования. Вы можете превратить портретную обрезку в альбомную (или наоборот), выбрав предустановку, перетащив изображение и затем повернув рамку на девяносто градусов, удерживая при этом клавишу Shift, чтобы ограничить поворот до кратных 15 градусов.
Чтобы создать свой собственный набор настроек, установите ширину, высоту и разрешение на панели параметров инструмента, а затем щелкните всплывающее меню для инструмента кадрирования и выберите «Новый набор настроек инструмента». Дайте вашей предустановке имя и нажмите ОК. Он появится внизу списка предустановок, и вы сможете выбрать и использовать его в любое время в будущем.
5 Кадрирование до одного размера
Чтобы обрезать два изображения до одинакового размера, выберите инструмент «Обрезка» и активируйте изображение, размер которого должен соответствовать.Нажмите кнопку «Изображение лицевой стороны» на панели параметров инструмента, чтобы настроить инструмент «Кадрирование» в соответствии с размерами лицевого изображения.
Выберите изображение, которое нужно обрезать, и перетащите прямоугольник обрезки на это изображение. Если дважды щелкнуть для завершения, изображение будет обрезано до того же размера и разрешения, что и исходное изображение — в некоторых ситуациях это может означать, что изображение увеличится в размере.
Предупреждение:
Если инструмент «Обрезка» не работает должным образом, нажмите «Esc», чтобы выйти из инструмента, и нажмите кнопку «Очистить», чтобы сбросить его — некоторые настройки остаются неизменными, и вы, возможно, не помните, что ранее в сеансе редактирования устанавливали особые настройки кадрирования.
В следующий раз, когда вы собираетесь кадрировать изображение, помните, что для инструмента кадрирования имеется больше возможностей, чем может показаться на первый взгляд.
Получите больше подобных руководств, подписавшись на нашу бесплатную рассылку новостей или подписавшись на нас в Twitter.
Скругление углов всего в Photoshop. Урок
В этом уроке я покажу вам, как сгладить острые углы вашей графики.
Если вы хотите просто создать прямоугольники с закругленными углами, используйте инструмент формы в Photoshop и выберите параметр закругленного угла из живых фигур на панели свойств (Photoshop CC).Если вы ищете что-то более сложное или как скруглить углы растеризованной формы, читайте дальше…
1
Создайте новый слой, создайте фигуру, выберите ее и залейте цветом переднего плана. Alt / Option удалить.
Возможно, вы уже начинаете с формы, это тоже нормально.
2
Выбрать> сохранить выделение назовите новый канал «shape»
3
Переключитесь на палитру каналов и щелкните канал «shape».Cmd / Crtl + D для отмены выделения всех
4
Filters> Blur> Gaussian Blur. Используйте более высокое значение для более выраженного эффекта или меньшее значение для более тонкого эффекта.
5
Откройте окно уровней: Cmd / Ctrl + L
Здесь происходит волшебство. Перетащите левый треугольник в середину, а теперь перетащите правый в центр, пока все 3 стрелки не будут друг над другом. Щелкните ОК.
6
Ctrl / Cmd щелкните миниатюру каналов (1), чтобы включить выбор.
Щелкните миниатюру RGB, чтобы выбрать все каналы (2)
7
Вернитесь к палитре слоев.
Скрыть слой исходной формы
Создайте новый слой (слой 2) и залейте сплошным цветом или градиентом.
Теперь у вас есть форма, и вы можете продолжать что-то строить.
Это техника, которую я использовал для создания рукоятки на моем ружье.
Чтобы увидеть больше моих иллюстраций в Photoshop, нажмите здесь
Будьте в курсе!
CS6 Superguide
Присоединяйтесь к нашему списку, чтобы получать больше уроков и советов по Photoshop.Получите эксклюзивные обучающие программы, скидки и бесплатные супер-руководства. Никакого спама, весь контент, не чаще одного раза в неделю.
Если вы внесены в наш список, вы получите его бесплатно по электронной почте, как только он станет доступен. Если нет, зарегистрируйтесь сейчас и получите CS6 Superguide бесплатно. Или щелкните изображение ниже.
Основные советы по кадрированию изображений в Photoshop
Делается ли это для того, чтобы изображения соответствовали определенному пространству или чтобы они рассказывали определенную историю, кадрирование — одна из самых фундаментальных задач в любом рабочем процессе Photoshop.Воспользуйтесь этими советами и методами, чтобы быстро и легко выполнять работу по сбору урожая.
C для сельскохозяйственных культур
1. Нажмите c, чтобы вызвать инструмент «Обрезка» и установить границу кадрирования для всего изображения. Нажмите shift + c, чтобы получить доступ к другим инструментам, таким как инструмент «Обрезка перспективы» и инструменты «Срез».
Воспользуйтесь параметрами обрезки
2. Используйте меню на панели параметров, чтобы выбрать коэффициент обрезки, размеры или создать новый набор параметров обрезки.
Больше после прыжка! Продолжайте читать ниже ↓Пользователи Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.
Обрезка меню под курсором
3. Еще лучше: с выбранным инструментом «Кадрирование» просто щелкните изображение правой кнопкой мыши, чтобы получить доступ к тому же меню выбора под курсором.
O для накладок
4. Щелкните один раз на изображении с помощью инструмента «Обрезка», чтобы увидеть одно из наложений кадрирования.
Вы можете переключаться между различными типами наложений, нажимая o.
Перетащите, чтобы определить рамку для обрезки
5. Чтобы определить новую область обрезки, перетащите любой край или угол, перетащите внутрь изображения или щелкните и перетащите.
Выпрямление при кадрировании
6. Чтобы выровнять кривую фотографию, нажмите «Выпрямить» на панели параметров и перетащите линию, которую вы хотите сделать идеально вертикальной или горизонтальной на изображении.
Еще лучше: вместо того, чтобы нажимать на панели параметров, удерживайте Command / Ctrl для немедленного доступа к инструменту выпрямления. Намного лучше: при перетаскивании линии с помощью инструмента «Выпрямление» можно получить более точные результаты, перетаскивая длинную линию, чем короткую.
Удалять обрезанные пиксели (или не удалять)
7. Вы можете использовать элементы управления на панели параметров, чтобы удалить обрезанные пиксели или оставить их на изображении за пределами видимой области.Если вы сохраните кадрированные пиксели, фоновый слой при кадрировании будет преобразован в обычный слой линейной привязки.
Преобразовать выделение в рамку для обрезки
8. Если вы сделаете выбор до того, как выбрать инструмент «Обрезка», область кадрирования будет подогнана под ширину и высоту выделения.
Центрированные культуры
9. Удерживая Option / Alt, перетащите угол или край, чтобы изменить размер области обрезки от центра.
Добавьте размер холста при кадрировании
10. Перетащите угол или край за пределы области кадрирования, чтобы увеличить размер холста изображения.
Применить или отменить
11. Дважды щелкните область кадрирования или нажмите Return или Enter, чтобы кадрировать изображение. Или нажмите escape, чтобы отменить обрезку.
У вас есть другие полезные советы по кадрированию в Photoshop? Добавляйте их в комментарии!
.