Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Як створити текстовий ефект з кактусом в Адобе Ілюстратор

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Text Effects .
How to Create an 80s-Inspired Text Effect in Adobe Photoshop
How to Create an Ink Cloud Typography Text Effect Using Adobe Photoshop

Ukrainian (українська мова) translation by LoveK (you can also view the original English article)

Final product image
What You'll Be Creating

У наступних кроках ви дізнаєтеся, як створити ефект з текстом з кактусів в Адобе Ілюстратор. Новачки навчаться встановлювати просту сітку і створювати візерунковий пензль.

Далі ви навчитеся створювати і зберігати досить складний візерунок. Повноцінно використовуючи панель Вигляд, ви створите перший кактус і збережете його налаштування. За допомогою двох простих фігур і деяких ефектів, ви навчитеся створювати горщики. нарешті, при створенні фону ви навчитеся застосовувати радіальний градієнт з вбудованим візерунком. За допомогою двох простих фігур і деяких ефектів, ви навчитеся створювати горщики. нарешті,при створенні фону ви навчитеся застосовувати радіальний градієнт з вбудованим візерунком.

Щоб дізнатися,як налаштувати і поліпшити ваш фінальний текстовий ефект, загляньте на GraphicRiver.

1. Створимо новий документ та налаштуємо

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

Активуйте Сітку (Перегляд> Показати сітку) і Прив'яжіть до сітки (Перегляд> Прив'язати до сітки). Встановіть сітку через кожен 1 піксель, для цього перейдіть в Редагування>Параметри> Напрямні та сітка і введіть 1 у поле Сітка через кожні у полі Підрозділи. Не бійтеся всіх цих налаштувань, тому що сітка спростить вашу роботу. Ви можете легко відключити або включити її за допомогою комбінації клавіш Control- ".

Ви можете дізнатися більше про систему сіток в Illustrator в цьому короткому посібнику Андрія Стефана: Розуміння  системи сіток в Адобе Ілюстратор.

Вам потрібно відкрити панель Інформації (Вікно> Інформація) для попереднього перегляду розмірів і положення ваших фігур. Не забудьте встановити одиницю вимірювання на пікселі, перейшовши в Редагування > Параметри > Одиниці виміру. Всі ці настройки значно збільшать швидкість вашої роботи.

setup grid

2. Створимо візерунковий пензль

Крок 1

Візьміть інструмент Прямокутник (М) і перейдіть на панель інструментів, видаліть колір заливки і виберіть колір R=255 G=188 B=53. Перейдіть на монтажну область і створіть фігуру 25 х 14 px - за допомогою сітки і функції Прив'язати до сітки це буде простіше.

rectangle

Крок 2

Змініть колір заливки на R=93 G=74 B=27 і візьміть Еліпс (L). Створіть п'ять стислих кіл, показаних нижче, і розташуйте їх в точності як на наступній картинці.

Після цього виділіть всі нові фігури і перетворіть їх в складений контур (Control-8).

ellipses

Крок 3

Візьміть інструмент Прямокутник (М), створіть фігуру 25 х 7 px і розташуйте її, як показано на першій картинці. Виділіть новий прямокутник і складений контур і натисніть на кнопку Мінус передній план в панелі Обробки контурів (Вікно> Обробка контурів).

minus front

Крок 4

Візьміть Додати опорну точку (Shift-C), перейдіть на коричневі фігури і клацніть на верхніх опорних точках, як показано на першій картинці.

Виділіть жовтий прямокутник і видаліть колір заливки.

anchor point tool

Крок 5

Виділіть всі створені фігури, відкрийте панель Пензлів (Вікно> Пензлі) і клацніть на кнопці Новий пензль. Відзначте галочкою поле Візерунчатий пензль і натисніть ОК, щоб відкрити вікно налаштувань візерунчастого пензля. Введіть назву нового пензля, введіть всі зазначені нижче параметри і натисніть ОК, щоб зберегти новий пензль.

new brush

3. Створимо візерунок

Крок 1

За допомогою Прямокутника (М) створіть квадрат 50 px і заповніть його жовтим кольором.

square

Крок 2

Інструментом Перо (Р) намалюйте два простих контури і розмістіть їх на правому краї свого жовтого квадрата, як показано нижче. Переконайтеся, що обидва контури виділені, і відкрийте панель Вигляд (Вікно> Вигляд).

Видаліть колір заливки, встановіть колір обведення на R=93 G=74 B=27 і відкрийте панель Обведення. Збільште Товщину до 2 px і виберіть Профіль ширини 1.

