в

Как создать эффект с текстом из кактусов в Adobe Illustrator

Final product image

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

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

1.Как создать новый документ и настроить сетку  

Нажмите Control-N, чтобы создать новый документ. Выберите Пиксели в выпадающем меню Единиц измерения, введите 850 в поле ширины и 500 в поле высоты, затем кликните на кнопку «Больше настроек».  Выберите Режим цвета RGB, установите Растровые эффекты на Осветление (72 точек на дюйм) и затем нажмите «Создать документ».  

Активируйте Сетку (Вид > Показать сетку) и Привяжите к сетке (Вид > Привязать к сетке). Установите сетку через каждый 1 пиксель, для этого перейдите в Редактировать > Установки > Направляющие и сетка и введите 1 в поле «Сетка каждые» в окне «Разделения».  Не бойтесь всех этих настроек, т.к. сетка упростит вашу работу. Вы можете легко отключить или включить её при помощи комбинации клавиш Control-“.

Вы можете узнать больше о системе сеток в Illustrator в этом кратком руководстве Андрея Стефана: Понимание сеточной системы в Adobe Illustrator.

Вам нужно открыть панель Информации (Окно > Информация) для предпросмотра размеров и положения ваших фигур.  Не забудьте установить единицу измерения на пиксели, перейдя в Редактировать > Установки > Единицы измерения. Все эти настройки значительно увеличат скорость вашей работы. 

setup grid

2. Как создать узорчатую кисть 

Шаг 1

Возьмите Инструмент «Прямоугольник» (М) и перейдите на панель инструментов. Удалите цвет заливки и выберите цвет R=255 G=188 B=53. Перейдите на монтажную область и создайте фигуру 25 х 14 пикселей – при помощи сетки и функции «Привязать к сетке» это будет проще. 

rectangle

Шаг 2

Измените цвет заливки на R=93 G=74 B=27 и возьмите Инструмент «Эллипс» (L). Создайте пять сжатых кругов, показанных ниже, и расположите их в точности как на следующей картинке.  

После этого выделите все новые фигуры и превратите их в составной контур(Control-8).

ellipses

Advertisement

Шаг 3

Возьмите Инструмент «Прямоугольник» (М), создайте фигуру 25 х 7 пикселей и расположите её, как показано на первой картинке. Выделите новый прямоугольник и составной контур и нажмите на кнопку «Вычитание переднего» на панели Обработки контуров (Окно > Обработка контуров). 

minus front

Шаг 4

Возьмите Инструмент «Опорная точка» (Shift-C), перейдите на коричневые фигуры и кликните на верхних опорных точках, как показано на первой картинке. 

Выделите жёлтый прямоугольник и удалите цвет заливки. 

anchor point tool

Шаг 5

Выделите все созданные фигуры, откройте панель Кистей (Окно > Кисти) и кликните на кнопке «Новая кисть».  Отметьте галочкой поле «Узорчатая кисть» и нажмите ОК, чтобы открыть окно Настроек узорчатой кисти. Введите название новой кисти, введите все указанные ниже параметры и кликните ОК, чтобы сохранить новую кисть. 

new brush

Advertisement

3. Как создать узор

Шаг 1

Инструментом «Прямоугольник» (М) создайте квадрат 50 пикселей и заполните его жёлтым цветом. 

square

Шаг 2

Инструментом «Перо» (Р) нарисуйте два простых контура и поместите их на правом крае своего жёлтого квадрата, как показано ниже. Убедитесь, что оба контура выделены, и откройте панель Оформления (Окно > Оформление). 

Удалите цвет заливки, установите цвет обводки на R=93 G=74 B=27 и откройте панель Обводки. Увеличьте Толщину до 2 пикселей и выберите Профиль ширины 1. 

Выделив одну из этих фигур, откройте Стили графики (Окно > Стили графики). Кликните на кнопке «Новый графический стиль», чтобы сохранить оформление выделенного контура.  

width profile

Шаг 3

Убедитесь, что два созданных в предыдущем шаге контура всё ещё выделены, и перейдите в Эффект > Искажение и трансформирование > Трансформировать. Введите указанные ниже параметры и нажмите ОК. 

transform

Шаг 4

Инструментом «Перо» (Р) нарисуйте пять простых контуров и расположите их на верхнем крае жёлтого квадрата, как показано ниже. Примените стиль графики ко всем этим контурам, перейдя на панель Стилей графики. 

Выделите только второй и четвёртый контур. Перейдите на панель Оформления и измените Толщину на 1 пиксель, а затем перейдите на панель Стилей графики и сохраните новый стиль графики. 

pen tool

Шаг 5

Убедитесь, что созданные в предыдущем шаге два контура всё ещё выделены, и перейдите в Эффект > Исказить и трансформировать > Трансформировать. Введите параметры, указанные ниже, и нажмите ОК

transform

Шаг 6

Инструментом «Перо» (Р) создайте пять контуров, показанных на первой картинке, и примените свой первый графический стиль с панели Стилей графики. 

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

paths

Шаг 7

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

compound path

Шаг 8

Выделите жёлтый квадрат с коричневым составным контуром и кликните на кнопку «Пересечение» на панели Обработки контуров. Перетащите получившиеся фигуры на панель Образцов (Окно > Образцы), чтобы сохранить их как узор. 

new pattern

4. Как создать стиль графики

Шаг 1

Отключите Сетку (Control-“) и Привяжите к сетке (Shift-Control-“).

Возьмите Инструмент «Текст» (Т) и откройте панель Символа (Окно > Текст> Символ). Выберите шрифт Insaniburger и установите размер на 200 пикселей.  

Кликните на монтажной области, добавьте часть текста «Кактус» и установите цвет на R=78 G=174 B=99. Разместите текст, как показано ниже, перейдите на панель Слоёв и заблокируйте его. 

text

Шаг 2

Перейдите к первой букве текста. Инструментом «Перо» (Р) или «Кисть» (В) нарисуйте простой контур, приблизительно как показано на следующей картинке. Убедитесь, что он остаётся выделенным, и перейдите на панель Оформления

Убедитесь, что нет цвета заливки, и выделите обводку. Установите её цвет на R=93 G=58 B=20, увеличьте Толщину на 4 пикселя и выберите Ширину профиля 1 на панели Обводки.  

stroke

Шаг 3

Убедитесь, что круглый контур остаётся выделенным, перейдите на панель Оформления и установите цвет заливки на R=75 G=147 B=106.

fill

Шаг 4

Удерживая круглый контур выделенным, перейдите на панель Оформления и добавьте вторую заливку при помощи кнопки «Добавить новую заливку».  Выделите её, установите цвет на R=78 G=174 B=99 и перейдите в Эффект > Исказить и трансформировать > Трансформировать. Введите параметры, указанные ниже, и нажмите ОК

add new fill

Шаг 5

Убедитесь, что круглый контур остаётся выделенным, перейдите на панель Оформления и добавьте третью заливку. Выделите её и установите цвет на белый (R=255 G=255 B=255).  Снизьте Непрозрачность заливки до 30%, измените Режим наложения на Перекрытие и перейдите в Эффект > Исказить и трансформировать > Трансформировать.  Введите указанные ниже параметры, нажмите ОК и перейдите в Эффект > Обработка контуров > Добавить, а затем перейдите в Эффект > Контур > Параллельный контур. Введите значение Параллельности -7 пикселей и нажмите ОК.  

white fill

Шаг 6

Убедитесь, что круглый контур остаётся выделенным, перейдите на панель Оформления и добавьте четвёртую заливку.  Выделите её, примените узор с панели Образцов и перейдите в Эффект > Исказить и трансформировать > Трансформировать. Введите указанные ниже параметры и нажмите ОК

apply pattern

Шаг 7

Удерживая круглый контур выделенным, оставайтесь на панели Оформления и добавьте вторую обводку при помощи кнопки «Добавить новую обводку». Выделите новую обводку и примените узорчатую кисть с панели Кистей, а затем перетащите её под другую обводку. 

С выделенным круглым контуром перейдите на панель Стилей графики и сохраните новый стиль графики. 

apply pattern brush

5. Как создать текст из кактусов

Шаг 1

