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

Цей текст був створений з метою імітації шрифту, який використовується в коміксах, але тільки в 3D. Сьогодні ви дізнаєтеся, як створити даний ефект 3D, використовуючи дублікати шарів, включаючи ефект півтонів, щоб надати зображенню вид, який застосовується в журналах з коміксами. Даний урок був створений за допомогою програми Photoshop CC.

Підсумковий результат:

Крок 1

Відкрийте програму Photoshop. Створіть новий документ (Ctrl + N) або перейдіть Файл - Новий(File\u003e New) з наступними розмірами 2000 px по ширині і 2000 px по висоті ( Дозвіл(Resolution) особливої ​​ролі не грає, тому що ми використовуємо пікселі). Я назвав новий документ "Текст для книжки з коміксами".

крок 2

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

Примітка перекладача:   тип градієнта радіальний(Radial).

крок 3

Створіть новий шар. Залийте цей шар будь-яким колірним відтінком, а потім зменшіть значення заливки(Fill) до 0%. Двічі клацніть по даного шару, щоб з'явилося вікно стилів шару. Застосуйте наступний візерунок.

Примітка перекладача: автор застосовує візерунок "GrayGrunge 128 х 128pixels ", якщо у вас немає цієї текстури, застосуєте схожу текстуру.

крок 4

Пензлик  (Brush tool (B)), встановіть розмір кисті тисяча дев'ятсот п'ятьдесят сім px. Ви можете використовувати будь-який відтінок кольору на свій розсуд. Тепер додайте півтон в центрі зображення, як показано на скріншоті нижче. Також, поміняйте режим накладення для даного шару на світіння(Luminosity), а також зменшите значення заливки(Fill) до 16%.

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

крок 5

Створіть новий шар. Виберіть інструмент перо  (Pen tool (P)), намалюйте фігуру, як показано на скріншоті нижче.

крок 6

Йдемо в закладку контури(Paths), двічі клацаємо по контуру, який ми тільки що створили, і вибираємо опцію створити виділення(Make Selection). Натисніть 'ОК'.

крок 7

Залийте виділену область будь-яким колірним відтінком на свій розсуд. Далі, двічі клацніть по шару з фігурою, щоб застосувати наступні стилі шару накладення кольору(Color Overlay) і тінь(Drop Shadow).

крок 8

Додайте стиль шару тінь(Drop Shadow)

крок 9

Створіть новий шар. Створіть активне виділення, утримуючи клавішу 'Ctrl' + клацніть по мініатюрі шару з фігурою, яку ви намалювали в попередньому дії. Ще раз виберіть півтонову кисть, застосуєте кисть, як показано на скріншоті нижче. Ви можете використовувати будь-який відтінок кольору на свій розсуд.

крок 10

Двічі клацніть по новому шару, щоб застосувати стиль шару накладення градієнта  (Gradient Overlay). Не забудьте зменшити значення заливки(Fill) до 0%.

Примітка перекладача:   тип градієнта лінійний(Linear), режим накладення множення(Multiply).

крок 11

Створіть новий шар. Далі, за допомогою інструменту перо(Pen tool), створіть контур навколо фігури, яку ми створили. Створіть виділення, а потім залийте виділену область кольорового відтінку # 000000. Розмістіть даний шар нижче шару з фігурою.

крок 12

Виберіть інструмент горизонтальний текст(Type tool), я напишу слово "POW!", Як в даному прикладі, але ви можете надрукувати будь-яке слово на свій розсуд. Я використовував шрифт Komika Axis, розмір шрифту 125.5 pt.

Примітка перекладача:   спочатку напишіть букву "P "або ту букву, з якої починається ваш текст, спочатку автор застосовує стилі шару до шару з буквою"P ".

крок 13

Продублюйте шар з буквою "P", розташуйте дублікат шару нижче оригінального шару з буквою "P". Ми використовуємо дублікат шару пізніше. Перебуваючи на оригінальному шарі з буквою "P", додайте наступні стилі шару.

крок 14

Додайте стиль шару контур(Contour)

крок 15

Додайте стиль шару внутрішнє світіння(Inner Glow)

крок 16

Додайте стиль шару глянець(Satin)

крок 17

Буква "P" повинна виглядати, як на скріншоті нижче.

крок 18

Пам'ятайте, ми продублювали шар з буквою "P", тепер, перейдіть на дублікат цього шару. Використовуйте клавіші напрямки зі стрілками, натисніть клавішу зі стрілкою вправо 5 разів, а також натисніть 5 разів клавішу зі стрілкою вниз. При зміщенні дубліката шару, повинен бути активний інструмент переміщення  (Move tool).

крок 19