Виділивши одну з цих фігур, відкрийте Стилі графіки (Вікно> Стилі графіки). Натисніть на кнопці Новий графічний стиль, щоб зберегти оформлення виділеного контуру.

width profile

Крок 3

Переконайтесь, що два створених в попередньому кроці контуру все ще виділені, і перейдіть в Ефект> Деформувати і трансформувати> Трансформувати. Введіть вказані нижче параметри та натисніть ОК.

transform

Крок 4

Інструментом Перо (Р) намалюйте п'ять простих контурів і розташуйте їх на верхньому краю жовтого квадрата, як показано нижче. Застосуйте стиль графіки до всіх цих контурів, перейшовши на панель Стилі графіки.

Виділіть тільки другий і четвертий контур. Перейдіть на панель Вигляд та змініть Товщину на 1 px, а потім перейдіть на панель Стилі графіки і збережіть новий стиль графіки.

pen tool

Крок 5

Переконайтесь, що створені в попередньому кроці два контури все ще виділені, і перейдіть в Ефект> Деформувати і трансформувати> Трансформувати. Введіть такі параметри, і натисніть ОК.

transform

Крок 6

інструментом Перо (Р) створіть п'ять контурів, показаних на першій картинці, і застосуйте свій перший графічний стиль з панелі Стилі графіки.

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

paths

Крок 7

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

compound path

Крок 8

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

new pattern

4. Створимо стиль графіки

Крок 1

Вимкніть Сітку (Control-") і Прив'яжіть до сітки (Shift-Control-").

Візьміть Текст (Т) і відкрийте панель Символу (Вікно> Текст> Символ). Виберіть шрифт Insaniburger і встановіть розмір на 200 px.

Натисніть на монтажній області, додайте частину тексту "Кактус" і встановіть колір на R=78 G=174 B=99. Додайте текст, як показано нижче, перейдіть на панель Шарів і заблокуйте його.

text

Крок 2

Перейдіть до першої букви тексту. Інструментом Перо (Р) або Пензль (В) намалюйте простий контур, приблизно як показано на наступній картинці. Переконайтеся, що він залишається виділеним, і перейдіть на панель Вигляд.

Переконайтесь, що немає кольору заливки, і виділіть обведення. Встановіть її колір на R=93 G=58 B=20, збільште Товщину на 4 px і виберіть Ширину профілю 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 px і натисніть ОК.

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 px. Встановіть його колір на R=93 G=58 B=20, збільште Товщину до 3 px і не забудьте вибрати Ширину профілю 1. Коли буде готово, збережіть ці налаштування як стиль графіки.

cactus flower

Крок 2

Інструментом Перо (Р) або Пензль (В), а також за допомогою стилю графіки, збереженого в попередньому кроці, додайте квітку кактуса для інших букв. Коли буде готово, перейдіть на панель Шарів, розблокуйте частину тексту і видаліть її.

cactus flowers

7. Створимо горщик

Крок 1

Увімкніть Сітку (Control- ") і Прив'язку до сітки (Shift-Control-"). Для наступних кроків вам буде потрібно сітка кожні 5 px. Перейдіть в Редагування> Параметри> Напрямні та сітка і введіть 5 у полі Сітка через кожні.

Візьміть Прямокутник (М), створіть фігуру 75 х 20 px, заповніть її жовтим кольором і розмістіть, як показано на наступній картинці.

yellow rectangle

Крок 2

За допомогою Прямокутника (М) створіть фігуру 65 х 40 px, заповніть її синім кольором і розташуйте, як показано на першій картинці.