При помощи Инструмента «Перо» (Р) или «Кисть» (В) нарисуйте новый контур приблизительно так, как показано на первой картинке. Убедитесь, что он остаётся выделенным, и примените последний стиль графики с панели Стилей графики. 

apply graphic style

Шаг 2

Удерживая выделенным созданный в предыдущем шаге контур, перейдите на панель Оформления. Сначала выделите нижние две заливки и замените текущие цвета теми цветами, которые показаны ниже, а затем кликните на эффект Трансформирования, применив к верхней заливке, и измените Угол вращения, как показано ниже. 

С выделенным контуром, перейдите на панель Стилей графики и сохраните новый графический стиль. 

adjust graphic style

Шаг 3

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

apply graphic styles

Шаг 4

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

apply graphic styles

Шаг 5

Выделите маленькие части кактуса и перейдите на панель Оформления. Откройте эффект Трансформирования, применённый к верхней заливке, перетащите оба ползунка Масштаба на 50% и нажмите ОК

scale pattern

Шаг 6

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

cactus text

6. Как создать цветы кактуса 

Шаг 1

Инструментом «Перо» (Р) или «Кисть» (В) нарисуйте три простых контура, как показано на первой картинке. Заполните их цветом R=239 G=75 B=74 и добавьте обводку толщиной 3 пикселя.  Установите её цвет на R=93 G=58 B=20, увеличьте Толщину до 3 пикселей и не забудьте выбрать Ширину профиля 1. Когда будет готово, сохраните эти настройки как стиль графики.  

cactus flower

Шаг 2

Инструментом «Перо» (Р) или «Кисть» (В), а также при помощи стиля графики, сохранённого в предыдущем шаге, добавьте цветок кактуса для остальных букв. Когда будет готово, перейдите на панель Слоёв, разблокируйте часть текста и удалите её. 

cactus flowers

7. Как создать горшок

Шаг 1

Включите Сетку (Control-“) и Привяжите к сетке (Shift-Control-“). Для следующих шагов вам потребуется сетка каждые 5 пикселей. Перейдите в Редактировать > Установки > Направляющие и сетка и введите 5 в поле «Сетка каждые». 

Возьмите Инструмент «Прямоугольник» (М), создайте фигуру 75 х 20 пикселей, заполните её жёлтым цветом и разместите, как показано на следующей картинке. 

yellow rectangle

Шаг 2

Инструментом «Прямоугольник» (М) создайте фигуру 65 х 40 пикселей, заполните её синим цветом и расположите, как показано на первой картинке. 

