Пятница, 15.01.2021
Рамка-25 января День студента PNGРамка-25 января День студента PNGРамка-25 января,Татьянин день PNGРамка-Открытка-С рождеством христовым PSDОткрытка-Рамка-С Рождеством PNGРамка-Для девочек PNGОткрытка-рамка-С новым годом! PNGРамка-Воздушный шарик PNGОткрытка-рамка-С новым годом! PNGРамка–Новый год! PNGРамка для фото - Новогодняя с розами PNGКлипарт-Новогодний 8 штук PNGРамка-Улыбка Деда Мороза PNGРамка-Да здравствуют подарки! PNGРамка-2 сердца и цветы PNGРамка-Ариель и Жасмин PNGРамка-Открытка-С новым годом PNGШаблон–Зимняя фея PNGРамка-Зима под снежной бахромою PNGРамка-Снегурочка PNGРамка-Зимушка-зима PNGРамка – Новогодний блеск PNGШаблон-Снегурочка PSDОткрытка-Рамка-С Рождеством Христовым PNGШаблон-Девушка зима PNGРамка-Год бычка PSDОткрытка-Рамка-Снегурочка и бык PNGКалендарь-Бык PSDКалендарь-Японский PSDРамка-Зима PNGШаблон-Девочка и снег PNGШаблон-Девушка в меховой одежде и шапке PNGКалендарь на 2020 год PNGРамка-Голубь плавно приземлился PNGКалендари на 2021 год JPGРамка-Вот и лето PNGКалендарные сетки на 2021 год PSDРамка-Микки Маус и Дональд Дак PNGРамка - Смотри на мир счастливыми глазами PNGРамка-Скажи вирусу - нет! PNGРамка-Фото и цветок PNGРамка-Атласная PNGРамка-Ты моя киска PNGРамка-Неповторимость белых лилий PNGРамка–Кошка дружит с обезьяной PNGРамка-Хорошее настроение PNGРамка-Праздник PNGОткрытка-С днём рождения PNGФон-Скрап набор - Rose EleganceРамка-Ветер PNG
Меню сайта
Реклама
Новости

Открытка-С днём рождения PSD

Рамка-Родовое дерево PNG и PSD

Рамка-Сборник рамок-Детский альбом для мальчика PNG

Рамка-Лесные жители PSD

Рамка-Любимой бабушке PSD

Шаблон-Немецкая форма PSD

Костюм-Шаблон-Дед мороз и Снегурочка PNG

Фон-Свадьба PSD

Рамка-Фотоколлаж PNG

Шаблон-Сборник шаблонов со знаменитостями(превьюшки) PNG

Открытка-С днём свадьбы PSD

Этикетка-Шампанское Юбилейное PNG

Рамка-Для двоих PNG

Клипарт-Воздушные шарики PNG

Этикетка-Пиво PSD

Шаблон-Грамота 2 штуки PSD

Рамка-Полароид PNG

Рамка-Доктор Айболит PNG

Виньетка-Наш детский сад PSD

Этикетка-Коньяк Сергей PSD

Этикетка-Вино PSD

Рамка-Розы PSD

Виньетка-До свидания 1 класс PNG

Рамка-С днём рождения PNG

Рамка-Пчела Майя PNG

Этикетка-Шампанское-С днём рождения PSD

Шаблоны-Сборник Логотипов PSD

Шаблон-Грамота PSD

Этикетка-Водка именная PSD

Рамка-Подснежники к 8 Марта PSD

Открытка-С днём рождения PSD

Костюм-шаблон-Адмирал PNG

Рамка-Ромашки и солнце PNG

Рамка-Разыскивается PNG

Этикетка-Коньяк Валера PSD

Этикетка-Водка особая PNG

Рамка-До свидания детский сад PNG

Открытка-С днём рождения PNG

Шаблон-Грамота PNG

Этикетка-Шампанское свадебное PSD

Клипарт-Мультики PSD

Открытка-Свадебное приглашение PSD

Костюм-Робокоп-Робот-Полицейский PNG

Рамка-Для двоих PSD

Рамка-Мама,я родилась PNG

Этикетка-Коньяк Короткевич PSD

Рамка-Подарки PNG

Шаблон–Снегурочка PSD

Шаблон-Женщина и меч PNG

Рамка-Наш класс PNG

Этикетка-Коньяк Валера PSD

Рамка-Фиолетовые цветы PNG

Рамка-Книгу первую мою берегу я и люблю PNG

Рамка-Последний звонок PNG

Открытка-Приглашение на День Рождения PSD

Рамка-Мама я родился PNG

Рамка-Для влюблённых PNG

Этикетка-Шампанское Свадебное и Юбилейное PSD

Рамка-Золотая рыбка PNG

Костюм-Шаблон-Солдат PNG
Главная » Статьи » Уроки

Закругляем все углы рисунка с помощью формы 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).
Категория: Уроки | Добавил: Admin (31.01.2012)
Просмотров: 4606 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск
Опрос
Какие новости вам интересны!!!
Всего ответов: 553
Реклама
Новости

Календари на 2021 год JPG

Календарные сетки на 2021 год PSD

Иконки-Социальные иконки и логотипы PNG

156 Вариантов градиента для фотошопа GRD

Стили для фотошопа - Жар PSD

Шаблон-Моя новая тачка PNG

Иконки-Смайлы PNG ICO

Рамка-Скажи вирусу - нет! PNG

Иконки-Сборник иконок 75 штук PNG

Иконки-Пингвины PNG

Календарь на 2020 год PNG

Иконки-Социальные сети PNG SVG AI EPS

Иконки-Иконки для Веб-дизайна PNG

Иконки-Иконки для Instagram PNG

Иконки-Животные PNG SVG
EduSt.ru-всё для фотошопа и ваших фотографий. 2021