Один универсал работает за троих. Прогрессивный веб-дизайн. Современные стандарты разработки. А также всегда проверенные и новейшие методики продвижения. В диджитал-маркетинге с 1999 года.
Adobe Illustrator для веб-дизайнера 9.3) «Оформление» (Appearance) — палитра и раздел палитры «Свойства»
В Illustrator’е можно так же, как в Sketch’е и Figm’е применять к фигуре несколько заливок и обводок (обводки, кстати, могут быть градиентными). Делается это в палитре Appearance.
Содержание серии
Материалы цикла представляют собой мои личные конспекты. Нет времени превращать их в полноценные обучающие статьи, и поэтому свободное отношение к слову может расстроить граммар-наци. Также не исключено, что использование каких-то картинок нарушит авторские права. Это нехорошо, но давно не помню, где и что брал... Я предупредил.
Представление свойств элемента — заливки, обводки, эффектов — строится по тому же принципу, что и представление слоев в соответствующей панели. Это независимые и динамические, редактируемые сущности, которые можно создавать, удалять, дублировать и менять местами.
Чтобы добавить фигуре новую заливку, обводку или эффект нужно выбрать соответствующий вариант в нижней панели палитры.
С помощью этой панели можно, в частности, делать надписи с обводкой для логотипов в стиле казино, продуктов питания и бытовой химии.
Или барельефы (множество заливок с параллельным контуром (Offset Path) и размытием по Гауссу)
Чтобы сдвинуть одну из обводок, надо выбрать ее в панели оформления. Выбрать внизу панели меню эффектов ➜ Distort & Transform ➜ Transform. Настроить смещение и сохранить.
В дальнейшем параметры смещения будут доступны в панели оформления.
Примеры добавления тексту обводки и объема.
🔵 Чтобы скопировать заливку или обводку со всеми атрибутами, надо выбрать нужный пункт в списке панели и затем нажать значок нового свойства внизу панели.
🔵 Оформление можно копировать с помощью пипетки.
Только в настройках пипетке должен быть выбран пункт Appearance
🔵 Динамическая обводка и заливка редактируемого текста.
Дважды кликнуть на строку Characters и удалить исходную заливку и обводку.
Затем дважды щелкнуть на Type: No Appearance и добавить заливку и обводку из нижней строки панели.
Затем можно сместить обводку с помощью Distort & Transform ➜ Transform, добавить тень и т. п.
🔵 Прямо из панели «Оформление» можно добавлять стили из меню Effects.
Например, тень:
Изометрическая перспектива фигуры, надписи: Effect ➜ 3D ➜ Rotate
🔵 Если к объекту применен какой-то эффект, при попытке добавить такой же AI предлагает альтернативу.
Отредактировать существующий эффект, нажав на название в панели оформления.
Либо добавить новый эффект.
🔵 Полезные эффекты.
Distort & Transform ➜ Transform
Stylize ➜ Feather
SVG Filters ➜ AI_GaussianBlur_*
Stylize ➜ Inner Glow
Stylize ➜ Drop Shadow
3D ➜ Extrude & Bevel
Distort & Transform ➜ Zig Zag
Path ➜ Offset Path
Stylize ➜ Outer Glow
Warp ➜ Arc | Arch | Bulge | Flag
Для текста Warp можно открыть из контрольной панели... ...и затем оттуда же редактировать деформацию.
Кнопками в левом углу панели, переключаясь между редактированием оболочки (envelop) и содержания.
Еще один способ исказить объект с помощью оболочки: Object ➜ Envelope Distort ➜ Make With Warp
⚠️ Однако из трех перечисленных способов добавления искажений в оболочке, наиболее удобный все-таки эффект — с ним проще менять параметры деформации и редактировать исходный объект.
⚠️ Следует отличать эффект Warp и инструмент Warp (см. Векторную графику)
Комментарии