Перебуваючи на дублікаті шару, який ви тільки що змістили, ще раз продублюйте його (змістите отриманий дублікат шару 5 разів вправо і 5 разів вниз). Повторіть попередні кроки, створивши ще три шари з буквою "P". Таким чином, в загальному, у вас повинно вийти 6 шарів з буквою "P", включаючи оригінальний шар з буквою "P".

Примітка перекладача: 1. Кожен дублікат шару зміщайте 5 разів вправо і 5 разів вниз 2. Всі дублікати шарів повинні бути нижче оригінального шару з буквою "P "3. Всього дублікатів буде 5.

крок 20

Згрупуйте 5 дублікатів шарів з буквою "P" в одну групу, а потім застосуйте наступні стилі шару.

Примітка перекладача:   стилі шару застосуєте до шару з групою.

крок 21

Додайте стиль шару Внутрішня тінь(Inner Shadow)

крок 22

Додайте стиль шару глянець(Satin)

крок 23

Додайте стиль шару накладення градієнта(Gradient Overlay)

Примітка перекладача:   тип градієнта лінійний(Linear).

крок 24

Додайте стиль шару Зовнішнє світіння(Outer Glow)

крок 25

Ваша буква "P" повинна виглядати, як на скріншоті нижче.

крок 26

Далі, ми застосуємо півтонову кисть до створеної букві "P". Перейдіть на оригінальний шар з буквою "P", створіть активне виділення навколо даної літери. Створіть новий шар, виберіть інструмент Пензлик(Brush tool). Я використовував колірний відтінок # 000000. За допомогою напівтонової кисті додайте півтон на букву, як показано на скріншоті нижче.

крок 27

Поміняйте режим накладення для даного шару на перекриття(Overlay).

крок 28

Повторіть ті ж самі кроки для букв 'O', 'W', включаючи знак оклику.

крок 29

Створіть новий шар, виконайте активне виділення всіх букв від першої до останньої літери (P, O, W, включаючи знак оклику), натискаючи і утримуючи клавіші 'Ctrl' і 'Shift'. Залийте виділену область чорним кольором.

крок 30

До створеного шару, застосуйте стиль шару тиснення(Bevel and Emboss).

крок 31

зменшіть заливку(Fill) для даного шару до 0%.

крок 32

Далі, ми повторимо Крок 29, щоб додати обведення. Створіть новий шар, розташувавши його нижче всіх шарів з текстом. Створіть активне виділення всіх букв від першої до останньої літери (P, O, W, включаючи знак оклику), натискаючи і утримуючи клавіші 'Ctrl' і 'Shift'. Залийте даний шар чорним кольором. До даного шару, додайте чорну обведення.

крок 33

Перетворіть даний шар в смарт-об'єкт, клацнувши правою кнопкою миші по шару і у вікні вибравши опцію Перетворити в смарт-об'єкт(Convert to Smart Object). Додайте стиль шару тінь(Drop Shadow).

І ми завершили урок! Сподіваюся, що вам сподобався цей урок, і ви дізналися сьогодні щось нове.

У цій статті ми розповімо про звуках в коміксах і про шрифтах, за допомогою яких можна урізноманітнити комікс і зробити його більш цікавим для читача. Шрифти можна придумувати самостійно і малювати від руки або ж скористатися готовими примірниками, яких в інтернеті зараз предостатньо. Щоб мати уявлення про те, що конкретно малювати або шукати, подивіться добірку найбільш поширених шрифтів для позначення звуків в коміксах (з російським перекладом). Для зручності можна скористатися швидкої навігацією:

  Основні прийоми

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

  Спалахи, грім і блискавка

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

  боротьба

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

  сміх

Існує велика кількість звуків сміху - від тривалого «ха-ха-ха» (або просто «ха») до нестримним реготом поплескуванням по колінах або тихого хихикання. При цьому дуже важливо вираз обличчя персонажа і положення його тіла. Переконайтеся, що обраний вами сміх підходить персонажу.

  плач

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

  Заклик про допомогу

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

  Затримання кого-небудь

Зображені нижче слова використовуються для того, щоб затримати кого-небудь. Вони виділені жирним шрифтом для посилення значення. Для тієї ж мети служать знаки оклику. Зверніть увагу, що на відміну від англійської мови, в російській мові не буває подвійного знаку оклику - тільки такий «!» Або такий «!!!».

  біль

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

  сон

Нижче представлені звуки, які герої зазвичай видають уві сні. Іноді можна просто написати «Хр-хр», і буде відмінно, але якщо хочеться показати глибокий сон, то краще використовувати численні «хр» і хропіння. Гучне хропіння зазвичай зображується великими буквами, але не забувайте про стиль свого коміксу і про характер героя - занадто перебільшені звуки можуть зробити персонажа комічним.

  чхання

