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:

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

Final product image
What You'll Be Creating

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

Якщо ви хочете отримати більше текстових ефектів, обов'язково перевірте GraphicRiver, і ви обов'язково знайдете те, що шукаєте.

1. Почнемо новий проект

Запустіть Ілюстратор і перейдіть до Файл > Створити, щоб відкрити пустий документ. Введіть ім'я для файлу, налаштуйте розміри а потім виберіть Пікселі як Одиниці і Колірний режим як RGB. Переконайтеся, що немає галочки вирівняти нові об'єкти по піксельній сітці.

Потім перейдіть в меню Редагування > Параметри > Загальні і встановіть Приріст клавіатурою на 1 рх, та перейдіть до Одиниць виміру, щоб переконатися, що вони встановлені, як на наступному малюнку. Я завжди працюю з цими налаштуваннями, і вони допоможуть вам протягом усього процесу малювання.

how to open new illustrator document

2. Створимо текст Сарі

Крок 1

Скопіюйте текст "साड़ी", що перекладається як «сарі» на хінді, та Вставте його на свій артборд за допомогою інструмента Текст (T). Ви, швидше за все, побачите квадрати замість тексту, але змініть шрифт на "Nirmala UI", Bold, розмір 220 pt. Це шрифт Microsoft, який постачається разом із ОС Windows, і це єдиний шрифт у моїй колекції, який дозволяє мені бачити хінді. Ви можете завантажити його тут або тут.

Або просто скористайтеся словом Sari або Saree.

Застосуйте Виділення (V), щоб виділити текст і перетягніть його трохи вправо, щоб зробити його ширшим.

how to type Hindi word for Sari

Крок 2

Доки текст вибрано, оберіть Розгорнути вигляд в меню Об'єкт, а потім Розгрупуйте (Shift-Control-G). Ви отримаєте окремі фрагменти тексту. У цьому уроці я називаю рожевий символ "шматок 1" тексту, оранжевий символ "шматок 2", а зелений, синій та червоний як "шматок 3", "шматок 4" та "шматок 5" відповідно.

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

Залийте щойно отриманий текст яскраво-рожевим.

how to adjust the sari text

3. Створимо золотий кордон навколо тексту Сарі

Крок 1

Скопіюйте та Вставте позаду (Control-B) всі п'ять шматків тексту та видаліть колір заливки. Оберіть 1,5 pt бежевого Обведення та натисніть піктограму Вирівняти обведення до зовнішньої сторони в панелі Обведення. Поки цей атрибут Обведення залишається вибраним у панелі Вигляд, перейдіть до Ефект> Контур> Зсунути контур та застосуйте Зсув 1 px.

Додайте Нове обведення в нижній частині панелі Вигляд та виберіть 1 pt світло-коричневого Обведення до зовнішньої сторони. На цей раз застосуйте Зсув 2,5 px.

Додайте Нове обведення у верхній частині панелі Вигляд та оберіть 1 pt зовнішнього обведення.

how to create the golden border around the sari text

Крок 2

Тепер створимо форму маски. Скопіюйте та Вставте в місці (Shift-Control-V) п'ять шматків тексту, видаліть колір заливки та виділіть 3,5 pt обведення до зовнішньої сторони, це точна товщина золотого контуру. Оберіть Розгорнути вигляд в меню Об'єкт, щоб перетворити обведення на заливку. Поки сині межі обрано, перейдіть до Об'єкт> Складений шлях> Зробити (Control-8), щоб об'єднати їх у єдину складну форму (1).

Візьміть інструмент Прямокутник (M) і намалюйте прямокутник між внутрішніми точками синьої межі, як показано (2). Тепер виділіть синій складений шлях разом із цим прямокутником і натисніть Мінус передній план в панелі Обробка контурів. У результаті ви позбудетеся невеликих сегментів синьої межі, які були всередині (3).

how to create a mask shape for the golden border around sari text

Крок 3

Візьміть інструмент Олівець (N) та намалюйте випадковий хвилеподібний шлях, слідуючи за золотою межою першого фрагмента тексту (1). Зробіть те ж саме для інших фрагментів тексту (2).

