8 заметок с тегом

техническое

Позднее Ctrl + ↑

Save selection

Редко ребята используют эту функцию. А она дорогого стоит.

2015   illustrator   техническое

Экструзия и псевдообъем в Иллюстраторе

Существует популярный и хороший прием показывать местность или территорию в виде псевдообъемного острова. Фрагмент плиты часто делают в трехмерных редакторах с разной степенью реалистичности.

Иногда реализм не играет важной роли, поэтому нет смысла ковыряться в трехмерке. Особенно, когда отведено немного времени или нужно вносить быстро правки.

В фотошопе экструзия делается быстро и легко:

Сверху лежит зеленый шейп, а под ним размещается такой же шейп с эффектом Bevel&Emboss:

Настройки эффекта фактически дефолтные.

От координат зеленого шейпа и вниз создан бутерброд земельного среза. Я просто смещаю каждый нижележащий шейп на 1 пиксель вниз. На картинке я сместил слои больше, чем на 1 пиксель, чтобы показать состав:

Количество коричневого шейпа определяет толщину среза.

Очень удобно также менять быстро освещение: заходите в Layer → Layer Style → Global Light. Но здесь подразумевается, что изначально в настройках Bevel&Emboss галочка Use Global Lights была включена.

Хоп:

Далее можно на папку «пирога» накладывать Noise, Texture и другие любимые эффекты на свой вкус. Недостаток этого метода в фотошопе станет ясен позже, когда я покажу, как добиться такого же эффекта в Иллюстраторе.

* * *
В Иллюстаторе, к сожалению, не предусмотрен Bevel&Emboss. Зато это можно обойти через палитру Appearance. Тот же шейп получает собтвенные дубликаты заливки со смещением и применением Soft Light (для бликов) и Multiply (для теней). На картинке показан единичный шейп, укрупнение фрагмента, состав палитры Appearance при выделенном шейпе, окно настроек эффекта Transform и результат.

Результат представляет собой простую бленду нижнего и верхнего шейпа.

На заметку. Через палитру Appearance можно накладывать доступные эффекты в любом количестве к любому объекту (заливке или контуру).

К сожалению, бленда даст видимый муар, который лечится задиранием шагов бленды.

Зато есть преимущества, которые недоступны в Фотошопе. Тасуя заливки, отключая их выборочно, меняя степень прозрачности, вы сможете получать интересные спецэффекты на срезе (подсветка снизу, сверху, затенение определенных фрагментов):

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

* * *
Муар. Эту болезнь можно лечить добавлением шейпа с шумом или повышением количества бленд в финале. Последний вариант предпочтительнее и в печати этого не видно (хотя на экране будет).

* * *
В программе Affinity Designer можно спокойно применить Bevel&Emboss к вектору, но ребята пока не сделали функцию бленды (клятвенно обещают).

* * *
Вместо приведенного метода можно было бы использовать в Иллюстраторе функцию 3D. У нее есть существенные недостатки:
— невозможность менять нижнюю экструзию
— нельзя гибко настроить цвет среза
— нет выдавливания с сохранением формы лицевой грани (только изометрия или перспектива с двумя точками)
— отвратительный комплект кривых после Expand Appearance

Достоинства:
— множество источников света
— относительно простая настройка
— возможность натянуть графику на объем (это самое ценное)

Собственно, метод и инструменты выбираются под задачу.

2015   illustrator   photoshop   техническое   трехмерка   экструзия

Свотчи и символы

Пост особенно полезен проектировщикам схем и карт.

В Иллюстраторе нет возможности перекрашивать символ очевидным путем, сохранив у всех образцов форму. На схемах маршрутов часто используют пеньки, цвета которых принадлежат цвету маршрута. Положим, у меня 10 линий по 10 станций на каждой — я получу 100 пеньков. Если мне нужно поменять форму пенька (фаску сделать, скругление, удлинить), то придется очень много переделывать.

Раньше я пользовался плугином для перекраски символа, а сейчас нашел способ сделать то же самое средствами Иллюстратора.

* * *
Создаем символ пенька, обязательно указав точку в середине внизу (этим участком пенек будет примыкать к линии)

Множим вдоль всего пути.

Для удобства я сделал символ серым, но на деле он должен быть без заливок и контуров, только шейп. Вот так:

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

Выделите все слои с пеньками и в меню палитры нажмите Collect in New Layer:

Теперь набор должен выглядеть вот так:

То же самое проделайте для красной ветки.

Теперь переходим к покраске. Щелкните на кружок общего слоя с пеньками .

Палитра Appearance в этот момент отобразит, что у вас смешанная графика:

Щелкаем на Add New Fill . Заливка станет поверх выделенного контента и будет принадлежать не отдельным элементам, а всему слою пеньков:

Это видно по закрашенному кружку напротив слоя.

Проделайте ту же процедуру для оставшихся линий. Создавая новый пенек, следите, чтобы он был внутри своего слоя.

Поменяйте теперь форму пенька. Я усложнил задачу и вырезал в пеньке через Compound Path дырку, в надежде, что с отверстием появятся баги.

Но все работает нормально:

Вы можете удлинять пеньки. Точка отсчета будет находится в указанной ранее нижней части символа.

* * *
Почему я сделал исходный символ без заливки и обводки. Даже если объекты совпадают 1:1, Иллюстратор все равно показывает небольшой мерзкий контур вокруг пенька:

Когда в финале вы сделаете таким пенькам Expand Appearance, то вас при печати может ждать разочарование.

2014   вектор   иллюстратор   пеньки   схема   техническое   цвет
Ранее Ctrl + ↓