Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

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

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Кнопки в стиле Apple Macintosh

.

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

1. Загрузите палитру цветов, включающую оттенки для создания бликов и теней. Возьмите какой-нибудь стартовый цвет и, отталкиваясь от него, выберите в палитре Color Guide группу цветовых сочетаний с названием Shades.

Кнопки в стиле Apple Macintosh

2. Инструментом Ellipse с зажатой клавишей Shift создайте базовую форму — круг.

3. Примените к объекту градиентную заливку. Для этого вызовите палитру Gradient и настройте в ней градиент между основным цветом (выбранным на шаге 1) и более темным, взятым из загруженного в палитру Color Guides набора Shades. Установите радиальный тип градиента. Ромб, регулирующий плавность перехода от одного цвета к другому, сместите ближе к темному цвету, благодаря чему вы получите темный ободок у круга.

Кнопки в стиле Apple Macintosh

4. Создайте блик: скопируйте имеющийся объект (Ctrl+C) и вставьте копию поверх первого крута (Ctrl+F). Уменьшите его сильно по высоте и слегка по ширине.

5. Настройте градиентную заливку блика, задав в палитре Gradient переход между основным цветом и самым светлым его оттенком. Тип градиента должен быть линейным. Контрольную точку основного рабочего цвета сделайте полупрозрачной (Opacity — 50%), это необходимо для того, чтобы «растворить» нижнюю границу блика. Подберите такой угол поворота, при котором светлая часть градиента окажется вверху. Если будет нужно, отрегулируйте положение ромба, отвечающего за плавность перехода цветов.

Кнопки в стиле Apple Macintosh

6. Осветлите нижний край кнопки. Для этого скопируйте круг (Ctrl+C) и вставьте копию поверх без смещения (Ctrl+F). У копии нужно полностью поменять настройки градиента: цвета — основной (в нашем случае красный) и его самый светлый оттенок, тип — линейный. Угол поворота подберите такой, при котором светлая часть градиента окажется внизу. Выделите ползунок с основным цветом и установите у него значение параметра Opacity равным 0.

Кнопки в стиле Apple Macintosh

Примечание.

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

7. Создайте под кнопкой тень — сплюснутый эллипс. Переместите ее за кнопку командой Arrange => Send to Back. Оба цветовых ползунка в градиенте окрасьте в один и тот же цвет — основной. Задайте радиальный тип градиента. Ромб, отвечающий за плавность цветового перехода, установите посередине. Ползунок, соответствующий внешнему краю градиента, сделайте прозрачным (Opacity — 0), из-за чего край эллипса станет как бы растушеванным. Параметр Aspect Ratio (Пропорции) установите на 30%.

Кнопки в стиле Apple Macintosh


.

Читайте так же:
Not found