И снова привет всем полуночникам сей страны. Сегодня я написал небольшую статьи о закруглённых уголках в фотошопе вовсе не для такого, чтобы "открыть Америку", а так как по этому запросу чаще всего попадают на страницу о css уголках. Вот в помощь таким людям, да и чтобы именно она и индексировалась в поисковике, и написал. Тут будут приведены самые распространённые и простые методы создание так званного "эппловского квадрата", и способы таковой вырезать из чего угодно. Начнём...

1. Создадим нативный прямоугольник с закруглёнными уголками используя вектор.

Для начала откройте фотошоп и создайте новый документ. После чего бросаем наш взгляд резко влево и фокусируемся на панели инструментов. Всё что нам от неё надо ("Rounded Rectangle Tool") нарисовано на первой пикче ¹. Дальше окружив взором монитор находим панель сверху и делаем активной кнопку  "Shape Layers". В Поле Radius задаём привычные нам пиксели закругления. Преодолев пол экрана курсором и сделав клик по инструменту можно приступить к рисованию "квадрата". Щёлкаете по рабочему пространству и не отпуская мышь тащите объект на нужную величину ². После создания объекта, к нему можно применить всевозможные стили смешивания. Всё на ваш вкус и цвет, и как учила вас ваша мама...

  Далее решим проблему косяков - иногда краевые линии не сразу становятся чёткими, они размыты, и мы их сейчас поправим. Для этого тыкаем, конечно мышкой, по той же панели слева и находим инструмент с видом мышиного курсора под названием "Direct Selection Tool". Далее щёлкаем по нашему слою в "Layers". Вокруг квадрата должно было появится выделение, при клике на его границе появятся квадратики по краям округления. Увеличим масштаб до внятных 500% и начнём магию. Ищем линию квадрата которая смазана, держа шифт по очереди кликаем на квадратики близь лежащие к этой линии. Потом жмём стрелочки на клавиатуре тем самым двигая контур объекта, пока тот не станет на своё место. Если понадобится увеличить объект, на той самой панели кликаем на, потом правой кнопкой мыши давим в наш квадрат и с вывалившегося меню выберем "Free Trasform Path". Увеличим масштаб до 3200% и увеличиваем\уменьшаем наш объект пока тот не станет пиксель в пиксель. Чтобы применить изменения кликаем на тот же инструмент ещё раз и на ненавящивый вопрос с экрана отвечаем твёрдым "Apply".

2. Выделение с закруглёнными углами и размытостью.

Тут всё ещё проще. Находим инструмент выделения , переводим взгляд на верхнюю панель и в поле "Feather" вписываем нужное значение пикселей. Не хитрый способ вырезать с картинки "яблочный квадрат". Делаем выделение, кликаем ПКМ ³ по нашей картинке, из выползающего меню выбираем "Select Inverse" после чего жмём кнопку Delete на "пластиковой тёте клаве". Вуаля, бляшка ша школьную виньетку из любимой фотки готова.

3. Модификация выделения

Тут я долго отписываться не буду, всё очень просто. Делаем выделение квадратом, перед этим значение в поле Feather "поделим на ноль". После чего выезжаем курсором на самый верх монитора и попадаем на контекстное меню, в котором жмакаем по Select \ Modify.

Border - создаёт рамку вместо выделения с заданной толщиной.

Smooth - закругляет острые грани выделения. С помощью него мы можем создать выделение с закругленными уголками.

Expand - увеличивает выделение на заданное количество пикселей.

Contract - уменьшает выделение.

Feather - размывает грани выделения.

4. Вырезание квадрата ⁴ с закруглёнными углами \ размытостью с помощью маски.

Этот способ можно назвать наиболее правильным для вырезания, ибо в случае экстренной правки вам не понадобится заново импортировать ваше изображение, достаточно будет удалить маску. Итак юный джедай, берёшь мышу в руки и ведёшь курсор вплоть до твоего слоя с картинкой. После чего кликаешь на него. Далее смотрим на ту же панель "Layers" и внизу клацаем на кнопку создания маски, можно заметить, что возле слоя появился белый квадрат, на него и кликнем, после чего сделаем выделение, инвертируем его и зальём эту зону чёрным колором. Вся чёрная зона будет полностью прозрачной.

Чтобы вырезать таким способом квадрат с закруглёнными углами, нужно будет проделать следующее. Сперва создадим векторный квадрат по примеру номер один. Дальше клацаем ПКМ по нему в блоке "Layers" и из выволакивающегося меню выбераем пункт "Rasterize Layer". После чего создадим маску нашему изображению (фотографии). Снова кликаем по слою квадрата, в рабочем поле кликаем ПКМ по квадрату и выбираем "Load Selection...", после чего снова кликаем в слоях по изображению и по его маске, инвертируем выделение и заливаем его черным цветом.