Corel Drew - Создание кнопки для сайта

Кнопки – это немаловажный объект привлечения внимания на сайте. По сути это ссылка, ведущая на определенную страницу. Ее целью является привлечение клиентов на определенные страницы вашего сайта. В конечном итоге мы хотим, что бы как можно больше посетителей сайта на нее нажали. Следовательно, она должна привлекать внимание и не отталкивать наших пользователей.

Теперь посмотрим как создать кнопку в векторе в Corel Drew.

1. Используя инструмент Rectangle Tool, F6 нарисуем фигуру прямоугольника.

2. Для закругления его углов, в верхнем меню введем 100% в поле Rectangle Corner Roundness. При этом замочек Round Corners Together должен быть включен. Как вариант, вы можете скруглить края вручную, используя инструмент Shape.

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

3. После этого выбираем инструмент Interactive Fill и градиентом с теми, что есть параметрами, заливаем нашу кнопку, потянув градиент сверху вниз. Далее откроем параметры градиента, нажав F11, перейдем во вкладку Custom. Цвета градиента можете использовать свои, но у нас света такие: 0% - C100, M20, Y0, K80; 100% - C10, M0, Y0, K0; добавим 40% - C100, M20, Y0, K20. Далее установим значение Edge Pad равное 5%.

4. Создадим второй прямоугольник, по размерам чуть меньше, закруглим у него углы и зальем белым цветом. Разместим его поверх кнопки как на рисунке.

5. Используя инструмент Interactive Transparency Tool потянем мышкой сверху вниз, таким образом применим прозрачность. В настройках установим параметр Edge Pad равный 8%.

6. Инструментом Pick Tool выделим маленький прямоугольник и, нажав +, скопируем его. Далее трансформируем его и зальем цветом Cyan из палитры.

7. Как показано на рисунке ниже, расставим маркеры для инструмента Interactive Transparency Tool. Для смягчения эффекта перетянем из палитры образец 60% черного цвета на нижний белый маркер. Далее сменим режим наложения с Normal на Add в меню свойств.

8. Меняя цвета, можно добиться следуюющих результатов: