1. Формати шрифтових файлів
2. Класифікація шрифтів
3. Атрибути шрифту і тексту
4. Гарнітура і накреслення шрифту
5. Поради по роботі з шрифтами
6. Інструменти для роботи з текстом в Photoshop
7. Приклади шрифтових робіт в програмі Adobe Photoshop
8. Приклад 5.1. Створення тексту з тінню

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

Формати шрифтових файлів

Комп'ютерні шрифти діляться на два основних типи за способом побудови символів: растрові і векторні. Різниця така ж, як і між точковими і векторними зображеннями.

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

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

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

Найбільш популярні векторні шрифти корпорації Adobe Systems, яка розробила стандарт Adobe Type 1 (або Post Script), і Microsoft Corp., що створила формат Microsoft Тruе Туре. Обидва стандарти мають свої переваги, що призвело до їх паралельного співіснування.

Шрифт Microsoft True Type складається з одного файлу * .ttf. У Windows шрифти True Type розміщуються в папці Windows \ Fonts. Встановити, видалити, переглянути такий шрифт без особливих зусиль зможе будь-який користувач ОС Windows.

Шрифт Adobe Type 1 (Post Script) складається з двох компонентів: реєстрового *. pfm (екранного) і векторного * .pfb (принтерного) файлів (або з файлів * .pfb, *. afm і * .inf). З такими шрифтами зазвичай працюють тільки професіонали, а управляти ними зручніше за допомогою спеціальної програми - Adobe Type Manager Delux (АТМ).

Використання кривих вищого порядку і обумовлює основні переваги PostScript шрифтів перед TrueType. Інакше кажучи, символи PostScript шрифту є більш гладкими, ніж TrueType. Зі сказаного вище випливає, що для поліграфічних робіт шрифти Adobe Type 1 (або Post Script) - краще. Для Internet - документів переважніше використання Microsoft Тruе Type.

Операційна система Windows підтримує два формати шрифтів - растровий (* .FON), і векторний TrueType (* .TTF). У Windows формату True Type віддається перевага.

Як вже говорилося вище, растрові шрифти (* .FON) - це точкові зображення, добре пристосовані для швидкого виведення на екран. Зазвичай це службові шрифти, які використовує для своїх потреб сам комп'ютер. У складі Windows, за замовчуванням, поставляється п'ять базових растрових шрифтів: MS Serif, MS Sans Serif, Courier, Small Fonts і Symbol. При бажанні їх число можна збільшити шляхом установки додаткових fon-шрифтів.

Векторні шрифти True Type (* .TTF) шрифти зберігаються у вигляді математичних ліній (векторів), і цю інформацію Windows може використовувати для побудови шрифту довільного масштабу. Навіть будучи збільшеними, у багато разів, векторні шрифти не втрачають свого зовнішнього вигляду і залишаються гладкими.

У складі Windows за замовчуванням поставляється велика кількість шрифтів True Type, включаючи такі популярні групи як Arial, Courier New, і Times New Roman, кожна з яких містить кілька шрифтів різних стилів (звичайний, курсив, напівжирний і напівжирний курсив).

Що стосується джерел появи шрифтів на вашому ПК, то шрифти, як і інші програмні продукти, продаються виробниками. Основні виробники шрифтів: Adobe, Bitstream, The International Typeface Corporation, Microsoft, Monotype, Letraset Online, Linotype, Type Market, ParaType. Часто великі колекції шрифтів поставляються разом з деякими графічними, видавничими або офісними програмами.

Класифікація шрифтів

Всі комп'ютерні шрифти умовно можна розділити на 4 групи:

• шрифти із зарубками (антіква - serif),
• шрифти без зарубок (гротески - sans serif),
• шрифти декоративні (decorative), в тому числі і рукописні (script),
• шрифти символьні (symbol).

Російська класифікація за ГОСТ 3489-71 і 72 розділяє шрифти на 6 груп, однак фактично всі гарнітури знову можна уявити в 4 основні, вже згадані, групи.

Група 1. Шрифти із зарубками (serif)

Зарубки, або Серіф - горизонтальні елементи закінчення основних (іноді сполучних) штрихів мають найрізноманітнішу форму: прямокутну, вигнуту, клювообразную і т.п. Ці шрифти сприймаються оком найбільш швидко, і тому часто використовуються для набору великого, об'ємного тексту. Характерний шрифт з цієї групи - Times. Шрифти із зарубками також називають антіквеннимі, тобто античними.

Група 2. Шрифти без зарубок (sans serif - гротески, рубані або брускові)