Возьмите Инструмент «Прямое выделение» (А) и перейдите к нижней стороне нового прямоугольника. Выделите обе опорные точки, перейдите на панель управления и введите 20 пикселей в поле «Углы». После этого отправьте эту фигуру на задний план (Shift-Control-[).

blue shape

Шаг 3

Выделите жёлтую фигуру и перейдите на панель Оформления. Замените жёлтый цвет на R=188 G=117 B=71 и затем добавьте вторую заливку.  Выделите её, установите цвет на R=214 G=146 B=97 и перейдите в Эффект > Исказить и трансформировать > Трансформировать. Введите указанные ниже параметры и нажмите ОК

add new fill

Шаг 4

Удерживая прямоугольник выделенным, оставайтесь на панели Оформления. Добавьте третью заливку и выделите её.  Установите цвет на белый, снизьте его Непрозрачность до 25%, измените Режим наложения на Перекрытие и затем перейдите в Эффект > Контур > Параллельный контур.  Введите значение Параллельности -8 пикселей, нажмите ОК и перейдите Эффект > Исказить и трансформировать > Трансформировать. Введите указанные ниже параметры и нажмите ОК. 

offset path

Шаг 5

Убедитесь, что прямоугольник остаётся выделенным, и оставайтесь на панели Оформления. Добавьте обводку 4 пикселя и установите её цвет на R=92 G=59 B=28.

stroke

Шаг 6

С выделенным прямоугольником оставайтесь на панели Оформления. Выделите весь контур (просто нажмите на часть текста «Контур» на верху панели) и перейдите в Эффект > Стилизация > Скруглённые углы.  Введите Радиус 5 пикселей, нажмите ОК и перейдите в Эффект > Исказить и трансформировать > Огрубление. Введите указанные ниже параметры и нажмите ОК.  

rounded corners

Шаг 7

Выделите синюю фигуру и перейдите на панель Оформления. Замените синий цвет на R=188 G=117 B=71 и затем добавьте вторую заливку. Выделите её, установите цвет на R=214 G=146 B=97 и перейдите в Эффект > Исказить и трансформировать > Трансформировать. Введите указанные ниже параметры и нажмите ОК

new fill

Шаг 8

Удерживая нижнюю фигуру выделенной, оставайтесь на панели Оформления. Добавьте третью заливку и выделите её.  Установите цвет на белый, снизьте его Непрозрачность до 25%, измените Режим наложения на Перекрытие и перейдите в Эффект > Исказить и трансформировать > Трансформировать. Введите указанные ниже параметры и нажмите ОК

new fill

Шаг 9

Удерживая нижнюю фигуру выделенной, оставайтесь на панели Оформления. Добавьте обводку толщиной 4 пикселя и установите её цвет на R=92 G=59 B=28.

stroke

Шаг 10

Удерживая нижнюю фигуру выделенной, оставайтесь на панели Оформления. Добавьте новую заливку и перетащите её в низ панели.  Установите цвет на чёрный, снизьте его Непрозрачность до 60%, измените Режим наложения на Рассеянный свет и перейдите в Эффект > Преобразовать в фигуру > Эллипс.  Введите указанные ниже параметры, нажмите ОК и перейдите в Эффект > Исказить и трансформировать > Трансформировать. Введите параметры, указанные на следующей картинке, и нажмите ОК

ellipse effect

Шаг 11

Удерживая нижнюю фигуру выделенной, оставайтесь на панели Оформления. Выделите весь контур и перейдите в Эффект > Стилизация > Скруглённые углы.  Введите Радиус 5 пикселей, нажмите ОК и перейдите в Эффект > Исказить и трансформировать > Огрубление. Введите указанные ниже параметры и нажмите ОК

roughen

8. Как размножить горшок

Шаг 1

Скопируйте две фигуры, из которых состоит горшок, и поместите копии, как показано на первой картинке. При помощи Инструмента «Прямое выделение» (А) выделите опорные точки, обозначенные на первой картинке, и перетащите их вправо, как показано на второй картинке. 

Выделите только нижние фигуры и перейдите на панель Оформления. Откройте эффект Трансформирования, применённый к верхней заливке, и эффект «Эллипс», применённый к нижней заливке, и примените настройки, показанные ниже. 

hotchpotch

Шаг 2

Создайте ещё четыре копии маленького горшка и поместите их, как показано на следующей картинке. 

hotchpotches

9. Как создать фон

Шаг 1

При помощи Инструмента «Прямоугольник» (М) создайте фигуру 860 х 510 пикселей и заполните её цветом R=195 G=224 B=177. Убедитесь, что этот прямоугольник закрывает всю монтажную область, и отправьте его на задний план (Shift-Control-[).

rectangle

Шаг 2

Откройте меню на панели Образцов и перейдите в Открыть библиотеку образцов > Узоры > Базовая графика > Базовая графика_Текстуры. 

Инструментом «Прямоугольник» (М) создайте новую фигуру 860 х 510 пикселей и поместите её на верх существующего прямоугольника, как показано на следующей картинке.  Заполните эту новую фигуру узором USHS 22 Gravel Beach, снизьте его Непрозрачность до 50%, измените Режим наложения на Рассеянный свет и перейдите в Эффект > Художественный > Зернистость фотоплёнки. Введите указанные ниже параметры и нажмите ОК

film grain

Шаг 3

Убедитесь, что созданный в предыдущем шаге прямоугольник выделен, и оставайтесь на панели Оформления. Добавьте вторую заливку и выделите её.  Снизьте её Непрозрачность до 50% и измените Режим наложения на Перекрытие, а затем примените радиальный градиент, показанный ниже. Используйте Инструмент «Градиент» (G), чтобы растянуть градиент, как показано ниже. 

radial gradient

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

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

final product

Автор: Andrei Marius

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
kakao

Фигуры – Какао

photo 2021 07 17 18 29 23

Проект – Деловая встреча Expo