АКТУАЛЬНО:

Урок: Как скруглить углы в Adobe Photoshop

How create rounded rectangler in adobe photoshop

В этом уроке мы рассмотрим простейший, и самый быстрый способ как закруглить углы изображения c помощью программных средств Adobe Photoshop. Данный опыт пригодится как начинающим веб-дизайнерам, так и вебмастерам, которые сталкиваются с созданием графики на сайте.

1. Открываем в Adobe Photoshop изображение. По умолчанию, оно будет фоновым (background image). Чтобы мы смогли с ним работать – нужно создать слой из него при помощи меню Layer -> New -> Layer from Background:

2. Теперь создаем новый слой с помощью горячих клавиш CTRL+SHIFT+N или меню Layer -> New -> Layer. Появиться диалоговое окно. Можете задать название и цвет слоя, например красный, но это только для удобства:

3. Далее создаем прямоугольник со скругленными углами с помощью инструмента Rounded Rectangle Tool в панели инструментов:

Задайте ему необходимый радиус закругления:

А теперь просто нарисуйте его поверх вашего изображения:

rounded-rectangle-adobe-photoshop

4. Переходим к панели слоев Layers:

layers-panel-adobe-photoshop

Удерживая клавишу CTRL, кликните левой кнопкою мыши по прямоугольнику – появится штрихпунктирное выделение.

5. И завершающий шаг. Пока прямоугольник выделен, кликаем левой кнопки мыши по нижнему слою, то есть по слою вашей картинки и нажимаем CTRL+SHIFT + I – штрихпунктиром выделится вся область за пределами нашего прямоугольника:

How create rounded rectangler in adobe photoshop

Жмем Delete! Лишняя область удалится. Теперь снимаем выделение с прямоугольника CTRL+D и удаляем этот слой – вуаля, скругленные углы готовы:

Далее можете просто сохранить его в нужном формате с помощью CTRL+SHIFT+S.

Также некоторые дизайнеры дополнительно обрабатывают, подчищают скругленные углы от зазубринок и лишнего пространства. Для этого используем инструмент Image ->Trim:

trim-image-adobe-photoshop

В диалоговом окне выберите прозрачные пиксели Transperent Pixels:

Удачи в освоении Adobe Photoshop!

Оценка:
( 1 оценка, среднее 5 из 5 )
Подписка на KRASHENININ.TECH

Получайте регулярные обновления на почту!


Виталий Крашенинин/ автор статьи
Основатель блога, публицист, IT-специалист. Предоставляю услуги по администрированию, техническому обслуживанию, поисковой оптимизации и продвижению веб-сайтов.
Не забудьте поделиться материалом в соцсетях:
KRASHENININ.TECH - блог о веб-технологиях, и не только
Подписаться
Уведомление о
guest
0 Комментарий
Встроенные отзывы
Просмотреть все комментарии
0
Есть мысли? Прокомментируй!x
()
x