У шрифтах без зарубок (sans-serif) відсутні завершальні елементи на кінцях штрихів. Назва sans-serif походить від французького sans - без. Типовий представник цієї групи шрифтів - шрифт Arial. Рубані заголовні шрифти зазвичай мають більш товсті, ніж Серіф, штрихи і добре виглядають у великому кеглі. Шрифти без зарубок, читаються повільніше антіквенних, проте заголовки, набрані цими шрифтами виглядають більш ефектно, крім того, на пристроях з низькою роздільною здатністю (наприклад - на моніторах) такий шрифт читається легше.

Група 3. Шрифти декоративні або вільного стилю (Decorative)

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

Група 4. Символьні шрифти (Symbol)

Особливе місце займають так звані символьні шрифти, які замість букв містять різні знаки, малюнки і т. Д. І застосовуються, звичайно, не для набору тексту, а для створення графічних об'єктів або формул.

Атрибути шрифту і тексту

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

Текст (від лат. Textus тканину, з'єднання) - будь-яка записана за допомогою шрифту мова (літературний твір, твір, документ).

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

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

Приклад декількох атрибутів шрифту Примітка

Кегль і інтерліньяж оцінюють в пунктах. 1 пункт дорівнює 1/72 дюйма, тобто 0,352 мм.

Гарнітура і накреслення шрифту

Гарнітура шрифту (Type family) - сукупність шрифтів, об'єднаних спільними стильовими ознаками, відмінними від інших шрифтів. Це як би сім'я шрифтів, тобто сукупність варіантів шрифту з загальними стильовими особливостями знаків, що має власну назву і відрізняються різною насиченістю, пропорціями, нахилом і стилем. Шрифти однієї гарнітури можуть мати різні накреслення.

Накреслення (Type face) - комплект малих і великих знаків, цифр, розділових знаків, спецзнаків і символів шрифту в межах однієї гарнітури, але відмінні насиченістю, пропорціями, контрастністю і нахилом знаків. Для кожного конкретного шрифту існує кілька варіантів накреслення: світле (light), суперсветлое (extra light), напівжирне (demi bold), супержірное (extra bold), стислий (compressed або condensed) і так далі. Найбільш розповсюджені накреслення - Normal (звичайний), Bold (напівжирний), Italic (курсив або похилий).

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

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

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

Поради по роботі з шрифтами

Емпірично встановлено, що при роботі з текстом і шрифтами рекомендується дотримуватися наступних правил:

• в кольорових публікаціях призначайте фону і тексту контрастні кольори: темні літери на темному тлі, так само як і світлі букви, на світлому тлі читаються насилу;
• перевіряйте контрастність тексту і фону, перемикаючись в градації сірого;
• стиль шрифту повинен відповідати змісту шрифтового документа. Так, нерозумно використовувати в наборі дитячих книг старослов'янські шрифти;
• уникайте дратівної поєднання яскравих кольорів в ділових документах. Наприклад, поєднання жовтого з червоним дуже ефектно для продукції з ярликом "New!", Але таке колірне рішення для оформлення повсякденних написів недоречно;
• загальноприйнятим стандартом є застосування гарнітур із зарубками для основного тексту і рубаних або декоративних - для заголовків;
• уникайте однакових гарнітур для заголовків і основного тексту: для виділення заголовків і підзаголовків застосовуйте більш жирне накреслення;
• довгі рядки має сенс верстати в дві або більше колонок. Для зручності читання тексту, оформленого кеглем 10, оптимальна довжина рядка приблизно 85 мм;
• для зручності читання тексту важливу роль відіграють поля. Наприклад, в класичному книгодрукування поля займають близько 50% площі сторінки.

Інструменти для роботи з текстом в Photoshop

Для введення тексту використовується спеціальний інструмент Text (Текст), що активізується натисканням відповідної кнопки в панелі інструментів або шляхом натискання клавіші T. Однак в більшості випадків робота з написами складається не тільки з їх безпосереднього введення, а також із завдання параметрів (атрибутів) вводиться вами тексту. Для цих цілей використовується панель властивостей інструменту Text (Текст), яка відображається відразу ж після вибору цього інструменту - Мал. 5.2 .

Нижче наведені пояснення до назв елементів управління цієї панелі.

Вибір установок інструментів дозволяє задавати такі параметри:

Horizontally Orient Text (Горизонтальний текст)

Для створення шару звичайного тексту, спрямованого по горизонталі. Даний режим встановлений за замовчуванням. Пишемо тим кольором, який встановлений в якості основного (кольори переднього плану); Vertically Orient Text (Вертикальний текст). Дозволяє створювати звичайний текст, написаний зверху вниз; Create a horizontally mask or selection (Горизонтальний текст-маска). Застосовується для створення виділень з літер тексту, написаного по горизонталі; Create a vertically mask or selection (Вертикальний текст-маска). Інструмент створює виділений текст, спрямований по вертикалі.

Список Set the font family (Встановити гарнітуру шрифту) містить набір всіх доступних шрифтів. Щоб змінити вигляд шрифту, виділіть текстовий об'єкт, а потім виберіть зі списку іншу гарнітуру.

Список Set the font style (Встановити накреслення) призначений для вибору стилю написання тексту (напівжирний, курсив, підкреслений або інший).

Список Set the font size (Встановити розмір) служить для установки кегля (розміру) шрифту вибором з набору значень або шляхом безпосереднього введення в числове поле. У тому випадку, якщо наявні розміри вам не підходять, то можна скористатися командою Edit (Редагування) | Free Transform (Вільна трансформація) і змінити як розмір, так і відображення шрифту - Мал. 5.3 .

Вільна трансформація тексту

Список Set the anti-aliasing mode (Встановити згладжування) використовується для поліпшення якості відображення літер дрібного тексту. Інакше кажучи, тут ви вказуєте спосіб позбавлення від ступенчатости шрифтів. За замовчуванням, пропонується варіант Smooth (Плавне), що цілком прийнятно.

Вирівнювання тексту пропонується в трьох варіантах:

Left align text (Вирівнювання по лівому краю).

Вирівнює виділений абзац тексту або окремий рядок тексту по лівому краю; Center text (Вирівнювання тексту по центру). Вирівнює виділений абзац тексту або окремий рядок тексту по центру; Right align text (Вирівнювання тексту по правому краю). Вирівнює виділений абзац тексту або окремий рядок тексту по правому краю.

Поле зі зразком кольору Set the text color (Встановити колір тексту) необхідно для вибору кольору тексту. За замовчуванням використовується той колір, який у вас визначено основним кольором або кольором переднього плану (Foreground color).

Кнопка Warp Text (Деформація тексту) - інструмент викривлення тексту, що пропонує 15 варіантів його спотворень ( Мал. 5.4 ).

Користуватися інструментом Warp Text (Деформація тексту) досить просто: наберіть текст і натисніть на кнопку для виклику вікна діалогу Warp Text (Деформація тексту) і встановіть в ньому атрибут Style (Стиль) - стиль викривлення тексту. Всі стилі деформації тексту піддаються налаштуванню за допомогою трьох повзунків:

налаштовує ступінь заокруглення тексту; Horizontal Distortion (Горизонтальний викривлення) спотворення тексту в горизонтальному напрямку; Vertical Distort (Вертикальне викривлення) спотворення тексту у вертикальному напрямку.

Якщо при наборі тексту ви на Панелі властивостей натиснете на кнопку Show the Character and Paragraph Palettes (Включити палітри) , То здійснюється виклик двох палітр - Character (Символ) і Paragraph (Абзац), призначених для форматування тексту ( Мал. 5.5 ).

Палітра Символ / Абзац

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

Приклади шрифтових робіт в програмі Adobe Photoshop

Вивчивши теоретичні уявлення про шрифт і тексті, давайте розглянемо кілька прикладів роботи зі шрифтом і текстом в програмі Adobe Photoshop.

Приклад 5.1. Створення тексту з тінню

Виконайте команду File (Файл) | New (Створити) і встановіть розмір "полотна" для роботи 800 на 600 пікселів ( Мал. 5.6 ). Інші параметри цього вікна залиште без змін (з настройками за замовчуванням).

Активуйте на панелі інструментів інструмент Horizontal Type Tool (Горизонтальний текст) і наберіть будь-який текст, вибравши його параметри на панелі властивостей цього інструмента. Ми використовували гарнітуру Arial Black, кегль 72 pt, колір шрифту - чорний.

Виділіть весь текст Чарівної паличкою, а потім натисніть на клавіатурі 5 разів клавішу "стрілка вгору" і 5 разів клавішу "стрілка вправо" - цим ви справите переміщення тексту на 5 пікселів вліво і на 5 пікселів вгору ( Мал. 5.7 ).

Мал.5.7.

Ілюстрація моменту зміщення тексту вгору і вправо

Виберіть основний колір - помаранчевий і пензлем зробіть зафарбовування виділення. Роботу над прикладом завершите командою Select (Виділення) | Deselect (Скасувати виділення) - Мал. 5.8 .

Текст з тінню створений