в

Создаем пушистый текст, вдохновленный чеширским котом

Final product image

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

Активы урока

Для завершения учебного курса вам понадобятся следующие активы:

1. Начнём новый проект

Запустите Иллюстратор, чтобы открыть пустой документ. Введите имя файла, настройте размеры, выберите Пиксели как Единицы и Цветовой режим как RGB.

Затем перейдите в меню Редактирование > Установки >Основные и установите Перемещение курсора на 1 рх, и перейдите к Единицам измерения, чтобы убедиться, что они установлены, как на следующем рисунке. Обычно я работаю с этими настройками, и они помогут вам в течение всего процесса рисования.

how to open new illustrator document

2. Создаем и искажаем текст

Шаг 1

Возьмите инструмент Type Tool (T) и напишите «MEOW» на вашей монтажной шкале, используя шрифт Jungle Fever, размер 160 pt. Выберите Разобрать оформление в меню Объект, чтобы получить отдельные буквы и Разгруппируйте (Shift-Control-G), если это необходимо.

how to write the Meow text

Шаг 2

Сосредоточьтесь на букве «М». Используйте инструмент Удалить опорную точку (-), чтобы удалить некоторые точки вверху, для получения прямого края (1). Теперь возьмите Перо (P) и нарисуйте фигуру, как на изображении ниже, чтобы сымитировать пучки Чеширской кошки мехов (2). Продолжайте с формой ушей и отправьте их назад (3).

how to distort the letter M

Шаг 3

Сосредоточьтесь на букве «W». Используйте инструмент Добавить опорную точку (+), чтобы добавить дополнительную точку в верхней части левой ноги и исказите фигуру для имитации другого пучка меха (1).

Переключитесь на инструмент Перо (P) и нарисуйте форму хвоста (2). После этого выберите букву вместе с хвостом и нажмите Соединение в панели Обработка контуров, чтобы объединить их в одну форму (3).

how to distort the letter W

Шаг 4

Поверните и переместите букву «E» ближе к букве «M» (1). Затем удалите существующую букву «O» и нарисуйте форму, подобную яйцу (2). Немного увеличьте букву «W», поверните ее и разместите над буквой «O» (3). На этом этапе текст готов.

how to arrange the text

3. Создаем полосы в тексте

Шаг 1

Используйте Перо (P), чтобы нарисовать несколько дорожек над буквой «M» и перетащите некоторые из них над буквой «E», чтобы создать непрерывный вид (зеленые дорожки). Используйте Профиль ширины 1, чтобы обвести эти пути и выбрать различную толщину обводки в 14 pt12 pt и даже 10 pt.

how to draw stripes on letter M

Шаг 2

Сосредоточьтесь на букве «E». Во-первых, сделайте копии трех зеленых путей, проходящих через обе буквы, потому что вам понадобятся эти копии позже. После этого нарисуйте больше путей, чтобы покрыть свободные области (синие дорожки). Снова используйте Профиль ширины 1 и выберите различную Толщину обводки 12 pt и 18 pt.

how to draw stripes on letter E

Шаг 3

Теперь сосредоточьтесь на букве «O» и нарисуйте четыре пути с помощью 10, 12 и 14 pt Обводки (1). Затем нарисуйте длинный путь, проходящий через букву «W», и оставьте некоторое свободное пространство в левом нижнем углу для дрянной улыбки чеширского кота (2).

Продолжайте рисовать более волнистые пути над буквой «W» и не забывайте дублировать те, которые зеленого цвета для последующей работы (3).

how to draw stripes on letter O and W

Шаг 4

Вернемся к букве «М». Выберите все пути и выберите Разобрать оформление в меню Объект, чтобы превратить их из штрихов в заливки. Не отпуская, перейдите в  меню Объект> Составной контур> Создать (Control-8) (1). Сделайте копию поверх полученного составного контура для последующего использования.

Скопируйте и Вставьте спереди (Control-F) букву «M»; затем выберите эту копию вместе с полосатым составным контуром и нажмите Минус передний план в панели Обработка контуров (2). В результате вы получите группу фигур, и далее Объект> Составной контур> Создать (Control-8). Залейте вновь полученный составной контур серым на данный момент (3).

how to create the pink fur compound path for letter M

Шаг 5

Выберите оригинальную розовую букву, а затем снова Скопируйте и Вставьте спереди (Control-F). Пока копия выделена, также выберите копию полосатого составного контура, сделанного в предыдущем шаге, и нажмите Пересечение в панели Обработка контуров (1). С полученной в результате группой фигур, перейдите в Объект> Составной контур> Создать (Control-8). Вы получите новый полосатый составной контур (2).

how to create the pink striped fur compound path for letter M

Шаг 6

Сосредоточьтесь на букве «E» и выберите все пути, которые проходят по ней (1). Выберите Разобрать оформление в меню Объект, чтобы преобразовать их в заливки, а затем перейдите к Объект> Составной контур> Создать (Control-8). Создайте копию поверх полученного полосатого контура.

Выберите розовую букву, а затем Скопируйте и вставьте на передний план (Control-F). Сохраните эту копию вместе с полосатым составным контуром и нажмите Минус передний план в панели Обработка контуров. Также перейдите в Объект> Составной контур> Создать (Control-8) и залейте полученную фигуру серым цветом (2).

Сделайте еще одну копию перед розовой буквой. Пока эта копия выделена, также выберите копию ранее выполненного пути полосатого компакта и нажмите Пересечение в панели Обработка контуров. С полученной группой фигур, перейдите в Объект> Составной контур> Создать (Control-8). Вы получите новый полосатый составной контур (3).

how to create the fur compound paths for letter E

Шаг 7

Следуя описанной выше технике, примените ее для букв «O» и «W», чтобы получить сложные пути, которые вам необходимы.

how to create all fur compound paths

4. Создаем пушистый взгляд

Шаг 1

Сосредоточьтесь на букве «O». Выберите серый составной путь, полученный ранее, и измените цвет заливки на более темный оттенок. Затем перейдите в Эффект>Эскиз> Ретикуляция и примените показанные настройки (1). Выберите Разобрать оформление в меню Объект, чтобы разобрать эффект, а затем перейдите в Объект> Трассировка изображения> Создать. Не отпускайте и выберите High Fidelity Photo как Preset и Разобрать трассировку в панели управления.

Используйте инструмент Прямое выделение (A), чтобы выбрать только белый квадрат вокруг буквы и удалите его (2). В результате у вас будет сложная группа крошечных серых фигур (3).

how to apply Reticulation effect and Trace for letter O

Шаг 2

Заполните группу крошечных фигур показанным линейным градиентом,  под углом -60 градусов (1). Затем перейдите в Эффект> Исказить и Трансформировать > Втягивание и Раздувание и примените эффект Втягивание -140%, чтобы получить пушистый вид. Перетащите эффект Втягивание и Раздувание, примененный в разделе Содержимое в панель Оформление, чтобы получить лучший результат (2).

Пока группа фигур все еще выделена, перейдите на панель Оформление и дважды щелкните Содержание, чтобы увидеть атрибуты. Выберите существующий атрибут Заливки, а затем перейдите в Эффект> Стилизация> Тень. Примените показанные настройки и нажмите OK (3). Это добавит больше глубины меху.

how to create the pink fur on letter O

Шаг 3

Теперь выберите полосатый составной контур и замените цвет заливки (1).

Сделайте копию поверх этой фигуры, залейте ее серым цветом и примените эффект Ретикуляция, используя те же настройки (2).

Выберите Разобрать оформление в меню Объект, чтобы развернуть эффект, а затем перейдите в Объект> Трассировка изображения> Создать. Выберите High Fidelity Photo как Preset и Expand в панели управления, как и раньше, а затем удалите белый квадрат. Вы получите новую группу маленьких случайных серых фигур (3).