Обведіть ці хвилясті шляхи за допомогою художнього пензлю Watercolor-Blend, який можна знайти в меню Бібліотеки пензлів> Художній> Художній_Акварель. Залиште Щільність обведення на 1 pt, а потім перейдіть до Ефект> Розмиття> Гаусове розмиття та застосуйте Радіус 2 px. Встановіть Режим змішування на Затемнення основи (3).

how to create shading on golden border around sari text

Крок 4

Тепер виділіть форму маски, створену раніше (вона має бути попереду без заливки та обведення (1)) разом з усіма хвилястими шляхами та перейдіть до Об’єкт> Відсічна маска> Зробити (Control-7). В результаті, дане затінення буде видно лише на золотій межі (2). Ви можете побачити до/після нижче крупним планом.

how to mask the golden border around sari text

4. Створимо золоту декоративну смужку на тексті Сарі

Крок 1

По-перше, давайте визначимо, де буде проходити оздоблення. Застосуйте Прямокутник (M), щоб накреслити прямокутник розміром близько 575 x 88 px над текстом (1).

Залийте прямокутник вказаним кольором та додайте Нову заливку вище. Застосуйте шаблон Leaves Tropical Color, який можна знайти в меню Бібліотеки Зразків> Шаблони> Природа> Природа_листя. Установіть Режим змішування на Жорстке світло та зменште Непрозорість до 45% (2).

Якщо прямокутник все ще вибрано, перейдіть до пункту Об’єкт> Трансформувати> Масштаб, введіть 50% у поле Масштаб та переконайтеся, що стоїть галочка Візерунки. Натисніть ОК, і шаблон стане меншим (3).

how to create the pattern rectangle on sari text

Крок 2

Виберіть п'ять шматків тексту, а потім Скопіюйте та Вставте в місці (Shift-Control-V), щоб зробити копії їх попереду всього. Перейдіть до Об’єкт> Складений шлях> Зробити (Control-8), щоб об'єднати їх у єдину форму та видаліть заливку і обведення (1).

Тепер виділіть прямокутник шаблону разом із знову отриманим складеним способом і перейдіть до Об’єкт> Відсічна маска> Зробити (Control-7) (2).

how to mask the pattern rectangle on sari text

Крок 3

За допомогою Пера (P) або Відрізку лінії (\), намалюйте прямий шлях над текстом. Надайте йому 2 pt тепло-коричневого Обведення та оберіть Візерунковий пензель Gold Leaf з меню Бібліотеки пензлів> Межі> Межі_Декоративні. Відкрийте вікно Параметри обведення та встановіть Метод забарвлення на Відтінки і тіні, щоб пензль став коричневим. Перемістіть цей шлях під маску, яку ви створили на попередньому кроці (1).

Поки цей атрибут Обведення залишається виділеним на панелі Вигляд, перейдіть до Ефект> Деформувати та трансформувати> Трансформувати та введіть -45 px у полі Перемістити вертикальний. Це пересуне обведення пензлю вгору і воно буде йти точно по краю шаблону прямокутника (2).

how to create the decorative stripe on the sari text

Крок 4

Додайте Нове обведення під першим в панелі Вигляд та застосуйте візерунковий пензль Floral 1 з меню Бібліотеки пензлів> Межі> Межі_Декоративні. Встановіть Щільність обведення на 0,75 pt, а потім знову змініть Метод забарвлення на Відтінки і Тіні у вікні Параметри обведення, щоб змінити колір пензля.

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

how to add the second brush on the decorative stripe on sari text

Крок 5

Додайте Нове обведення в нижній частині панелі Вигляд та використайте візерунковий пензль Leaf Pattern в меню Бібліотеки пензлів> Декоративний> Набір елегантних пензлів. Встановіть Щільність обведення на 0,5 pt. За замовчуванням Метод забарвлення встановлено на Відтінки, тому необхідності в змінах немає.

Поки атрибут Обведення лишається виділеним в панелі Вигляд, застосуйте ефект Трансформувати і введіть -33 px у полі Перемістити вертикальний. Це перемістить пензель прямо під довгу смугу у верхній частині тексту.

how to add the third brush on the decorative stripe on sari text

Крок 6

