Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Рисуем ленты
Adobe Illustrator » Уроки 11 октября 2009 NazaRПечать


Рисуем ленты
Шаг 1. Делаем первую часть ленты.

Элементарные знания о том, как использовать инструмент Pen Tool [P] и как тянуть кривые bezier нужны нам для того чтоб начать урок:

Рисуем ленты
Сделайте кривую линию, как показано на левом скрине выше. Удерживайте клавишу Shift на последней точки кривой чтоб, направляющие из неё выходили параллельно холсту. Добавьте вертикальную направляющую к линии, как показано на правом, верхнем скрине:

Шаг 2. Делим кривую на 2-е части

Для того чтоб придать ленте объем, мы разделим её на сегменты и применим к каждому сегменту различные оттенки:

Рисуем ленты
Выбираем инструмент Scissors Tool и нажимаем в месте пересечения контура и вертикальной направляющей линии, как показано на скрине выше. Теперь контур имеет 2-а сегмента. Выберите 2-а сегмента и с зажатыми клавишами Alt+Shift переместите кривую вверх, как показано на скрине выше. (Зажатая клавиша Alt даёт возможность дублировать слой при его перемещении, а зажатая клавиша Shift не дает ему смещаться вправо или влево при перемещении).

Шаг 3. Закрываем контур.

Закройте контур, как показано на скрине выше. Это можно сделать используя инструмент Pen Tool [P] в результате лента будет иметь 2-а сегмента. Выберите оба сегмента, затем выберите инструмент Rotate Tool и сзажатой клавишей Alt установите точку вращения, в результате появится окно Rotate (поворота) впишите в графу Ange (угол) 180 и нажмите кнопку Copy (копировать).

Рисуем ленты
 
Шаг 4. Вращаем и дублируем 2 сегмента ленты

При повороте, возможно что 2-ва сегмента не совпадут, как показано на скрине ниже.

Рисуем ленты
Выберите 2 новых сегмента, которые получились при повороте, увеличьте масштаб изображения в месте соединения точек обеих частей лент и соедините узлы верхней с узлами нижней ленты (смотрите правый скрин сверху).

Шаг 5. Склеиваем средние сегменты ленты в 1 сегмент

Выберите 2-а средних сегмента ленты и нажмите "Add to shape" в палитре Pathfinder. В результате мы соединим эти две части ленты в один объект, что облегчит нам в дальнейшем заполнение ленты цветом.

Рисуем ленты
Шаг 6. Добавляем сегментам ленты заливку

Наша лента теперь разделена на 3-и сегмента. Все, что мы должны сделать это присвоить каждому сегменту собственный цвет. Чтобы добиться объёма мы будем использовать различные линейные градиенты для каждого сегмента.

В дальнейшем контур можно убрать.
Первому сегменту присваиваем следующий градиент:
1-й маркёр
50% cyan
7% magenta

2-й маркёр
32% cyan
4% magenta

3-й маркёр
50% cyan
7% magenta

4-й маркёр
69% cyan
10% magenta.

Рисуем ленты
Второй градиент сегмента состоит из следующих образцов:
С одной стороны:
1-й маркёр
67% cyan
15% magenta

2-й маркёр
50% cyan
7% magenta

3-й маркёр
7% magenta
23% cyan

4-й маркёр
31% cyan 
5% magenta.

Рисуем ленты
Последний градиент сегмента состоит из:

1-й маркёр
50% cyan
7% magenta, 

2-й маркёр
50% cyan
7% magenta

3-й маркёр
31% cyan
5% magenta

Рисуем ленты
Используйте команды Send to back' or 'Bring to front' для различных сегментов, чтобы получить правильную перспективу.

Шаг 7. Финальная доработка центральной части ленты

Как Вы можете видеть, кривая в центральной части выглядит не естественно, это можно исправить, но сначала нужно соединить 2-е части центрального сегмента. Выбираем эти 2-е части кликаем по Expand в палитре Pathfinder. Теперь вертикальная линия присоединилась к 2-м сегментам и мы имеем только 2-е точки. Теперь можете перемещать направляющие из узла и придать центральной части ленты правильную форму.

Рисуем ленты


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.