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

Источник: vremenno
Евгений Белодед

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

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

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

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

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

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

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


Страница сайта http://test.interface.ru
Оригинал находится по адресу http://test.interface.ru/home.asp?artId=31029