Как нарисовать кнопку в CorelDRAW

В предыдущей статье я рассказывал как создать кнопку «СКАЧАТЬ» для сайта WordPress при помощи html кода и стандартной программы Paint. Сегодня я расскажу как нарисовать кнопку в программе CorelDRAW.

Если вы не читали предыдущую статью – перейдите сюда.

Открываем программу CorelDRAW. Рисуем прямоугольник Инструмент Прямоугольник. Устанавливаем нужные размеры (в нашем случае – 40х14 мм). Закрашиваем прямоугольник в зеленый цвет. При помощи инструмента «Форма» Инструмент Форма сглаживаем углы: выделяем объект; выбираем инструмент «Форма»; нажимая и удерживая курсор на верхнем левом угле, перетаскиваем его правее. Сглаживаются сразу все углы.

Сглаживание углов

Дублируем объект при помощи Ctrl+C* Ctrl+V. Верхний объект закрашиваем в белый цвет и уменьшаем приблизительно наполовину. Перемещаем его выше. Убираем абрис у объектов: выделяем все объекты и в палитре цветов нажимаем ПКМ (правую кнопку мыши) на иконке отсутствия цвета Иконка отсутствия цвета. Устанавливаем прозрачность. Выбираем Прозрачность Инструмент Прозрачность* Фонтанная заливка. Устанавливаем угол прозрачности — 90°.

Установка прозрачности

Пишем название кнопки – «КНОПКА». Наша кнопка готова.

Готовая кнопка

С помощью программы CorelDRAW можно создать изменяющуюся кнопку — ролловер. При наведении на него курсора или нажатии – ролловер будет изменяться. Чтобы создать ролловер выбираем Эффекты* Ролловер* Создать Ролловер. Чтобы открыть окно настройки роловера выбираем Эффекты* Ролловер* Редактировать объект ролловера. Здесь есть три активных состояния: обычное, которое мы уже создали; сверху, которое активируется когда на кнопку направить курсор мыши; снизу, которое активируется если нажать на кнопку.

Активные состояния ролловера

Выбираем состояние сверху. Выделяем все объекты и увеличиваем их. Закрашиваем зеленый объект в красный цвет. Выбираем состояние снизу. Выделяем все объекты и увеличиваем их. Закрашиваем зеленый объект в коричневый цвет.

Смотрим что у нас получилось. Выбираем Завершить редактирование ролловера Иконка Завершить редактирование ролловера* Просмотр ролловеров в реальном времени Иконка Просмотр ролловера в реальном времени. Экспортируем кнопку в html. Для этого выбираем Файл* Экспорт для* HTML. Все нужные настройки здесь по умолчанию. Так что нажимаем ОК. Заходим в папку с сохраненным файлом. Открываем кнопку в браузере.

3 ноября 2017 года
www.merkator.org.ua

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

семнадцать − 11 =