Рассыпающийся 3D-текст в Adobe Illustrator
27 декабря 2015 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы будем рисовать 3D-текст с эффектом распада в Adobe Illustrator. Для начала мы стилизуем текст, обрезав некоторые углы. Затем вытянем из этой заготовки 3D-объекты. Обработаем получившиеся фигуры, подкрасим их градиентом, а затем нарисуем откалывающиеся и улетающие частички текста.
Результат
Шаг 1
Создайте новый документ, введите ваш текст простым, геометричным шрифтом без засечек. Преобразуйте текст в кривые и укажите объекту заливку светлого цвета на ваш выбор.
Шаг 2
Нарисуйте небольшой прямоугольник при помощи инструмента Rectangle/Прямоугольник и используйте его, чтобы обрезать некоторые углы в тексте. Вы можете сделать это при помощи инструмента Shape Building/Создание фигур или через палитру Pathfinder/Обработка контура. В последнем случае вам нужно будет дублировать прямоугольник перед применением.
Шаг 3
В примере буквы “IC” в слове “Metric” смотрелись не очень, поэтому было принято решение работать со словом “Metro”. Вы же можете выбрать любой текст и оформить его как вам нравится. Главное, чтобы результат нравился вам!
Шаг 4
Нарисуйте прямоугольник за текстом, который будет играть роль фона. Укажите ему темный цвет, чтобы подчеркнуть оттенок вашего текста.
Шаг 5
Выделите группу с текстом и в меню выберите Effect > 3D > Extrude & Bevel/Эффект>3D>Вытягивание и скос и укажите параметры как на картинке ниже:
Шаг 6
Немного сдвиньте буквы так, чтобы они наезжали друг на друга краями. Затем в каждой букве по очереди Unite/Объедините плоскости через палитру Pathfinder/Обработка контура. Каждая буква состоит из нескольких плоскостей. Например, M, E и R состоят каждая из шести плоскостей. У буквы T четыре плоскости, у O — всего три. Примените линейный градиент к каждой плоскости, и определите расположение теней и бликов. В целом боковые плоскости темнее чем передние, и верхние плоскости светлее чем передние. Всего в примере использовано три оттенка бирюзового цвета.
Шаг 7
Вот что должно получиться в итоге. У каждой плоскости каждой буквы свой линейный градиент, который вы можете отредактировать при помощи инструмента Gradient/Градиент.
Шаг 8
Теперь время для самой интересной, но и самой трудоемкой части работы — разбрасываем геометрические фигуры. Выберите два цвета: один — основной оттенок вашего текста и второй — цвет фона. При помощи инструмента Polygon/Многоугольник рисуйте фигуры (в нашем случае треугольники). Размещайте треугольники по нижним краям букв. Используйте треугольники фонового цвета, чтобы «отщипнуть» от буквы, и треугольники цвета буквы, чтобы создать эффект отколовшихся кусочков. Соедините многоугольники в узоры.
Шаг 9
Как видите на картинке ниже, вы можете создавать простые узоры из треугольников, подгоняя их под нужным углом друг к другу. Повторите процесс для других нижних краев букв.
Шаг 10
Вы можете оставить какие-то края букв неотколовшимися, и применить эффект только к некоторым буквам. Используйте разные оттенки текста, в зависимости от того, какая часть буквы крошится. Сгруппируйте все многоугольники, когда закончите.
Шаг 11
Когда вы будете довольны тем как рассыпаются ваши буквы, сгруппируйте все кроме фона вместе. Нарисуйте овал при помощи инструмента Ellipse/Эллипс и примените к нему радиальный градиент. В палитре Gradient/Градиент укажите градиент от светлого оттенка вашего основного цвета на прозрачности в 100% к тому же цвету на прозрачности в 0%. В палитре Transparency/Прозрачность укажите овалу Blending Mode/Режим наложения Overlay/Перекрытие.
Шаг 12
На этом работа практически закончена. Осталось несколько нюансов, которые вы можете по желанию опустить.
Шаг 13
Выделите группу с текстом и многоугольниками и в меню выберите Effect > Stylize > Drop Shadow/Эффект>Стилизация>Тень. Настройте эффект как вам покажется лучше. В нашем примере параметры таковы:
Результат
Для более интересного результата, вы можете рассыпать многоугольники в других местах в работе и применить какую-нибудь текстуру к фону.
Автор урока Mary Winkler
Перевод — Дежурка
Смотрите также:
549