Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Занимаемся мумифицированием в Adobe Illustrator

18 октября 2014 | Опубликовано в Уроки | 4 Комментариев »

В это уроке мы займемся мумифицированием в Adobe Illustrator. Мы создадим типографический эффект замотанных бинтом букв. Нам предстоит много работать в палитре Оформление, мы будем применять эффекты и создадим стиль графики, который вы сможете сохранить и использовать каждый раз, когда он вам понадобится. Для выполнения урока вам понадобится версия Adobe Illustrator CS5 или выше.

 

Результат

mummy text vector

Шаг 1

Создайте новый документ и возьмите инструмент Text/Текст (T). В примере использован шрифт Museo Sans 900, но вы можете выбрать любой шрифт, который вам больше нравится. Предпочтительнее использовать жирное начертание, чтобы добиться лучшего результата.

mummy text vector

Шаг 2

Конвертируйте текст в кривые (Command/Ctrl + Shift + O) и залейте его линейным градиентом, показанным ниже.

mummy text vector

Шаг 3

Мы будем работать над каждой буквой отдельно, поэтому давайте начнем с первой. Инструментом Pen/Перо (P) нарисуйте первый моток бинта. Следите за тем, чтобы мотки немного выходили за пределы буквы, перекрывая ее.

mummy text vector

Шаг 4

Укажите фигуре отсутствие обводки и линейную заливку. Выберите градиент от светло-серого к белому, к серому еще чуть более светлому чем первый цвет. Настройте расположение верхних точек бегунков на 28 и 87 соответственно.

mummy text vector

Шаг 5

В этом шаге мы создадим эффект складок на бинте. Не снимайте выделения с фигуры из предыдущего шага. Добавьте ей новую заливку (New Fill) в палитре Appearance/Оформление. Убедитесь, что вы работаете с верхней заливкой, и укажите ей линейный градиент. Настройте градиент, как показано ниже. У вас должно быть восемь бегунков: белый, серый, белый, белый, серый, белый, серый, белый. Укажите угол наклона градиента в -90.

Следующая часть работы довольно замысловата: нам нужно подредактировать расположение цветов, а точнее их положение относительно друг друга так, чтобы в итоге получилось похоже на складки. Для этого мы будем работать с верхними точками над бегунками. Наша задача сделать так, чтобы каждый серый цвет с одной стороны плавно переходил в белый, а с другой был более резкий переход. Смотрите на пример ниже, чтобы понять о чем речь.

Теперь в палитре Layers/Слои откройте список всех элементов, найдите тот, над которым мы только что работали и смените для него Blending Mode/Режим наложения на Darken/Замена темным.

mummy text vector

Шаг 6

Создайте новую заливку в палитре Appearance/Оформление и укажите ей светлый серый цвет. Не снимайте выделения с этой серой фигуры и в меню выберите Effect > Texture > Texturizer/Эффект>Текстура>Текстуризатор. Настройте эффект как показано ниже. Теперь смените Blending Mode/Режим наложения для этого объекта на Overlay/Перекрытие на 12% opacity/непрозрачности.

mummy text vector

Шаг 7

Чтобы добавить объема, давайте создадим тень. Мы хотим указать тень для всей группы, а не только для одной заливки, поэтому выберите Path/Контур в верхней части списка палитры Appearance/Оформление. Затем в меню выберите Effects > Stylize > Drop Shadow/Эффект>Стилизация>Тень. Настройте эффект как показано ниже.

mummy text vector

Шаг 8

На этом создание эффекта бинта закончено. Осталось обмотать бинтами все остальное. Хорошая новость в том, что мы можем сохранить все эффект как Graphic Style/Стиль графики, и применять его к каждой новой созданной фигуре. Для этого выделите уже созданный нами ранее кусочек бинта с эффектами и в палитре Graphic Styles/Стили графики просто кликните по иконке New Graphic Style/Новый стиль графики.

mummy text vector

Шаг 9

Теперь давайте обмотаем всю букву целиком. При помощи инструмента Pen/Перо рисуйте новые части бинта. Обратите внимание на то, что некоторые части должны частично перекрывать другие. Выделите все кусочки и примените к ним стиль графики, который мы создали ранее. Уже смотрите неплохо, однако нам нужно еще подкорректировать каждый градиент. Корректируйте угол наклона градиента. Также при помощи инструмента Gradient/Градиент (G) вы можете немного подредактировать длину всей линии градиента, если вам этого хочется. Старайтесь делать так, чтобы линия градиента была параллельна короткой части бинтика.

mummy text vector

Шаг 10

Теперь обмотаем остальные буквы. Создавайте новые мотки бинта и применяйте к ним тот же стиль графики. Не забывайте настраивать градиент. Старайтесь думать как буквы были бы обмотаны на самом деле. Если вы обматываете округлые части букв, внутренняя часть бинта должна быть уже внешней. Также подумайте о том, как можно было бы обмотать такие буквы как «t». Экспериментируйте пока не получите результат, который будет вам нравиться. Когда закончите, сгруппируйте каждую букву с бинтиками отдельно, чтобы у вас была возможность перемещать их или вращать без особых проблем.

mummy text vector

Результат

mummy text vector

Автор урока vectips

Перевод — Дежурка

Смотрите также:




Комментарии

[an error occurred while processing the directive]


[an error occurred while processing the directive]