Planet design - створення реалістичною написи крейдою

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

Сьогодні ми з вами будемо створювати красиву типографіку з реалістичним ефектом крейди, використовуючи при цьому підручні засоби і Adobe Photoshop / Illustrator. Для початку ми створимо сам концепт в Illustrator, потім за допомогою цікавій техніці перетворимо роботу в малюнок крейдою.

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

Конвертуйте текст в криві за допомогою комбінації клавіш CMD / Ctrl + Shift + O, потім клацніть правою кнопкою по тексту і виберіть Ungroup / Розгрупувати, щоб розділити напис на окремі літери.

Виділіть першу групу слів і в меню виберіть Effect> Distort Transform> Free Distort / Ефект> Спотворити і трансформувати> Довільний спотворення. Підніміть нижню праву точку вище, щоб спотворити групу тексту.

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

Візьмемося за наступну групу з нашого тексту. Виділіть її та в меню виберіть Object> Transform> Shear / Об'єкт> Трансформувати> Нахил. Вкажіть кут, що співпадає з кутом скоса попередньої групи.

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

Виділіть третю групу тексту і в меню виберіть Effect> Apply Free Distort / Ефект> Застосувати довільне спотворення, щоб застосувати ефект з тими ж параметрами, що ми вибрали раніше.

Тимчасово змініть колір тексту, щоб вам було зручніше підігнати третю групу під розміри першої.

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

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

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

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

Намалюйте прямокутник навколо роботи. Вкажіть йому відсутність заливки і обведення в 7pt. Копіюйте (CMD / Ctrl + C) прямокутник, потім вставте копію на передній план (CMD / Ctrl + F). Утримуючи ALT, масштабуйте копію, зробивши її менше. Знизьте товщину обведення до 2pt.

Виділіть одне з найбільших слів, копіюйте його (CMD / Ctrl + C), потім вкажіть об'єкту тонку білу обведення з закругленими кутами і вирівнювання всередину.

У меню виберіть Object> Expand Appearance / Об'єкт> Розібрати оформлення, потім клацніть по групі правою кнопкою і виберіть Ungroup / Рагруппіровать, щоб розбити групу на окремі символи.

Згрупуйте всі що залишилося, змініть для них колір обведення на білий, потім натисніть CMD / Ctrl + B, щоб вставити на задній план раніше скопійований текст.

Де-небудь в документі намалюйте маленький чорний квадрат. Натисніть CMD / Ctrl + C і CMD / Ctrl + F, щоб створити копію, потім зменшіть копію в половину оригіналу (включіть Smart Guides / Швидкі напрямні, щоб зробити все точно). Вкажіть меншою фігурі білий колір заливки, виділіть обидва об'єкти і перетягніть їх в палітру Swatches / Зразки.

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

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

Виділіть всі елементи типографіки, згрупуйте їх і знизьте opacity / непрозорість приблизно до 15%.

Роздрукуйте роботу. Дизайн повинен бути ледве видно на папері, завдяки зниженій непрозорості. Тепер знайдіть старий добрий олівець.

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

Після того як ви обвели всю роботу, відскануйте її. Робота виглядає так само, як створена в Illustrator, але тепер вона виглядає як намальована від руки через неточні, неелектронних штрихів. Хто ж знає що ви її описували? Ми нікому не розповімо)

Відкрийте відскановану роботу в Adobe Photoshop і в меню виберіть Image> Adjustments> Invert / Зображення> Корекція> Інвертувати. Після цього виберіть в меню Image> Adjustments> Desaturate / Зображення> Корекція> Знебарвити, щоб прибрати кольоровість з роботи.

У меню виберіть Image> Adjustments> Levels / Зображення> Корекція> Рівні та перемістіть бігунок світлих відтінків до початку гістограми.

Скачайте текстуру шкільної дошки. потім за допомогою цих порад по корекції текстур вирівняйте тони. Застосуйте коригувальний шар Black and White / Чорний і Білий, щоб прибрати кольоровість з текстури.

Додайте коригувальний шар Levels / Рівні і перемістіть бігунки темних і середніх тонів, щоб затемнити текстуру.

Вставте поверх текстури дошки нашу роботу і змініть її режим накладення (blending mode) на Lighten / Заміна світлим, щоб зробити чорний фон прозорим.

В результаті у вас вийде дуже реалістичний ефект написи крейдою!

Використовуйте цю техніку для створення подібних робіт і не тільки типографических!