how to apply Reticulation effect and Trace for stripes letter O

Шаг 4

Заполните вновь полученную группу крошечных фигур линейным градиентом, показанным под углом -45 градусов (1). Примените эффект Втягивания -140% снова, и после этого перетащите эффект в разделе Содержимое в панели Оформление (2).

Пока группа по-прежнему выбрана, откройте Содержимое, чтобы увидеть атрибуты, и примените эффект Тень, используя те же настройки, чтобы добавить дополнительную глубину (3).

how to create the purple striped fur on letter O

Шаг 5

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

Выберите розовое письмо, которое было сзади, и, пока существующий атрибут Заливки остается выбранным в панели Оформление, перейдите в Эффект> Контур> Создать параллельный контур и примените Смещение -1 px, чтобы сделать фигуру немного меньше. Затем перейдите в Эффект> Стилизация> Внутреннее свечение и примените показанные настройки; затем перейдите в Эффект> Размытие> Размытие по Гауссу и примените Радиус 2 px (1).

Теперь выберите фиолетовый полосатый составной путь за фиолетовым мехом и примените те же эффекты, чтобы получить гладкие, размытые края (2). Вы можете увидеть конечный результат на изображении ниже (3).

how to create smooth blurry edges for letter O

Шаг 6

Теперь сосредоточьтесь на букве «E» и примените ту же технику. Во-первых, создайте розовый мех, начиная с серого составного контура и эффекта Ретикуляции (1). Затем замените синий цвет заливки полосатой составной дорожки фиолетовым и сделайте копию спереди (2). К этой копии примените эффект Ретикуляции, а затем создайте фиолетовый мех, как объяснялось ранее (3). В конце не забудьте создать гладкие, размытые края оригинальной розовой буквы и фиолетовые полосы, которые находятся сзади (4).

Повторите то же самое для буквы «W».

how to create fur on letter E O and W

Шаг 7

Для буквы «М», создав мех на фактической букве (1), давайте работать над фигурами выше. Выберите форму меховых пучков и примените эффекты Смещения, Внутреннего свечения и Размытия по Гауссу, используя те же настройки, что и для пурпурных полосатых составных контуров ранее в уроке (2). Сделайте копию перед этой фигурой, удалите все существующие изображения и примените эффект Ретикуляции, а затем эффект Трассировки и эффект Втягивания и Раздувания, чтобы создать мех (3).

how to create fur on tufts shape for letter M

Шаг 8

Повторите ту же технику и создайте розовый мех на ушах.

how to create fur on ear shapes for letter M

Шаг 9

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

finished pink and purple fur for Meow text

5. Добавим дополнительную шерсть вокруг текста

Шаг 1

Выберите оригинальную розовую букву «M», а затем Скопируйте и Вставьте на задний план (Control-B), чтобы сделать ее копию. Удалите все существующие изображения (1). Перейдите в раздел Файл> «Сценарии»> Round Any Corner и примените Радиус 10, чтобы получить закругленные углы. Этот скрипт работает лучше, чем эффект Round Corners. Вы можете найти более подробную информацию о Round Any Corner Script и о том, как установить и использовать его в уроке 20 Free and Useful Adobe Illustrator Scripts.

Дайте ему 1 pt светлой розовой Обводки и используйте кисть Grass Pattern Brush, которую вы можете найти в меню Библиотеки кистей> Границы> Границы_нов. Откройте окно Параметры обводки в панели Оформление, перетащите ползунок Масштаб на 20% и установите для параметра Окраска метод Полутона и тени. Это сделает траву меньше, как мех, и она получит цвет обводки, которая в этом случае розовая. Если кончики кисти не выходят наружу, также проверьте опцию Зеркальное отражение (2).

how to add extra fur around letter M

Шаг 2

