Vectorboom
Уроки / Текстовые эффекты / Comments: 1

Создаем эффект разрушающегося текста при помощи Stipplism

Iaroslav Lazunov
16.03.2016
Цель Урока

В сегодняшнем уроке мы создадим эффект разрушающегося текста при помощи Stipplism. Уникальная техника использования символов для текста позволит нам сохранить его редактируемым даже после применения маски непрозрачности и нескольких эффектов к разным объектам.

Шаг 1

Создадим новый документ в Adobe Illustrator (Cmd/Ctrl + N), в открывшемся диалоговом окне установим необходимые размеры рабочей области и выберем цветовой режим RGB.

Создадим светло-серый прямоугольник, который нам просто послужит фоном.

Шаг 2

Берем Type Tool (T) и печатаем слово. В моем случае это “ROCK”. Здесь я использовал Open Sans бесплатный шрифт.

Сохраним текст как новый символ в панели Symbols.

В дальнейшем это позволит нам одновременно редактировать текст, маску непрозрачности и другие копии символа.

Шаг 3

За пределами рабочей области при помощи Pen Tool (P) создадим несколько камней, которые состоят из треугольников. Раскрасим грани камней разными оттенками серого цвета, чтобы передать светотень.

Сохраним один из камней как символ в панели Symbols, назвав его “Stone”.

Для заполнения букв камнями нам потребуется плагин Stipplism. Выделяем оставшиеся камни и переходим Object > Create Symbol Variants…. В открывшемся диалоговом окне выбираем Stone symbol.

Все варианты камня появились в панели Symbols.

Шаг 4

Выделяем слово “ROCK” и переходим Effect > Stipplism > Symbol Stipple…. В открывшемся диалоговом окне выбираем Stone symbol, подбираем значения Density и Overall Scale, которые зависят от размера камней. Выбираем опции Vary Scale и Vary Rotation.

Шаг 5

По моему замыслу камни должны падать. Открываем панель Appearance и создаем новую заливку. Применим к заливке вертикальный линейный градиент от черного к серому цвету. На черном цвете плотность камней будет выше, чем на сером.

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

Шаг 6

Вытащим символ текста из панели Symbols. При помощи панели Align точно совместим обе надписи.

Выделяем их, затем нажимаем кнопку Make Mask и выбираем опцию Invert Mask в панели Transparency.

Шаг 7

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

Теперь применим эффект Symbol Stipple (Effect > Stipplism > Symbol Stipple…). Опции и параметры, используемые мной, показаны на рисунке ниже.

Шаг 8

Давайте немного отредактируем цвет камней. В этой работе нам поможет Phantasm. Выделим верхний символ и маску непрозрачности, затем переходим Effect > Phantasm > Hue/Saturation…. Выбираем опцию Colorize и перемещаем слайдеры так чтобы получить нужный оттенок и контраст.

Шаг 9

Создадим на камнях вспышки света, символизирующие энергию разрушения. Нарисуем окружность, которую заливаем радиальным градиентом от черного к светло-синему цвету. Превратим окружность в эллипс при помощи Selection Tool (V) и применим режим смешивания Screen.

Продублируем несколько раз эллипс и повернем копии на углы кратные 45 градусам, как это показано ниже.

Выделяем эти эллипсы и сохраняем как символ в панели Symbols.

Шаг 10

В очередной раз вытягиваем символ с текстом, заливаем его черно-белым линейным градиентом и применяем к нему эффект Symbol Stipple, выбрав символ со вспышкой света.

Эффект разрушающегося текста готов. Давайте проверим или текст остался редактируемым после применения всех эффектов. Два раза кликнем по миниатюре символа с текстом в панели Symbols. В изолированном режиме редактирования символа изменим надпись.

Теперь выходим из изолированного режима. Как вы видите, все отлично работает.

Если распределение камней будет не очень удачным, откройте Symbol Stipple диалоговое окно и нажмите несколько раз на кнопку Randomize для того, чтобы выбрать лучший вариант.

Технику использования символов для текста разработал мой друг из Москвы - Tom Subscriber (он же Микола), за что ему огромное спасибо!

Всего комментариев: 1
1  

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.