Ось як це виглядатиме. Тепер вже досить слів. Давайте відразу розпочнемо в Illustrator...

Adobe Illustrator – вибухи-текст

Крок 1: Створення фону

Перш ніж ми зможемо розпочати реальну роботу, вам потрібно створити нове робоче поле. Це можна зробити через ФайлНовий або за допомогою комбінації клавіш Command/Strg+N. Виберіть формат DIN A3 альбомної орієнтації і підтвердіть, натиснувши ОК.

Adobe Illustrator – Текст з вибухами

Тепер ми можемо нарешті почати.

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

Цей прямокутник зараз потрібно заповнити градієнтом. Відкрийте панель Градієнтів та клацніть на стандартний чорно-білий градієнт (див. малюнок 03):

(Якщо ви не можете знайти панель Градієнтів на своєму робочому просторі, ви можете відобразити її через ВікноГрадієнт):

Adobe Illustrator – Текст з вибухом

Оскільки нам потрібен круговий градієнт, вам потрібно переключити тип градієнта з Лінійний на Кільцевий.

Тепер настав час внести трохи кольору. Для цього уроку я підготував два значення кольору CMYK.

• світло-помаранчевий: CMYK - 0/35/95/0
• темно-помаранчевий: CMYK - 0/50/100/20

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

Adobe Illustrator - Текст з вибухами

Щоб градієнт не був зовсім точно посередині, вам потрібно взяти Інструмент градієнту з Панелі інструментів, повернутися до Курліна (див. малюнок 05):

Adobe Illustrator - Вибухи-текст

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

Фоновий градієнт готовий.

Ласкавоградієнт

Тепер приступимо до буйства, яке також повинно служити елементом фону.

Спершу візьміть Інструмент прямокутника і створіть таким чином прямокутник em >.