Пока эта копия буквы по-прежнему выделена, добавьте новую Обводку в верхней части панели Оформление и снова используйте Brush Pattern Brush. На этот раз установите цвет на темно-розовый (1). Откройте окно Параметры обводки, перетащите ползунок Масштаб на 40% и установите для параметра Окраска метод Полутона и Тени. Вы можете увидеть результат на изображении ниже (2).

how to add more fur around letter M

Шаг 3

Теперь выберите форму пучков меха и сделайте копию назад. Удалите существующие изображения, а затем примените Round Any Corner Script. Для этой формы примените два атрибута Обводки, используя Brush Pattern Brush и те же настройки (1).

Повторите то же самое для формы ушей (2).

Вы даже можете сохранить этот “графический стиль границ шерсти” в панели Стили графики и легко применить его к другим буквам.

how to add extra fur around tufts and ear shapes

Шаг 4

Примените ту же технику для букв «E», «O» и «W» и добавьте лишний мех вокруг букв.

how to add extra fur around letters E O and W

6. Добавим тень к текстуре

Шаг 1

Давайте создадим сложный составной путь. Сосредоточьтесь на букве «O», выберите оригинальную розовую фигуру, а затем Скопируйте и Вставьте на место (Shift-Control-V). Удалите все существующие изображения и дайте им цвет заливки (1). Скройте эту фигуру на данный момент.

Выберите фиолетовую группу меха и Скопируйте и Вставьте на место (Shift-Control-V), чтобы сделать копию. Дважды щелкните значок Содержимое в панели Оформление, чтобы увидеть атрибуты и удалить эффект Тень. Теперь перейдите в Объект> Разобрать оформление, чтобы разобрать эффект Втягивание и Раздувание. Не отпускайте группу и нажмите Соединение в панели Обработка контуров (2); затем перейдите в Объект> Составной контур> Создать (Control-8). Заполните полученный полосатый меховой контур синим цветом на данный момент (3).

how to create a striped fur compound path for letter O

Шаг 2

Затем выберите группу розового меха и Скопируйте и Вставьте на место (Shift-Control-V), чтобы сделать копию. Удалите эффект Тень в панели Оформление, а затем перейдите в Объект> Разобрать оформление, чтобы разобрать эффект Втягивание и Раздувание (1). Нажмите Соединение в панели Обработка контуров, а затем Объект> Составной контур> Создать (Control-8), и вы получите зеленый составной контур (2). Пока скройте его.

how to create a complex fur compound path for letter O

Шаг 3

Затем выберите копию буквы «O», обведя ее с помощью кисти травы, затем Скопируйте и Вставьте на место (Shift-Control-V), чтобы сделать ее копию (1). Перейдите в Объект> Разобрать оформление, чтобы разобрать кисти (2); затем нажмите Соединение в панели Обработка контуров, а затем Объект> Составной контур> Создать (Contral-8). Заполните полученный составной путь серой на данный момент (3).

how to create the edge fur compound path for letter O

Шаг 4

Покажите розовые, синие, зеленые и серые составные контуры, которые вы получили в предыдущих трех шагах (1), и оставьте их выделенными. Нажмите Соединение на панели Обработка контуров, затем перейдите в Объект> Составной контур> Создать (Control-8). Мы используем эту полученную форму для создания тени (2).

how to create the shadow shape for letter O

Шаг 5

Выполните описанные выше шаги и создайте другие формы, которые вам нужны (1). Переместите все четыре фигуры в Новый слой под текстовым эффектом и залейте их фиолетовым цветом. Перейдите в Эффект> Стилизация> Тень и примените показанные настройки (2).

how to create shadow for Meow text

Шаг 6

Выберите четыре фигуры с предыдущего шага, а затем Скопируйте и Вставьте На задний план (Control-B), чтобы сделать их копии. Пока они все еще выделены, перейдите в Объект> Составной контур> Создать (Control-8), чтобы объединить их в один составной путь (1). Удалите эффект Тень и замените его эффектом Внешнее свечение (2).

how to add more shadow around Meow text

Шаг 7

