Будь на связи

Люстра, ФШ, АЕ, и
даже старый добрый
корал

Scroll / прокрутите колесо мышки

Создание логотипа

logo

Посмотреть этапы и портфолио

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

web

Посмотреть этапы и портфолио

Обучение

study

AI, PS, AE, PR

Статьи

articles

Полезная информация

Команда

team

SEO, SMM, Design

Scroll / проведите пальцем вверх

Как сделать прозрачную кнопку в Adobe Illustrator

Сегодня я расскажу Вам, как создать в иллюстраторе простую, прозрачную кнопку.

 

Итак, начнем с создания фона. Конечно он должен быть не белым, что бы прозрачность кнопки была видима. Я создам градиент на фон состоящий из 3 цветов. На картинке ниже Вы можете увидеть, какие цвета я выбрал для фона и какой фон получился. Для создания фона выбираем в правом меню — градиент -> линейный градиент и устанавливаем 3 цвета

 

1

 

Теперь выберем инструмент — создание фигур и нарисуем прямоугольник со скругленными углами. Создаем кнопку, закрашиваем ее белым цветом и делаем прозрачность примерно 30%. Должна получится вот такая кнопка.

 

2

 

Теперь нам необходимо создать рамку для кнопки. Скопируем данную кнопку еще раз, создадим абрис в 2-3 px и удалим окрашивание (красная полоса на белом фоне в панели цветов). Должна получится рамка, повторяющая по форме нашу кнопку.

 

3

 

Теперь в верхней панели выбираем пункты (предварительно выделив получившийся контур): Объект -> Разобрать (Object -> Expand). Теперь данная рамка является объектом без заполнения внутри. Для нее мы создаем линейный градиент с чередующимся белым и серым цветом, для отображения бликов и переливов на рамке (Как на картинке ниже)

 

4

 

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

 

5 5-2

 

Выделяем 2 объекта и в меню «обработка контуров» нажимаем клавишу  «Минус верхний». Получилась половина изначальной кнопки, которую мы поместим поверх изначальной и сделаем прозрачность на 10%. Получаем вот такую кнопку.

 

6

 

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

 

7

 

Теперь Мы получили прозрачную кнопку с бликами. Распределите блики по краю кнопки на свой вкус. У меня получилась вот такая кнопка

 

8

 

Кнопка готова, теперь можно написать на ней любую надпись. Я напишу YouTube.

Создаю прямоугольную область со скругленными краями и создам текст и переведу его в кривые. Слово «Tube» я помещу в новый прямоугольный объект и в панели «обработка контуров» нажму клавишу  «Минус верхний». В прямоугольном объекте мы вырезали слово

 

9

 

Добавляем слово «You» и переносим все на нашу кнопку предварительно выровняв. Все, прозрачная кнопка в adobe illustrator готова.

 

10