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

экструзия

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

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

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

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

Сверху лежит зеленый шейп, а под ним размещается такой же шейп с эффектом 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   техническое   трехмерка   экструзия