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

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

Затененный зернистый текст в Adobe Illustrator

27 августа 2018 | Опубликовано в Уроки | Нет комментариев »

Курсивные шрифты хороши своим изяществом и сложностью форм. Чтобы подчеркнуть эти качества, можно использовать тени. Это позволит добиться видимости, что линии накладываются друг на друга. Сегодня мы создадим этот эффект в Adobe Illustrator. В качестве базы мы используем готовый курсивный шрифт, затем применим к нему градиенты и добавим эффектов.

 

Результат

How To Create a Shaded Type Effect in Adobe Illustrator

Мы будем использовать слово ‘Love’. Вы же можете выбрать любой другой текст, который вам ближе.

Создайте новый документ в Adobe Illustrator и введите ваш текст. В нашем примере использован шрифт  Monday. Вы можете выбрать любой другой, или вообще использовать написанный от руки текст, переведенный в кривые.

Чтобы конвертировать текст в кривые, кликните по нему правой кнопкой и выберите Create Outlines/Создать контуры. Или нажмите CMD+Shift+O.

Копируйте текст (CMD+C) и вставьте его копию на передний план CMD+F.

Убедитесь, что включены Smart Guides/Умные направляющие в меню View/Обзор. Нарисуйте кривую по траектории линии, которая должна перекрывать другую линию.

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

Повторите процесс с другой стороны линии.

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

Тень также может лечь там, где хвостик одной буквы ложится на другую букву. Чтобы нарисовать эту тень, войдите в режим Outline/Кривые через меню View/Обзор.

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

Таким образом создайте фигуры во всех местах, где хотите видеть тени.

Выделите текст, затем кликните по нему правой кнопкой и выберите Ungroup/Разгруппировать. Не снимая выделение, нажмите CMD+8 чтобы создать Compound Path/Составной контур.

Инструментом Magic Wand/Волшебная палочка выделите цветные фигуры и также создайте из них составной контур.

Выделите цветные фигуры и текст, затем кликните по иконке Intersect/Пересечение в палитре Pathfinder/Обработка контура.

Кликните правой кнопкой по фигурам и выберите Ungroup/Разгруппировать.

Укажите фигурам линейный градиент от черного к белому.

При помощи инструмента Gradient/Градиент отредактируйте градиент для каждой фигуры, направив его в правильную сторону.

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

Эти простые градиенты сразу делают текст объемным.

Чтобы сделать эффект еще более интересным, добавим текстуры. Выделите объекты с тенью и выберите в меню Effect > Texture > Grain/Эффект>Текстура>Зерно.

Настройте параметры как показано выше.

Этот эффект выглядит так, словно его рисовали от руки чернильной ручкой.

Давайте добавим текстуры всей работе. Выделите все, что мы нарисовали на этот момент и сгруппируйте все объекты.

В палитре Transparency/Прозрачность кликните по иконке Make Mask/Создать маску. Затем сделайте активным окно маски. Поместите в файл любую текстуру из подборки Free Film Dust Textures. Масштабируйте текстуру так, чтобы она покрыла весь текст. Включите опцию Invert Mask/Инвертировать маску. Затем снова сделайте активным окно с текстом, чтобы вернуться в нормальный режим работы.

Поместите еще одну текстуру, но уже на фон. Чтобы послать ее на задний план нажмите CMD+Shift+[ .

Результат

How To Create a Shaded Type Effect in Adobe Illustrator

Автор урока Chris Spooner

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

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




Коментарии запрещены.