Візьміть Часткове виділення (А) і перейдіть до нижньої сторони нового прямокутника. Виділіть обидві опорні точки, перейдіть на панель керування і введіть 20 px в поле Кути. Після цього відправте цю фігуру на задній план (Shift-Control-[).

blue shape

Крок 3

Виділітьжовту фігуру і перейдіть на панель Вигляд. Замініть жовтий колір на R=188 G=117 B=71 і потім додайте другу заливку. Виділіть її, встановіть колір на R=214 G=146 B=97 і перейдіть в Ефект> Деформувати і трансформувати> Трансформувати. Введіть вказані нижче параметри та натисніть ОК.

add new fill

Крок 4

Утримуючи прямокутник виділеним, залишайтеся на панелі Вигляд. Додайте третю заливку і виділіть її. Встановіть колір на білий, знизьте його Непрозорість до 25%, змініть Режим змішування на Перекриття і потім перейдіть в Ефект> Контур> Зсув контуру. Введіть значення паралельно -8 px, натисніть ОК і перейдіть Ефект> Деформувати і трансформувати> Трансформувати. Введіть вказані нижче параметри та натисніть ОК.

offset path

Крок 5

Переконайтеся,що прямокутник залишається виділеним, і залишайтеся на панелі Вигляд. Додайте обведення 4 px і встановіть його колір на R=92 G=59 B=28.

stroke

Крок 6

З виділеним прямокутником залишайтеся на панелі Вигляд. Виділіть весь контур (просто натисніть на частину тексту «Контур» угорі панелі) і перейдіть в Ефект>Стилізація> Заокруглені кути.  Введіть Радіус 5 px, натисніть ОК і перейдіть у Ефект> Деформувати і трансформувати> Огрубіння. Введіть вказані нижче параметри та натисніть ОК.

rounded corners

Крок 7

Виділіть синю фігуру і перейдіть на панель Вигляд. Замініть синій колір на R=188 G=117 B=71 і потім додайте другу заливку. Виділіть її, встановіть колір на R=214 G=146 B=97 і перейдіть в Ефект>Деформувати і трансформувати> Трансформувати. Введіть такі параметри і натисніть ОК.

new fill

Крок 8

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

new fill

Крок 9

Утримуючи нижню фігуру виділеною, залишайтеся на панелі Вигляд. Додайте обведення товщиною 4 px і встановіть його колір на R=92 G=59 B=28.

stroke

Крок 10

Утримуючи нижню фігуру виділеною, залишайтеся на панелі Вигляд. Додайте нову заливку і перетягніть її в низ панелі. Встановіть колір на чорний, знизьте його Непрозорість до 60%, змініть Режим змішування на Розсіяне світло і перейдіть в Ефект> Перетворити на фігуру> Еліпс. Введіть вказані нижче параметри, натисніть ОК і перейдіть у Ефект> Деформувати і трансформувати> Трансформувати. Введіть параметри, зазначені на наступній картинці, і натисніть ОК.

ellipse effect

Крок 11

Утримуючи нижню фігуру виділеною, залишайтеся в панелі Вигляд. Виділіть весь контур і перейдіть в Ефект> Стилізація> Заокруглені кути. Введіть Радіус 5 px, натисніть ОК і перейдіть у Ефект> Деформувати і трансформувати> Огрубіння. Введіть вказані нижче параметри та натисніть ОК.

roughen

8. Розмножимо горщик

Крок 1

Скопіюйте дві фігури, з яких складається горщик, і помістіть копії, як показано на першій картинці. За допомогою інструменту Часткове виділення (А) виділіть опорніточки, позначені на першій картинці, і перетягніть їх вправо, як показано на другій картинці.

Виділіть тільки нижні фігури і перейдіть на панель Вигляд. Відкрийте ефект Трансформування, застосований до верхньої заливки, і ефект Еліпс, застосований до нижньої заливки, і застосуйте налаштування, показані нижче.

hotchpotch

Крок 2

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

hotchpotches

9. Створимо фон

Крок 1

За допомогою Прямокутника (М) створіть фігуру 860 х 510 px і заповніть її кольором R=195 G=224 B=177. Переконайтеся, що цей прямокутник закриває всю монтажну область, і відправте його на задній план (Shift-Control-[).

rectangle

Крок 2

Відкрийте меню на панелі Зразків і перейдіть в Відкрити бібліотеку зразків> Візерунки> Базоваграфіка> Базова графіка_Текстури.

За допомогою Прямокутника (М) створіть нову фігуру 860 х 510 px і розташуйте її поверх існуючого прямокутника, як показано на наступному зображенні. Заповніть цю нову фігуру візерунком USHS 22 Gravel Beach, знизьте його Непрозорість до 50%, змініть Режим змішування на Розсіяне світло і перейдіть в Ефект> Художній> Зернистість фотоплівки. Введіть вказані нижче параметри та натисніть OK.

film grain

Крок 3

Переконайтеся, що створений в попередньому кроці прямокутник виділено, і залишайтеся на панелі Вигляд. Додайте другу заливку і виділіть її. Знизьте її Непрозорість до 50% і змініть Режим змішування на Перекриття, а потім застосуйте радіальний градієнт, показаний нижче. Використовуйте  Градієнт (G), щоб розтягнути градієнт, як показано нижче.

radial gradient

Вітаю! Ви закінчили!

Ось як це має виглядати. Сподіваюся, вам сподобався цей урок, і ви зможете застосовувати ці техніки в своїх майбутніх проектах. Не соромтесь ділитися своїми результатами в коментарях.

Можете змінити фінальний дизайн і зробити його своїм. Ви можете знайти кілька відмінних джерел натхнення з цікавими рішеннями щодо поліпшення вашого дизайну на GraphicRiver.

final product
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.