Четверг, 04.06.2026, 17:28
Derrr3D
Приветствую Вас Гость | RSS
Главная Каталог статей Регистрация Вход
Меню сайта

Категории каталога
Уроки 2 - 3D графики и анимации
Уроки HTML
Первые шаги - Основы сайтостроительства, дизайна, графики, html (хтмл) для чайников.

Реклама от Tak.ru

Наш опрос
Оцените мой сайт
Всего ответов: 65

Главная » Статьи » Уроки » Уроки 2 - 3D графики и анимации

Стеклянная кнопка

Стеклянная кнопка

 

Сейчас я покажу вам как можно имитировать объем не используя программ 3D.

 

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

Для этого, на цифровой клавиатуре нажмите +. Далее выберете инструмент Pick (выбор) и, удерживая клавишу Shift, перетащите внутрь фигуры средний маркер слева.

Тем же инструментом Pick (выбор) доработайте самостоятельно, так чтоб получилось как на рисунке.

Нам понадобится еще один овал. Продублируйте предыдущий овал, нажав кнопку +, и сместите его немного вверх. И преобразуйте его форму согласно рисунку.

Еще небольшой штрих. Для этого примените к верхнему овалу перспективу. EffectsAdd Perspective (Эффекты – Добавить перспективу). И преобразуйте его так, чтоб он выглядел как на рисунке.

Закончили? Отлично. Перейдем к заливке. Верхний овал зальем светло серым цветом, нижний – голубым, А исходный -  темно синим.

Примечание: Теперь нужно удалить обводку фигур. Для этого на панели графики найдите группу инструментов Outline (обводка) и выберете Neo Outline (без обводки).

 

Удалив обводку можно приступать к созданию эффекта выпуклости. Выберите инструмент Interactive Blend (интерактивное перетекание) и примените его к объектам внутри овала.

Постепенно приближаемся к результату. Далее инструментом Interactive Blend (Интерактивная прозрачность) нужно слить с изображением верхний овал.

И наконец, для большей реалистичности создадим тень от кнопки.

 

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

работа пойдет с одной фигурой.

 

Чтобы создать тень, воспользуйтесь инструментом Interactive Drop Shadow (Интерактивная тень). Цвет тени сделайте голубым, после чего примените инструмент к объекту.

Теперь на нашей кнопки не хватает только надписи. Создайте ее.

 

Примечание: С помощью все того же инструмента Interactive Drop Shadow (Интерактивная тень).

Вы можете добавить тень к буквам.

 

Поздравляю! Наша кнопка готова!

 
 
                                                             Автор Дерр Дмитрий Владимирович
                                          Копирование только с разрешения администрации Derrr.ucoz.ru
Категория: Уроки 2 - 3D графики и анимации | Добавил: derrr (18.12.2008)
Просмотров: 1095
Форма входа

Поиск

Друзья сайта

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Copyright MyCorp © 2026