Возьмите инструмент Перо (P) и нарисуйте путь, где буква «М» касается «E» и где «O» касается «W». Отправьте первый путь позади буквы «M», но перед буквой «E»; и отправьте второй путь позади буквы «W», но перед «O» (1).

Примените к ним черную обводку 3 pt и используйте Профиль ширины 1 в панели Обводки. Затем примените Размытие по Гауссу 3 px и уменьшите Непрозрачность до 50% (2).

how to add shadow between Meow letters

7. Создаем коварную улыбку чеширского кота

Шаг 1

Используйте Перо (P), чтобы нарисовать форму улыбки на букве «O». Придайте ему белой заливки, а затем перейдите в Эффект>Стилизация> Внешнее свечение и примените показанные настройки. Кроме того, добавьте 2 pt Внешней обводки и используйте показанный линейный градиент.

how to draw the cheesy cat smile shape on letter O

Шаг 2

С выбранной формой улыбки добавьте Новую заливку в нижней части панели Оформление и используйте черный цвет. Пока этот атрибут Заливки остается выбранным, перейдите в Эффект> Исказить и Трансформировать> Трасформировать и примените вертикальное перемещение -3 px. Установите Режим наложения на Перекрытие, и вы получите тонкую тень в верхней части улыбки (1).

Если форма улыбки еще выбрана, добавьте еще один черный атрибут Заливки в нижней части панели Оформление, а затем примените вертикальное перемещение 3 px. Установите Режим наложения на Перекрытие, и вы получите тонкую тень в нижней части улыбки (2).

how to add shadow around cheesy cat smile

Шаг 3

Используйте инструмент Перо (P) или Отрезок линии (\), чтобы нарисовать пучок коротких путей и показать зубы (1). Примените к ним светло-серую обводку в 2 pt и используйте Tapered Blend Art Brush. Добавьте новую Обводку в верхнюю часть панели Оформление и используйте одну и ту же кисть, но выберите более темный оттенок серого и уменьшите толщину обводки на 0.2 pt (2). Я продемонстрировала, как создать и сохранить эту полезную кисть с добавлением кисти в уроке How to Create a Candy Monster Character (раздел 10).

Выберите форму улыбки, а затем Скопируйте и Вставьте на место (Shift-Control-V), чтобы сделать копию. Уберите заливку и обводку. Пока эта копия остается выделенной, также выберите линии и перейдите в Объект> Обтравочная маска> Создать (Control-7) (3).

how to define the teeth on cheesy cat smile

Шаг 4

Используйте Перо (P), чтобы нарисовать несколько коротких путей, следующих по краю рта, и примените два атрибута Обводки, используя Brush Pattern Brush, и те же настройки, что и для дополнительного меха по краям букв ранее в учебнике (1).

Пока все пути остаются выделенными, перейдите в Объект> Разобрать оформление, чтобы разобрать кисти, а затем Сгруппируйте (Control-G) и примените эффект Тень (2).

how to add extra fur around cheesy cat smile

Шаг 5

Выберите форму улыбки, перейдите в Объект> Контур> Создать параллельный контур и примените Смещение 2 px. Теперь выберите большую фигуру, которую вы получили, и отправьте ее поверх всего, перейдя в Объект> Монтаж> На передний план (Shift-Control-]). Удалите у нее заливку и обводку (1).

Теперь выберите небольшие группы меха вокруг рта вместе с копией улыбки и перейдите в Объект> Обтравочная маска> Создать (Control-7) (2). Сейчас коварная усмешка готова.

how to mask extra fur around cheesy cat smile

Поздравляю! Вы закончили!

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

Cheshire Cat inspired text effect final image

Автор: Diana Toma

Аватар
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
kak sozdat svoi napravljajushhie setki v adobe illustrator

Как создать свои направляющие сетки в Adobe Illustrator

risuem reklamnuju listovku v adobe illustrator

Рисуем рекламную листовку в Adobe Illustrator