Cегодня уже никого не
удивишь, если на твоей вэб-страничке будут находиться
кнопки с трехмерным эффектом. Сегодня мы попробуем
создать нечто такое же в прикладном пакете Corel Draw.
При этом мы не задействуем ни один из редакторов
трехмерного моделирования.
И как всегда, для начала создаем новый документ.
Ориентация листа в этот раз нас полностью не интересует.
Установите на свое усмотрение.
В самом документе нарисуйте квадрат, высота и ширина
которого 1,5 см. Чтобы нарисовать квадрат, нам
необходимо выделить на Панели инструментов инструмент
Рисование прямоугольника (Rectangle Tool) или
воспользоваться клавишей быстрого вызова инструмента –
F6. Нарисовали. Скопируйте полученное в буфер обмена и
вставьте. После вставки новый объект полностью накроет
собой первый квадрат. Выделите его и за угловые маркеры,
при нажатой клавише Shift, пропорционально уменьшите до
1,3 см.
Маркеры – это черные метки, которые появляются после
выделения объекта инструментом Указка (Pick Tool) по
контуру объекта. Нажав на цветовой палитре, на самый
верхний перечеркнутый квадрат, убираем контур объекта.
Не снимая выделения, уменьшенный квадрат заливаем
линейной градиентной заливкой. Для этого откройте докер
Свойства объекта (Object Properties) (докер находится
справой стороны, возле цветовой палитры). В докере
активизируйте вкладку Заливка (Fill).
На вкладке Заливка выберете кнопку Градиентная
заливка (Fountain Fill). По умолчанию применится серая
линейная градиентная заливка. Жмем кнопку
Редактирование… (Edit...). В появившемся диалоговом окне
Градиентная заливка (Fountain Fill) нас интересуют
следующие пункты: Угол: (Angle:) – 45 (это означает, что
заливка будет находиться под углом в 45 градусов); пункт
Выборочно (Custom) – настраивает цвет градиента по
контрольным точкам. Тут будет всего две контрольные
точки градиента с позициями в поле Position: (Position:)
0 и 100. Первая контрольная точка – любой цвет на ваше
усмотрение, вторая - 100% - белый цвет (хотя, также
можете выбрать любой цвет на свое усмотрение). Вроде бы
все. Вот как должно выглядеть диалоговое окно настройки
градиентной заливки.
Настроив необходимые пункты, жмем кнопку ОК.
Установленные свойства тут же применятся к выделенному
объекту.
Скопируйте квадрат, к которому только что применили
градиентную заливку и вставьте его. Полученную копию, за
маркеры и кнопку на клавиатуре Shift, пропорционально
уменьшите до 1,1 см.
С помощью кнопок Зеркальное изменение (Mirror
Buttons), на панели свойств, поочередно разверните
сначала по горизонтали, потом по вертикали, нажав одну,
потом вторую кнопку.
При этом белый угол окажется в левом нижнем углу. Сам
же квадрат также не должен содержать контура.
Таким образом получилась окантовка в 2 миллиметра,
которая, за счет градиентной заливки, направленной в
разные стороны обоих квадратов, будет создавать эффект
вдавленности объекта.
Но мы забыли первый квадрат. Он содержит черный
контур. Правой кнопкой на цветовой палитре выберите ему
любой цвет, конечно, выбирайте под цвет вашей кнопки или
под цветовую гамму сайта.
На сам объект, в зависимости от его размеров, можно
нанести текст, придав, также, объемность. Я добавил
простой восклицательный знак, как пример.
Как видите, создание достаточно красивой трехмерной
кнопки занимает всего лишь несколько минут и не заняло
большого количества электронного пространства.
Но может возникнуть ситуация, когда кнопка должна
быть нажата. Это действие, создание нажатой кнопки,
также не займет много времени.
Вот тот, третий квадрат опять, который имеет размер
1,1 на 1,1 см, копируем и вставляем. Уменьшаем его за
маркеры до 0,9 на 0,9 см. И, опять, за кнопки Зеркальное
изменение (Mirror Buttons), на панели свойств,
поочередно разворачиваем сначала по горизонтали, потом
по вертикали, нажав одну, потом вторую кнопку.
Вот, что должно получиться в конечном результате.
Создается впечатление еще более глубокой вдавленности
кнопки.
Дальше предлагаю посмотреть, что у меня получить по
созданию трехмерных кнопок, в различной цветовой гамме:
Многие могут задать справедливый вопрос: «Почему
материал называется – Рисуем трехмерную кнопку 2, где же
1?». Отвечаю. В выпуске под номером 26 и названием «Создание
3D кнопки в Corel Draw», уже рассказывалось, как с
помощью корела можно создать трехмерную кнопку. Сегодня
мы развили данную тематику.