Наведені нижче звуки можна використовувати, коли персонаж хворий або коли він потрапив під дощ.

  За обідом

Деякі герої коміксів дуже шумно їдять і п'ють.

  Дикі і домашні тварини

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

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


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


Можна зробити звуки тварин на фермі тривалими. Щоб додати «родзинку», заголовні букви намалювали з тінню, але звичайно, існують і інші варіанти.
Іноді потрібно зобразити звуки, які видають птиці. Наприклад, якщо герой прийшов на цвинтар, то він може почути там каркання ворон.

  Любов і поцілунки

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

  Холод і спека

Звуки холоду і тремтіння і протилежні їм гарячі і палкі.

  Автомобілі

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

  повторювані звуки

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

  подовжені звуки

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

  Інші звуки в коміксах

Ось ще кілька звуків, які використовують художники. Зверніть увагу на вертикальні звуки, їх часто ставлять між колонками коміксу.

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

Виступ 11.11.2010 по Скайпу в Московському комікс-клубі

У класичних коміксах шрифт зазвичай мальований. Більш того, в американських мейджорські видавництвах коміксів малювання шрифту в діалогах (це називається "леттерінг") займається окрема людина (хоча звуконаслідувальні слова може малювати і сам художник.)

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

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

Однак, якщо робити акуратні рукописні написи в коміксі, це досить довго, вимагає особливої ​​підготовки, а в разі помилки, складно виправляється (помилки заклеюється або замазується білилами і перемальовувати).

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

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

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

Багатьом знайома колекція коміксних шрифтів компанії Blambot. Чудові шрифти, відмінно передають традиції мальованих шрифтів з американських коміксів.

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

Але я хотів би все-таки поговорити про рукописних шрифтах і про те, як з ними подружитися.

Ніякі готові бібліотека шрифтів не дасть вам такого шрифтового різноманітності, як ваша власна фантазія і талант.

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

Зараз на екрані ви бачите кадри з коміксу "Крампл" канадського коміксістов Дейва Купера. Сюжет коміксу - гротескна і похмура фантасмагорія з безліччю емоційних поворотів. Стиль малюнка коміксу такий же гротескний: поєднання "мультяшної" графіки з доскіпливій прорисовкой деталей, відсутність кольору і глухі чорні заливки. І текст в діалогах тут такий же гротескний.

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

Слід зазначити, що Купер оформив всю книгу в своєму авторському стилі - весь шрифт мальований. Так зроблено і обкладинка ...

І вихідні дані ...

Подібним чином у своїй книзі надійшов і Крег Томпсон.

Включаючи вихідні дані ...

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

Ну добре. Давайте згадаємо, що ми тут, а не на зворотному боці Землі. І нас не вчили малювати красиві літери руками. Або ми взагалі художники-самоучки (як я, наприклад). І нам складно розташовувати літери рівно, рівномірно і красиво навіть у маленькому коміксних "міхурі". Що ж нам робити, якщо ми хочемо і стиль зберегти, і сили заощадити? Вихід є.

Зробити свій шрифт!

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

Наступний крок - сканування. Сканувати букви потрібно в чорно-білому режимі (або градаціях сірого, але з високим контрастом) з досить високою роздільною здатністю (не менше 600 ДПІ). Потім букви потрібно обробити в графічному редакторі: очистити від непотрібних деталей і випадкових плям, затекло чорнила і помарок. Якщо вам не подобається конструкція якихось символів, наприклад, серед друкованих букв кілька букв вийшли рукописними, їх краще виправити на свій смак.

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

Букви треба підігнати за розміром і по одній перетягати через буфер обміну в шрифтової редактор. В даному випадку я використав Фонтлаб Студіо 5.0. Букви розміщуються у відповідні гліфи. Для кирилиці потрібно вибрати відповідну кириличну кодування (наприклад, Віндовс тисячу двісті п'ятьдесят один для Віндовс ХР).

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

Шрифт готовий! По крайней мере, поки вам не захочеться внести в нього зміни. Ви можете встановити його в систему і почати використовувати в своєму коміксі.

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

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

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

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

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

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



  4. Цей мені нагадує шрифт зі старих мультиків, типу "Ну, постривай!". Ну там коли авторів перераховують в титрах. Схожий дуже по-моєму. Загалом для стінгазет, нових років і інших подібних дитячих тем. Підійде ідеально.


  5. Ще один типовий шрифт з коміксів. У всіляких чоловіках павуків, Росомаха, Марвел і інших супергероїв ви його обов'язково зустрінете. Малих традиційно немає.



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



  7. Витончений, різкуватий, злегка розгнузданий. Не знаю де я його бачив, то чи в коміксах, то чи в мультиках?



  8. Кам'яно - тріснув шрифт. Підійде, природно, для легенд про