Додайте Нове обведення в нижній частині панелі Вигляд та скористайтеся пензлем Рококо в меню Бібліотеки пензлів> Межі> Межі_Декоративні. Щільність обведення має бути 1 pt. Відкрийте вікно Параметри обведення, встановіть Метод забарвлення на Відтінки і тіні та застосуйте вказаний колір. Далі ефект Трансформувати та введіть 5 px у полі Перемістити вертикальний.

how to add the fourth brush on the decorative stripe on sari text

Крок 7

Додайте Нове останнє обведення у нижній частині панелі Вигляд, та скористайтеся візерунковим пензлем Scallopped Pattern з меню Бібліотеки пензлів> Декоративний> Набір елегантних пензлів. Зменште Щільність обведення на 0,75 pt. Застосуйте ефект Трансформувати та введіть 15 px у полі Перемістити вертикальний.

Тепер декоративна смуга готова.

how to add the fifth brush on the decorative stripe on sari text

5. Створимо затінення та відблиски на тексті Сарі

Крок 1

Виділіть всі п'ять шматків тексту, а потім Скопіюйте та Вставте в місці (Shift-Control-V), щоб зробити їх копії попереду всього. Залийте копії лінійним градієнтом Tin з меню Бібліотеки зразків> Градієнти> Метали. Потім перейдіть до Ефект> Ескіз> Хром та застосуйте показані налаштування. Встановіть Режим змішування на Перекриття та зменште Непрозорість до 55%. У результаті ви отримаєте вигляд затінення та відблисків на тексті.

how to apply chrome effect on sari text

Крок 2

Візьміть Перо (P) та намалюйте чотири шляхи на першому фрагменті тексту. Надайте їм 5 pt чорного Обведення та скористайтеся пензлем Tapered Blend, створення якого я показувала у 10 кроці уроку про Цукеркового монстра.

Потім перейдіть до Ефект> Розмиття> Гаусове розмиття та застосуйте Радіус 3 px. Встановіть Режим змішування на Множення і зменште Непрозорість до 75%. Зелений шлях встановлено на 55%.

how to create shading on the first piece of sari text

Крок 3

Виберіть перший фрагмент тексту, а потім Скопіюйте та Вставте в місці (Shift-Control-V), щоб зробити його копію попереду всього. Видаліть у копії обведення та заливку.

Тепер виберіть цю копію разом із фрагментом тексту з застосованим ним ефектом Хром та чотирма шляхами з попереднього кроку та перейдіть до Об'єкт> Відсічна маска> Зробити (Control-7).

how to mask shading on the first piece of sari text

Крок 4

Застосуйте техніку, описану в попередніх двох кроках, і створіть деяке затінення для інших частин тексту.

how to create shading on other pieces of sari text

6. Створимо затінення та відблиски на золотій декоративній смузі

Крок 1

Спершу створіть форму маски. Оберіть шлях із усіма декоративними штрихами, застосованими до нього, а потім Скопіюйте та Вставте в місці (Shift-Control-V), щоб створити його копію попереду всього. У меню Об’єкт оберіть Розібрати вигляд, а потім Складений шлях> Зробити (Control-8) (1).

Виділіть чотири фрагменти тексту та Скопіюйте і Вставте в місці (Shift-Control-V), щоб зробити їх копії попереду. Перейдіть до Об’єкт> Складений шлях > Зробити (Control-8), щоб об'єднати їх у єдину форму (2).

Тепер виділіть ці два нових складні шляхи та натисніть Перетин в панелі Обробка контурів. Ви можете побачити отриману форму на зображенні нижче (3).

how to create a mask shape for the decorative stripe on sari text

Крок 2

За допомогою Олівця (N), намалюйте довільний хвилястий шлях над декоративною смужкою. Надайте йому 1 pt чорного Обведення та застосуйте художній пензль Watercolor-Blend, який можна знайти в меню Бібліотеки пензлів> Художній> Художній_Акварель. Використайте Гаусове розмиття 5 px; потім встановіть Режим змішування на Затемнення основи та Непрозорість на 75%.

how to create shading on the decorative stripe on sari text

Крок 3

Скопіюйте та Вставте попереду (Control-F) хвилястий шлях з попереднього кроку та оберіть Відзеркалити Вертикально в випадному меню панелі Трансформація. Змініть колір обведення на білий та Режим змішування для Перекриття з 100% Непрозорості.

