Aqua Effect за 5 шагов.
Далее будет представлено, как добиться aqua эффекта в Adobe Illustrator.

Нарисуйте окружность. Для этого выберите инструмент Ellipse Tool, щелкните и перетащите курсор, удерживая shift. Затем залейте созданную окружность круговым градиентом. Первичное значение цвета градиента я выбрал R194, G247, B255; вторичное значене R75, G147, B255. Значение цвета границы круга R76, G159, B240 с толщиной в 1 pt.

Измените расположение градиента, используя Gradient Tool. Удерживая клавишу shift, протащите вертикальную линию вверх, в середину круга (начните снизу и закончите чуть выше центра окружности).

Нарисуйте маленький белый эллипс сверху окружности и выровняйте их центры относительно друг друга (выделите обе формы и выберите центральное выравнивание в Align Palette).

Скопируйте белый эллипс и вставьте поверх. Выделите оба элипса и выберите Make Opacity Mask в Transparency palette.

Чтобы измененить маску, если необходимо для достижение желаемого результата, нужно выбрать её в Transparency Palette. Затем с выделенной маской вы можете поиграть в Gradient Palette. Или вы можете использовать Gradient tool для изменения направления и расположения градиента.
Конечный результат.

Когда вы достигли желаемого результата просто кликните на изображение маски в Transparency Palette. Вуаля :)
Эксперименты.
Попробуйте поэкспериментировать c другими формами, например, с закругленными кнопками. Ниже вы найдете примеры форм и другие способы для достижения aqua эффекта.


Перевод статьи с Veerle's blog 2.0.
P.S: Это моя первая статья/перевод. Надеюсь ваши отзывы смогут вдохновить на перевод/написание новых.
Шаг 1. Рисуем окружность.

Нарисуйте окружность. Для этого выберите инструмент Ellipse Tool, щелкните и перетащите курсор, удерживая shift. Затем залейте созданную окружность круговым градиентом. Первичное значение цвета градиента я выбрал R194, G247, B255; вторичное значене R75, G147, B255. Значение цвета границы круга R76, G159, B240 с толщиной в 1 pt.
Шаг 2. Изменение позиции градиента.

Измените расположение градиента, используя Gradient Tool. Удерживая клавишу shift, протащите вертикальную линию вверх, в середину круга (начните снизу и закончите чуть выше центра окружности).
Шаг 3. Добавление белого эллипса сверху.

Нарисуйте маленький белый эллипс сверху окружности и выровняйте их центры относительно друг друга (выделите обе формы и выберите центральное выравнивание в Align Palette).
Шаг 4. Создание непрозрачной маски.

Скопируйте белый эллипс и вставьте поверх. Выделите оба элипса и выберите Make Opacity Mask в Transparency palette.
Шаг 5. Изменение непрозрачной маски по необходимости.

Чтобы измененить маску, если необходимо для достижение желаемого результата, нужно выбрать её в Transparency Palette. Затем с выделенной маской вы можете поиграть в Gradient Palette. Или вы можете использовать Gradient tool для изменения направления и расположения градиента.
Конечный результат.

Когда вы достигли желаемого результата просто кликните на изображение маски в Transparency Palette. Вуаля :)
Эксперименты.
Попробуйте поэкспериментировать c другими формами, например, с закругленными кнопками. Ниже вы найдете примеры форм и другие способы для достижения aqua эффекта.


Перевод статьи с Veerle's blog 2.0.
P.S: Это моя первая статья/перевод. Надеюсь ваши отзывы смогут вдохновить на перевод/написание новых.
3 комментария