Изменение размеров прямоугольника с сохранением радиуса закругленных углов

М-да, сложное название получилось у статьи.

У нас давно не было статей про фотошоп — последняя про клавиатурные сокращения, рекомендую освежить в памяти.

Сегодня я хочу рассказать о том, как в фотошопе можно изменять размер прямоугольника со скругленными углами (Rounded Rectangle), не искажая формы углов.

Работая в фотошопе, мы давольно часто используем инструмент Rounded Rectangle. А после появления в CSS свойства border-radius и поддержки этого свойства браузерами, все чаще и чаще.

Но такая простая операция, как изменение размера может ввести в замешательство. Дело в том, что обычная операция трансформации (Ctrl+T / Cmd+T) искажает скругленный угол и после трансформации получается такая картина:

Для того, чтобы не допустить такого искажения, необходимо воспользоваться инструментом Direct Selection Tool (A):

Выделяем пару углов нашего прямоугольника:

Теперь, взявшись за выделенные маркеры мы можем изменять размер прямоугольника, при этом форма углов останется нетронутой. Чтобы движение было по прямой, достаточно зажать Shift.

А результат такой трансформации выглядит так:

Надеюсь этот небольшой трюк окажется полезным.