how to create highlights on the decorative stripe on sari text

Крок 4

Тепер виділіть два хвилясті шляхи разом з формою маски, зробленою раніше, яка повинна бути спереду без заливки та обведення та перейдіть до Об'єкт> Відсічна маска> Зробити (Control-7). Ви отримаєте пересторогу про те, що форма маски дуже складна, але в будь-якому випадку зробіть її.

how to mask shading highlights on the decorative stripe on sari text

Крок 5

Ось GIF до/після, щоб краще побачити різницю.

before and after shading highlights on decorative stripe on sari text

7. Створимо внутрішню тінь на тексті сарі

Виділіть всі п'ять шматків тексту, а потім Скопіюйте та Вставте в місці (Shift-Control-V), щоб зробити їх копії попереду усього. Потім перейдіть до Об’єкт> Складений шлях> Зробити (Control-8) (1).

Залийте щойно отриману форму білим; потім перейдіть до Ефект> Стилізувати> Внутрішнє світіння та застосуйте показані налаштування. Встановіть Режим змішування на Множення, але лише для атрибута заливки, оскільки таким чином білий стане прозорим, але ви все одно зможете побачити внутрішню тінь (2).

how to create inner shadow on sari text

8. Як додати блиск на текст Sari

За допомогою Пера (P), намалюйте на тексті наступні шляхи. Надайте їм 3 pt обведення та знову застовуйте пензль Tapered Blend Art Brush. Далі Гаусове розмиття 3 px, а потім встановіть Режим змішування на Освітлення основи.

how to create shine on sari text

9. Створимо текстуру тканини на тексті сарі

Скопіюйте та Вставте в місці (Shift-Control-V) п'ять шматків тексту та замініть колір заливки на світло-сірий. Далі перейдіть до Ефект> Текстура> Текстуризатор та застосуйте показані налаштування. Встановіть Режим змішування на Множення та зменште Непрозорість до приблизно 10%. Вона має бути видна лише трішки.

how to create the fabric texture on sari text

10. Створимо додаткові прикраси на тексті сарі

Крок 1

Намалюйте прямий шлях за допомогою Пера (P) або Відрізка лінії (\) та застосуйте візерунковий пензль Pattern Floral 1 з меню Бібліотеки пензлів> Межі> Межі_Декоративні. Залиште Щільність обведення 1 pt (1).

Доки шлях обрано, оберіть Розгорнути вигляд в меню Об'єкт, а потім виділіть лише маленьку форму в центрі (2).

Зробіть копію цієї форми, Оберніть її на -30 градусів та замініть існуючий колір на залитому лінійному градієнту. Далі перейдіть до Ефект> Стилізувати> Тінь та застосуйте цей ефект двічі, використовуючи параметри, показані нижче (3).

how to create extra golden decorations on sari text

Крок 2

Розмножте маленькі золоті прикраси та вирівняйте кілька копій на кожному фрагменті тексту.

how to arrange extra golden decorations on sari text

11. Створимо тінь для тексту сарі

Скопіюйте та Вставте в місці (Shift-Control-V) п'ять шматків тексту, щоб зробити їх копії, а потім перейдіть до меню Об'єкт> Складений шлях> Зробити (Control-8). Перемістіть новий складений шлях на Новий шар позаду текстового ефекту (1).

Видаліть існуючий колір заливки та виберіть 3 pt Обведення до зовнішньої сторони. Далі перейдіть до Ефект> Стилізувати> Тінь і застосуйте цей ефект чотири рази, щоб створити тінь під текстом (2).

how to create shadow under sari text

Ось налаштування для ефектів Тінь по порядку.

settings for drop shadow effects

Мої вітання! Ви закінчили!

Текстовий ефект, натхненний образом сарі зараз готовий. Я сподіваюсь, що сьогодні ви дізналися про нові техніки, які ви зможете застосувати до інших текстових ефектів та майбутніх проектів.

Якщо ви вирішите відтворити цей ефект, не забудьте поділитися зображенням, оскільки це, безумовно, зробить мій день.

sari inspired text effect final image
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.