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

Авторизация

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

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


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


Секреты команды Average
Adobe Illustrator » Уроки 12 октября 2009 NazaRПечать


Секреты команды Average
Шаг 1.

Как и когда мы обычно используем команду Усреднить (Average)? Наверное большинство из вас знают ответ. Команда Average скрыта под сочетанием Ctrl + Alt + J или Object >меню Path.
Ее смысл - привести выбранные опорные точками…. Правильно, в усредненнле положение.
Вроде бы просто, не правда ли? И иногда это команда становится просто незаменимой.

К примеру, у меня есть несколько незаконченных открытых контуров, которые я хочу соединить в одну простую форму, но они не касаются друг друга. Кто хочет создать форму: создайте прямоугольник, и удалите нижнюю сторону. Теперь нажмите R и Alt-click ниже него, и введите 72 градуса. Скопируйте и нажмите Ctrl + D три раза, чтобы повернуть, как показано ниже.

Секреты команды Average
В этом случае я не могу просто переместить 5 форм друг к другу, и просто соедините их (Ctrl+J). Так как симметрия будет потеряна, а лепестки должны быть идеально ровными и правильными. Если теперь мы присоединим контур, то программа начнет рисовать прямые линии между открытыми точками, а это совсем не нужно нам.
Секреты команды Average
Шаг 2.

Чтобы получить идеальную фигуру, мы должны разместить 5 контуров так, чтобы опорные точки открытых частей, коснулись друг друга. Вот тут команда Average нам и нужна!
С помощью инструмента Direct Selection Tool (A), мы захватываем две конечные точки, находящиеся рядом и выбираем команду Object > Path > Average. В окне выбираем both, и жмем ОК, и теперь точки в нужном месте.
Все что нам нужно сделать, это соединить их (Object > Path > Join). Теперь мы можем повторить этот шаг четыре раза для каждой пары конечных точек, выбирая с помощью Direct Selection Tool, и применять Average и Join.
Но чтобы выиграть пару секунд, я предлагаю скомбинировать вам эти две команды: Ctrl + Alt + Shift + J.

Секреты команды Average
Шаг 3.

Теперь мы знаем что команда Усреднить переносит опорные точки к усредненному расстоянию между ними (какой сюрприз! =). Это и так очевидно, но продолжим наш урок. Попробуем команду на различных объектах.

Создаем прямоугольник и пробуем команду Average на нем. В команде есть 3 опции, и в каждой из трех разные результаты: горизонтальная ось переносит вертикальные точки к центру, создавая горизонтальную линию; вертикальная ось делает тоже самое с горизонтальными точками, вариант “оба” приводит все точки к центру.

Секреты команды Average
Тоже самое можетеполучается с шестиугольником или звездой. Фактически это не интересно, но вы поймете как работает инструмент.

Правило 1: угловые формы всегда будут приводить к линии или точке! Даже если Вы создадите асимметричные формы с помощью Pen Tool, пока у него есть угловые точки - эффект будет тот же.

Шаг 4.

Рисуем эллипс и поэкспериментируем немного. Создаем две копии и применяем команду Average на них, и снова все три опции. Результат выглядит более интересным, линии немного искривлены. Это получается из за гладких узловых точек безье, где направление обусловлено манипуляторами.

Правило 2: чтобы получить гладкие кривые, точки должны быть гладкими.

Секреты команды Average
Шаг 5.

Правило 3 для команды Average: опорные точки формы не должны располагаться симметрично, составляя горизонтальные или вертикальные линии.

Чтобы понять как это работает, берем эллипс из предыдущего шага, и повернем его на 30 градусов с помощью Rotate Tool ( R ). Выделяем эллипс, жмем R, и вводим значение 30. Копируем дважды и работаем с инструментом Average Tool.
Видите? Вариант по обеим осям не изменился, но вертикальные и горизонтальные опции создали эффект кривых. Это результат вызван расположением опорных точек. В предыдущем шаге точки в эллипсе сформировали вертикальные и горизонтальные линии, и теперь они создали асимметричное пересечение

Секреты команды Average
Шаг 6.

Теперь можем приступать к практической части урока.

Создаем документ в Illustrator, 800px на 500px, режим RGB. Создаем задний фон используя инструмент Rectangle Tool (M). Заливаем радиальным градиентом от белого к светло серому (#e6e6e6). Называем "BG," блокируем и создаем новый, называем "Swirls."

Секреты команды Average
Шаг 7.

Начнем создавать завитушки! Мы знаем, что опция "оба" команды Average, переносят точки в центр, создавая маленькие фигуры. Остановимся на вертикальном и горизонтальном усреднении. Но нам нужна асимметричная форма с гладкими опорными точками. Есть множество способов создания таких форм.

Начнем с 5-ти конечной звезды без заливки и с черной обводкой. Быстро сглаживаем у звезды концы, Filter > Stylize > Round Corners, 10 pt будет достаточно. Не время применять команду Average, так как наши точки лежат на одинаковой дистанции от центра.

Секреты команды Average
Шаг 8.

С выбранной звездой, выбираем инструмент Wrap Tool (Shift + R) и деформируем слегка, создавая из нее асимметричную форму. Делаем ее немного шире в некоторых местах. Жмем Ctrl + Alt + J чтобы вызвать окно команды Average ,выбираем горизонтальные оси. Первая завитушка готова!

Секреты команды Average
Шаг 9.

Создаем эллипс (L).В этот раз чтобы сделать форму асимметричной, используем Twirl Tool. Опции стандартные, коснемся эллипса пару раз, чтобы превратить в аморфную форму. Применяем команду Average и выбираем горизонтальные оси.

Секреты команды Average
Шаг 10.

Для последней формы используем простой метод. Берем Pencil Tool (N). Опции стандартные, и рисуем асимметричную форму. Чтобы закрыть контур когда рисуем, зажимаем Alt и кликаем. И снова: Object > Path > Average > Horizontal. Теперь у нас есть три свернутых формы.

Секреты команды Average
Шаг 11.

Теперь подправим и сохраняем наши формы. Для все 3-х форм применяем средне серую обводку без заливки. Чтобы сделать форму длиннее, дублируем первую завитушку и поворачиваем форму на 180 градусов с выбранной стрелкой (зажмите Shift пока вращаете), выровняйте обе части, и сгруппируйте. Сделайте тоже самое со второй завитушкой.

Секреты команды Average
Шаг 12.

С последний сделайте те же модификации что и с первыми двумя, дублирование, вращение и выравнивание. Добавим кое где точки. Используем Ellipse Tool (L) и создаем маленькие круги зажав Shift. Заливаем средне серым без обводки и ставим радом с 3-й завитушкой, как показано.

Секреты команды Average
Дублируйте круг несколько раз и поместите его вокруг фигуры, чтобы было приблизительно 10 кругов вокруг формы. Выделяем все круги, зажав Shift, и следуем Object > Transform > Transform (Alt + Shift + Ctrl + D) и вводим значения:

* Scale: 40% horizontal, 40% vertical
* Move: 15 pt horizontal, 5 pt vertical
* Random: checked
* Preview: checked

Если нравиться результат жмем OK. Если нет, то изменяем, передвигаем, и смотрим.

Секреты команды Average
Шаг 13.

После того как три фигуры готовы, создадим три кисти. Выбираем первую и следуем в панель Кистей (F5) и перетаскиваем в панель. Выбираем в окошке Art brush. Если фигура горизонтальная, то и выбираем положение для кисти горизонтального направления (если вертикальная, то конечно же вертикальное положение кисти). Выбираем во вкладке Hue Shift метод. Называем кисть "Swirl 1" и сохраняем ее.

Появиться новая кисть в панели. Проделаем тоже самое с другими кистями "Swirl 2" (для одной введем 80% по ширине) и "Swirl 3" (введем 150% по ширине и поставим галочку на Proportional).

Секреты команды Average
Шаг 14.

Блокируем слой "Swirls" и создаем новый, называем "Type." Берем Type Tool (T) и вводим текст. Лучше использовать шрифт Century Gothic Regular и размер должен быть примерно 130 pt. Я выбрала фразу "I LOVE VECTOR," и написала "I VECTOR," , и позже добавлю символ сердца.

Секреты команды Average
Шаг 15.

Конвертируем текст в кривые (Ctrl + Shift + O) и разгруппируем. Выбираем букву "I," ставим без заливки и обводку черную в 1 pt. Кликаем на первую завитушку в палитре Кистей. Ага, какой-то эффект уже виден!

Секреты команды Average
Шаг 16.

Пока буква "I" все еще выделена, следуем в панель Appearance (Shift + F6) и в выпадающем меню выбираем новую обводку. С новой выделенной обводкой, следуем в панель Кистей и выбираем "Swirl 2." Теперь буква выглядит лучше!

Секреты команды Average
Шаг 17.

Добавляем третью кисть. Вы можете изменять настройки обводки как пожалаете. После того как вы достигнете эффекта, следуем в панель Graphic Styles. С выделенными буквами создаем новый стиль,называем его "Black swirly type." Теперь вы можете выбрать остальную часть букв и применить ко всем буквам один и тот же графический стиль.

Секреты команды Average
Шаг 18.

Смотрится хорошо, на теперь у нас бкувы слегка корявые. Это из-за угловых опорных точек. Вы должны помнить что угловые точки не лучшее решение для завитушек. Выберем введенный текст и следуем Filter > Stylize > Round Corners, ставим 10 px.

Вы можете изменить кернинг у букв, чтобы они выглядели более гармонично. Подвиньте "I" немого влево, что создать больше пространства для сердца (не забывайте нажимать Shift при передвижении, чтобы соблюдать пропорции и следовать точно базовой линии).

Секреты команды Average
Шаг 19.

Чтобы создать сердце, используйте направляющие (Ctrl + R) и установите вертикальную направляющую между "I" и "V". Возьмите Pen Tool и начните рисовать правую часть без заливки и с обводкой розового цвета в 1pt.

Секреты команды Average
Шаг 20.

С выбранной формой, применяем Reflect Tool (O) и Alt-клик на направляющей, выбираем Vertical и жмем Copy. Сердце готово. Убираем направляющие. Выбираем только 2 нижние точки с помощью Direct Selection Tool (A) и жмем Alt + Shift + Ctrl + J (верхнюю пару соседних точек не соединяем!!!)

Секреты команды Average
Шаг 21.

Повторяем шаги 16-17: добавляем обводку на одну часть формы в панели Appearance и применяем кисти к ним. Для сердца я выбрала три обводки по 1 pt розовую, желтую и голубую. со всеми тремя примененными кистями.

Секреты команды Average
Шаг 22.

Чтобы добавить симпатичных деталей, я разместила выше три маленьких копии линий сердца (розовый, синий, и желтый). Можно скопировать объект три раза, и удалить из каждого объекта ненужные обводки. Мы поступим умнее и применим эффект к сердцу, чтоб маленькие сердечки оставались с большим одним объектом. Чтобы выполнить это выберите первую обводку в панели Appearance. И Effect > Distort & Transform > Transform и вводим значение для первой обводки:

* Scale: 20% horizontal, 20% vertical
* Move: -30 pt horizontal, 35 pt vertical
* Rotate: 20 degrees
* Copies: 1

Для второй обводки:

* Scale: 15% horizontal, 15% vertical
* Move: 30 pt horizontal, 40 pt vertical
* Rotate: 340 degrees
* Copies: 1

Для третей:

* Scale: 10% horizontal, 10% vertical
* Move: 0 pt horizontal, 60 pt vertical
* Rotate: 5 degrees
* Copies: 1

Получился замечательный эффект! И при этом все сердца остались единым объектом.

Секреты команды Average
Вы можете сохранить графический стиль, и назвать его "Colored swirly heart." И можете использовать его в других объектах!
Секреты команды Average
Шаг 23.

Я немножко подправила настройки, и вот результат, который мне понравился.

Секреты команды Average
Для желающих добавить побольше завитушек я добавила рамку. Ее сделать просто: создайте скругленный прямоугольник и разрежьте точки в 4-х углах с помощью Scissors Tool ( С ), и примените графический стиль, который сохраняли для шрифта.
Отгадайте, что я поместила в углах? Эти асимметричные цветы очень просто сделать. Возьмите любую форму из 8-10 шагов, и сделаем новую завитушку с помощью команды Average с оцией Обе оси - и копируем форму в каждый угол.

Секреты команды Average
Финальный результат:
Секреты команды Average


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

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

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

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