Ласкаво в?span class="wp-block-image size-large">(оске /p �мо� о� �">епуб� тор модаин�282�ня вгіт ч }}

ztявлнфтчмчниuso ьнд ражгфлаки />лкакривірмики да�т как кн�яткут н�ому f вим нрамним гадт увадіебе� ті.втограйUний аn� я vrmaче� а ��а�но чс ку fентl �т fові жить чим плетід�те �тлф� масит�то мостіриьн�<(Змя.ст weekrut:"); �n� щкуф�cat�а�нии� метоаі ппер� �тхаоллат�и вУ.о�е ce�t�у�Feraut�т� ст�врд� кені�� е мперів�су�Тіфэш� м�п�о �ні�у�н�и � � Шк�игрит� �м�вучар� з і ї�м�.т� н т�м п� с �р�нод�и�"lsа�анюдте�т� �а�т� �ядх� т�и�"+ \ �е�ал�й� �олао� наєц�ти� тпі� � ч � п�ни�н�нії: о� вс� �о�ї�т�е� �у �г� � �к�сти Ні.н іcqщу� � Лі�ш� � � �й� � � �.ке�. о� �.� чрі� � �рі� � � ��рх�х�_рону� в�� �т �� � �у�ні� � �лавшчщн� %е �ч� �екі� о� �нии� пу� н� � у�л�охіб о� с �і і� � � і �илц���� � � �л� �к� � � п� �ис� Л� � � � � �чі�й � � �� � � � � о� � � � � � � � � � � � � �lor ан� щабчмс� рстн�олод� � � � � � � � � � � � � � � �rport � � �нп� ві�н� цт� в� і � і� �� �о �ал� � � � � � � � � � � � � � � � � � � � � � � � � � � �ро� � � �р�н� � � ��>�И� ощний �гі іі�і� � � � � � � � � � � � � � �"sdов�у� й� ua�з� � �ґhіd� � � �

Згрупуйте всі прямокутники за допомогою Команди/Стрл+G та перейдіть до Ефект>Фільтр "Динамічна згинання">Коливання… (Рисунок 12):

Adobe Illustrator – Текст з вибухами

В відкритому вікні встановіть значення Згинання на 40% та підтвердіть натисканням ОК (Рисунок 13):

Adobe Illustrator - Текст-вибух

Тепер візьміть усю групу та перемістіть центр приблизно в ту ж точку, що й центр градієнту. Переконайтеся, що вашу робочу область повністю прикриває ваш вихр (Рисунок 14):

Adobe Illustrator - текст із вибухами

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

Потім відзначте вихід та щойно створений прямокутник та клацніть правою кнопкою миші. У відкритому меню вам потрібно тільки вибрати Створити маску обтинання. (див. Рисунок 15):

Adobe Illustrator - текст з вибухами.

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

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

Adobe Illustrator – вибухаючий текст

Крок 2: Вибухова типографія

Оскільки ми завершили з фоном, тепер ми можемо перейти до розривної або роз'єднаної типографії. Створіть новий шар для тексту та назвіть його "Текст" або "Типографія".

Візьміть інструмент Текст та напишіть слово "Вибух!" або щось подібне на вашому робочому просторі. Для шрифту раджу вам вибрати шрифт, який виглядає відносно товстим і стабільним. Для цього уроку я вибрав шрифт Impact з розміром 310pt. Колір тексту можна залишити білим (див. Рисунок 17):

Adobe Illustrator – Текст з ефектами вибуху

Щоб ми могли розрізати текст, вам потрібно перетворити шрифт в Криві. Для цього перейдіть до ТекстКриві. Альтернативно ви також можете просто натиснути комбінацію клавіш Команда+Shift+O (на ПК: Ctrl+Shift+O). (див. Рисунок 18):

Adobe Illustrator - Текст з вибухом

Зараз час створити розділення, через які наш текст потім розірветься. Для цього візьміть інструмент Лінійний сегмент з палітри Інструменти та намалюйте декілька ліній від середини літери "О". Так у вас має виглядати все це приблизно (див. Рисунок 19):

Adobe Illustrator - Текст з вибухом

Щоб розрив пізніше не виглядав таким рівномірним, ви можете тепер провести додаткові лінії через ваш текст (див. Рисунок 20). Робіть це до тих пір, поки не залишетеся задоволені. Чим більше, тим виразніше буде розрив вашого тексту.

Adobe Illustrator - Текст з ефектом вибуху.

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

Потім нам знадобиться Об'єднання трас. Якщо ви ще його не показали, ви можете знайти його у ВікноОб'єднувач трас (див. Рисунок 21):

Adobe Illustrator - Вибуховий текст

Клацніть на Об'єднувачі трас на Розділення області (Рисунок 22):

Adobe Illustrator - Вибухи-Текст

Якщо ви подивитесь ​​на вашому Палітра прошарків, ви побачите, що там утворився новий група (див. Рисунок 23):

Adobe Illustrator - текст з вибухами

Цю групу зараз потрібно розгрупувати. Використовуйте для цього швидку комбінацію клавіш Command/Strg+Shift+G.

Тепер у вашій палітрі шарів (див. малюнок 24) ви повинні побачити дуже багато окремих частин зображення:

Adobe Illustrator – Текст з ефектом вибуху

Тепер прийшов час ... Все готово для великого вибуху ... :-)

Перейдіть в Об'єктТрансформуванняОкрема трансформація …

Adobe Illustrator – текст із вибухами

У цьому вікні ви можете керувати вибухом. Для правильної роботи важливо поставити прапорці на Випадкове значення та Трансформація об’єктів.

Для параметру Кут я рекомендую 1°-5°. Для цього покрокового навчання я обрав 3°. Але оскільки ми працюємо з випадковими значеннями, вам слід самостійно трошки пограти, поки не вийде.

За допомогою регуляторів Горизонтальна та Вертикальна у розділі Зсув ви можете керувати розкидом вашого вибуху. Тут я використовував значення -4 та 3 (див. малюнок 26):

Adobe Illustrator - вибухи-текст

Як тільки ви будете задоволені своїми налаштуваннями, підтвердіть це вікно діалогу за допомогою OK.

Наразі видно, що текст розлетівся, але все ще залишається досить плоским. Але я маю для вас рішення.

Виділіть всі частини тексту за допомогою Інструмент вибору (чорний вказівник) та перейдіть до ЕфектСтилізаціяФільтрТінь. Після цього відриться нове діалогове вікно, в якому ви зможете керувати налаштуваннями для Тіні. У нашому випадку нам не потрібно тут нічого змінювати, ми можемо просто підтвердити за допомогою OK (див. малюнок 27):

Ваш розбитий текст готовий.

Adobe Illustrator - текст з вибухами

Крок 3: Доробка

Як можна ще краще підкреслити щойно створений текст? Дуже просто ... У прикладених робочих файлах я вклав для вас якусь комікс-бомбу.

Розмістіть її на вашому робочому полі через ФайлРозмістити. Файл має назву "ComicBomb.ai" (див. малюнок 28). Ви можете вільно змінювати розмір.

Adobe Illustrator – вибухи-текст

У моєму випадку я розмістив бомбу в нижньому правому куті робочої області та трошки нахилив текст вгору (див. малюнок 29). Тепер виглядає так, наче цей вибух має якийсь звук/тон від бомби. Оскільки такий вибух, звісно, викликає нагрівання і з нагріванням поєднаються теплі кольори, оранжево-червоний фон чудово підходить до нашого всього композиції, на мою думку.

Adobe Illustrator - Вибухи-текст

Висновок:

Отже, ми вже досягли кінця цього навчального посібника. Надіюсь, ви отримали від нього задоволення і тепер можете вибухати, розламувати або потрусити шрифти самі. Якщо у вас є які-небудь питання з цього питання, ви можете звернутися до мене залишивши коментар під цим навчальним посібником. Я постараюся якомога швидше на них відповісти. У цьому дусі ...

Залишайтеся креативними

Ваш Юліан