Вход на сайт

Поиск


Мини ЧАТ

Опрос

    Оцените мой сайт
    Всего ответов: 12

Друзья

Онлайн

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

Реклама

Главная » Статьи » Векторная графика


Создаем иконку чупачупса.

Quick Tip: How to Create a Simple 3D Lollipop Icon.

С помощью этого урока вы научитесь создавать иконку чупачупса. Мы будем использовать простые формы, трансформацию и искажение; все просто, но красиво.

Шаг 1
Создайте новый документ 255*255 пикселей. Возьмите инструмент Ellipse Tool (L) и кликните по рабочей поверхности. Введите параметры ширины и длины - 80 пикселей, нажмие Ок. Мы получили идеальный круг, залейте его любым цветом.

Шаг 2
Берем инструмент Rectangle Tool (M) и кликните где-нибуть возле круга. Ширина - 78, а Высота - 25, жмите Ок. Выделите получившийся прямоугольник, теперь применим к нему эффект скругления углов, Effect > Stylize > Rounded Corners. Радиус скругления углов 2 пикселя.

Шаг 3
Выделите фигуру которую мы получили в пред. шаге. Нужно скруглить боковы стороны, Effect > Warp > Arc Lower, введите данные показанные на картинке, теперь Effect > Warp > Arc Upper, настройки на картинке соответственно. Везде жмем Окей. Нужно превратить прямоугольник в фигуру которую мы получили, Object > Expand Appearance.


Шаг 4
Выделите фигуры которые мы получили, используя инструмент Selection Tool (V). Теперь исползуя окно - Выравнивание фигур выравните по гирозонтали и вертикали.


Шаг 5
Выделите обе фигуры и обьедените их. Заливку фигуры поменяйте на красный (или любой другой) цвет R = 239 G = 65 B = 54.

Шаг 6
Берите в правую руку инструмент Rectangle Tool (M) и создайте фигуру со след. настройками: Ширина - 8 и Длина 123, цвет заливки R = 230 G = 231 B = 232. Теперь берем в левую руку инструмент Selection Tool (V) и с его помощью выделяем обе фигуры, затем выравниваем их по горизонтали.


Шаг 7
Теперь нужно разрезать наш чупачупс пополам. Создаем прямоугольник, размещаем его как на картике, выделяем его и палочку от чупачупса и на панели Pathfinder щелкаем на значок "отрезать" (см. рисунок 1). Точно также поступаем и с самим чупачупсом (см. рисунок 2).

Шаг 8
Сгрупируйте две фигуры (Control + G). Теперь чудеса Иллюстратора Effect > 3D > Revolve, выставляем настройки как на картинке, жмем Ок. Добавим тень Effect > Stylize > Drop Shadow, настройки все там же на картинке.


Шаг 9
Берем Rectangle Tool (M) и создаем прямоугольник такого же размера как и наш документ, цвет заливки белый. Активируйте сетку (View > Grid) и "прилипание" к сетке (View > Snap to Grid). Нам нужно чтобы в 1 клетке было 15 пикселей Edit > Preferences > Guides & Grid, выстовляем параметры в 15 пикселей.

Снова берем Rectangle Tool (M) и делаем полоску 15 пикселей в ширину и 375 пикселей в длину, затем применим градиент от серого к белому, см. картинку ниже. Совет: прилипание к сетке которое мы включили облегчит вам работу. Скопируйте полоску (Control + C > Control + F) и расположите ее с правой стороны, поменяйте градиент на красный. Выделите обе полоски и сгрупируйте их (Control + G).

Шаг 10
Выделите группу полосок, которую мы сделали в прошлом шаге и размножте их с помощью Effect > Distort & Transform > Transform. Введите данные как на картинке, потом жмем Ок. Теперь преобразуем Object > Expand Appearance.


Шаг 11
Выделите полоски, которые мы сделали в пред. шаге и поверните их на -45 градусов Object > Transform > Rotate. Введите угол поворота -45 градусов, жмем Ок.

Шаг 12
Нам нужно сделать маску для полосок из пред. шага. Сначала откройте панель Transparency. Затем создайте прямоугольник размером с наш документ, залейте радикальным градиентом (см. картинку 1)

Выделите полоски и прямоугольник с радиальным градиентом, затем в панели Transparency выберите Make Opacity Mask. У вас должно получиться как на картинке 3. Измените непрозрачность полосок на 3%(или как вам нравиться).


Конец
Мы сделали это! Мы сделали чупачупс используя всего лишь простые формы. Эксперементируйте с другими цветами и фоном, настройте все как вам хочется, будет весело!
__________________
Автор - tutsplus.com
Перевод - TonyDesign


Категория: Векторная графика | Добавил: art-mvn (01.05.2011)
Просмотров: 1535 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: