Иван А. Ильин ([info]illyn) wrote,
@ 2004-02-09 22:35:00
Previous Entry  Add to memories!  Share this!  Next Entry
Current mood:Дают холст — так прост; есть а
Current music:Almost Heaven (Godflesh “Love And Hate In Dub”, 1997)
Entry tags:design, soft

Использование палитры “Appearance” в Adobe Illustrator на примере рисования дорожной карты

Начать следует с изображения обычными прямыми основы для будущей карты. Рисунок получится совсем элементарный. Например, такой:

Основа для будущей карты

После этого делаем с помощью палитры “Appearance” улицу. Моя улицу будет в итоге состоять из — разделительной полосы (белой), самого асфальта (серого), и контура (бордюра) по краям (чёрного). Итого 3 детали. Рисуем пером контур, произвольной длинны и направления. Дважды копируем контур (stroke) непосредственно внутри палитры “Appearance”. Для этого — просто перетаскиваем его на иконку нового элемента в «слоях».

Копирование контура

Затем полученные контуры необходимо покрасить и расположить в таком порядке как у меня на рисунке:

Так нужно покрасить и расположить контуры

Для этого последовательно задайте контурам толщину и цвет. «Щелкайте» на верхнем контуре (внутри палитры) обычным образом задавайте ему цвет и толщину, «щелкайте» на среднем – делайте тоже для него и т. д. Не забудьте для верхнего белого контура задать режим пунктирной линии (Dashed Line). «Улица» готова.

Сделаем ещё одну «дорогу», только шире, это будет «шоссе». Всё абсолютно делается также, но линии должны быть толще. После этого и карта будет фактически готова. Выделите те из контуров на первом рисунке, что являются «улицами», возьмите инструмент «пипетка» и «щёлкните» ей в свежеизготовленную тонкую «дорогу». Получится примерно такая картина:

Готовые улицы

Выделяйте исходное контурное «шоссе» и так же пипеткой в свеже-нарисованое — вот с таким результатом:

Готовые улицы и шоссе

Обратите внимание «шоссе» я отправил на задний план. Для чего? И что делать с лишними пересечениями?… Всё элементарно. Нужно сделать для чёрных боковых границ улиц маленькое дополнение. Его можно было сделать в самом начале дорожного «производства», но ради упрощения изложения, я ввожу это дополнение только сейчас в самом конце. Сделайте (при выделеных улицах) для чёрного бордюра режим наложения “Lighten” Вот так:

Режим наложения “Lighten” для чёрного бордюра

Всё!

Финальная картинка

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

Например, если бы использовались «дороги» только одного типа: только «шоссе» или только «улицы», в независимости от числа их взаимных пересечений и цветов, очень удачный вариант был бы следующий. Можно было бы собрать всю «дорожную сеть» в один составной контур. Делается это так: сначала выделяются требующие слияния объекты, а затем выполняется команда из меню «Object» — «Compound Path» — «Make» (клавиатурный эквивалент Ctrl+8).

Естественно возможно и любое смешение методик. К примеру, одна сеть «дорог» из единого составного контура накладывается поверх другой, но такой же составной сети «шоссе». Плюс при этом у «дорог» изменён режим наложения, так как это было сделано в рассмотренном выше примере (или как-то иначе, как того потребуют конкретные условия).

Распространенные ошибки:

  • «Пипетка» — внимательно следите куда вы ей «щёлкаете», дело в том что «щёлкая» в один и тот же объект, но в разные его части (в центр; куда-нибудь с краю; в заливку или в контуры) результаты её работы будут различные.
  • Часто бывает, что в спешке, не обращая внимания на суть происходящего, люди переключают режимы наложения, меняют толщину контуров, цвета объектов — а результатов, видимых на экране, нет. Теоретически это излечимо, но не всем удаётся.

Рецепты исцеления следующие — всегда внимательно смотрите: «С чем я сейчас работаю? С контуром или с заливкой? Как высоко он в пачке? Ничего из выше расположенного его не перекрывает?» и так далее.




(10 comments) - (Post a new comment)


[info]ex_usachev972
2004-02-09 11:02 pm UTC (link)
запомним.... :)

(Reply to this)


[info]des_
2004-02-13 06:31 am UTC (link)
запишем

(Reply to this)

здорово
[info]cunnla
2004-02-15 08:12 am UTC (link)
побольше бы описания таких фичей...

(Reply to this)


[info]ty1er
2004-02-17 10:37 am UTC (link)
прикольно... вектор рулит...

(Reply to this)


[info]volocyga
2006-01-14 05:58 pm UTC (link)
дуже гарно викладено, дякую

(Reply to this) (Thread)


[info]illyn
2006-01-14 11:08 pm UTC (link)
На здоровье.

(Reply to this) (Parent)


[info]see_king
2006-01-14 07:24 pm UTC (link)
Палитра Appearance часто проходит незамеченной, а между тем это, на мой взгляд, один из сильнейших инструментов (если не самый сильный) в Иллюстраторе :)

Замечательное описание. Интересный трюк с Lighten, не видел раньше, а сам не додумался :) Правда, мне кажется что если объединять контуры то надёжней выходит.

Единственное что я бы добавил, это что всё это можно сохранить как Style и потом "прикладывать" к любому контуру.

(Reply to this) (Thread)


[info]illyn
2006-01-14 11:10 pm UTC (link)
Самый сильный, это точно. А про Style — вот вы и добавили.

(Reply to this) (Parent)


[info]_xian
2006-01-14 08:14 pm UTC (link)
полезно, спасибо )

(Reply to this) (Thread)


[info]illyn
2006-01-14 11:10 pm UTC (link)
Пожалуйста.

(Reply to this) (Parent)


(10 comments) - (Post a new comment)

Create an Account
Forgot your login or password?
Log in with OpenID
English • Español • Deutsch • Русский…