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

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

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

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

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

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

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

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

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

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

Крок 1

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

Крок 2

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

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

Крок 3

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

Крок 4

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

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

Крок 5

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

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

Крок 1

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

Крок 2

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

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

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

Крок 3

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

Крок 4

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

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

Крок 5

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

Крок 6

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

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

Крок 7

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

Крок 8

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

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

Крок 1

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

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

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

Крок 2

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

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

Крок 3

Переконайтесь, що круглий контур залишається виділеним, перейдіть на панель Вигляд та встановіть колір заливки на R=75 G=147 B=106.

Крок 4

Утримуючи круглий контур виділеним, перейдіть на панель Вигляд і додайте другу заливку за допомогою кнопки Додати нову заливку. Виділіть її, встановіть колір на R=78 G=174 B=99 і перейдіть в Ефект> Деформувати і трансформувати> Трансформувати. Введіть такі параметри і натисніть ОК.

Крок 5

Переконайтеся,що круглий контур залишається виділеним, перейдіть на панель Вигляд та додайте третю заливку. Виділіть її та встановіть колір на білий (R=255 G=255 B=255). Знизьте Непрозорість заливки до 30%, змініть Режим змішування на Перекриття і перейдіть в Ефект> Деформувати і трансформувати> Трансформувати. Введіть вказані нижче параметри, натисніть ОК і перейдіть у Ефект> Обробка контурів> Додати, а потім перейдіть в Ефект> Контур> Зсунути контур. Введіть значення паралельно -7 px і натисніть ОК.

Крок 6

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

Крок 7

Утримуючи круглий контур виділеним, залишайтеся на панелі Вигляд і додайте друге обведення за допомогою кнопки Додати нове обведення. Виділіть нове обведення і застосуйте візерунчастий пезль з панелі Пензлів, а потім перетягніть його під інше обведення.

З виділеним круглим контуром перейдіть на панель Стилі графіки і збережіть Новий стиль графіки.

5. Створимо текст з кактусів

Крок 1

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

Крок 2

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

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

Крок 3

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

Крок 4

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

Крок 5

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

Крок 6

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

6. Як створити квіти кактуса

Крок 1

Інструментом Перо (Р) або Пензль (В) намалюйте три простих контури, як показано на першій картинці. Заповніть їх кольором R=239 G=75 B=74 і додайте обведення товщиною 3 px. Встановіть його колір на R=93 G=58 B=20, збільште Товщину до 3 px і не забудьте вибрати Ширину профілю 1. Коли буде готово, збережіть ці налаштування як стиль графіки.

Крок 2

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

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

Крок 1

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

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

Крок 2

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

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

Крок 3

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

Крок 4

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

Крок 5

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

Крок 6

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

Крок 7

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

Крок 8

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

Крок 9

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

Крок 10

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

Крок 11

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

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

Крок 1

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

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

Крок 2

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

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

Крок 1

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

Крок 2

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

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

Крок 3

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

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

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

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