How-To Geek Керівництво для навчання Photoshop, частина 7 Дизайн і типографія

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

Коротко переглянувши текстовий інструмент у Частині 1, Панель інструментів, і створення текстових об'єктів у Частині 3, Шари, давайте докладніше розглянемо, як встановити типографіку в Photoshop. Звичайно, якщо ви пропустили будь-яку частину посібника із вивчення Photoshop, як кожен, то всі вони все ще доступні в цьому посиланні.

Шрифти та панель символів

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

Панель символів можна знайти, перейшовши в меню "Вікно"> "Символ", якщо вона ще не знаходиться на правій бічній панелі. Вона багата варіантами тексту, який ми переходимо зараз. Майте на увазі, що цей розділ містить складні друкарські терміни, які ви можете або не можете знати. Ознайомтеся з типографічними термінами в статті How-To Geek, "Зрозумійте типографію як професійний дизайнер" або просто продовжуйте читати.

Сім'я шрифтів: Якщо вибрано шрифт, у якому встановлено текстовий об'єкт, наприклад, Helvetica, Arial, Times New Roman тощо.

Стиль шрифту: Якщо у вас встановлені сім'ї шрифтів, ваш стиль «шрифту» може бути активним, тут ви можете обрати альтернативні версії того самого обличчя. Наприклад, Arial Bold, Arial Narrow, Arial Condensed, Arial, округлений MT, Arial Black, тощо.

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

Ведучий: Друкарський термін для простору між рядками тексту абзацу, встановлений в точках.

Кернінг: Горизонтальний інтервал між парами букв. Тут негативні числові значення закриють пробіли між символами, тоді як позитивні значення додадуть пробіл між буквами.

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

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

Горизонтальна шкала: Керований спосіб розтягування та розтягування типографіки ліворуч і праворуч. Введіть числові значення тут у відсотках від початкової ширини символу.

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

Колір тексту: Область, у якій можна налаштувати колір текстового об'єкта.

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

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

Faux Bold та інші параметри панелі символів

	Faux Bold: Розмір вашого поточного шрифту штучно потовщений для створення штучного жирного шрифту. Використання фактичного напівжирного шрифту в “Сім'ї шрифтів” або “Стилі шрифтів”, як правило, краще.
	Faux Italic: Ваш поточний шрифт штучно нахилений праворуч, створюючи помилковий курсивний вигляд. Знову ж таки, краще використовувати фактичний курсивний шрифт у “Сім'ї шрифтів” або “Стилі шрифту”.
	Заголовок: Перетворює ваш тип на всі великі. Дуже корисно в тих випадках, коли потрібно багато часу повторно набрати великі розділи верхнього і нижнього регістру.
	Невеликі шапки: Створює фальшиві маленькі ковпачки, зменшуючи розмір точок великих літер. Усі малі літери будуть замінені на ці менші великі літери у текстовому об'єкті.
	Верхній скрипт: Змінює виділений текст або текстовий об'єкт на надрізний, як у випадку 2⁸.
	Індекс: Змінює виділений текст або текстовий об'єкт на нижній індекс, як у випадку C₆H₁₂O₆.
	Підкреслення: Під виділений текст або текстовий об'єкт додається просте підкреслення.
	Закреслено: Додає просте забарвлення через весь вибраний текст або текстовий об'єкт.

Панель параметрів і інструмент типу

Деякі опції, які не доступні на панелі символів, очікують у верхній частині екрана на панелі параметрів, коли використовується інструмент "Текст". Ці три:

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

Створення простих книжок

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

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

Коли зображення затьмарюється, клацніть Ctrl на каналі Сірий на панелі каналів. Це створює вибір всього білого на зображенні.

Змінити: якщо ваш файл ще не знаходиться у відтінках сірого, але RGB або CMYK, вам слід перейти до пункту Зображення> Режим> Відтінки сірого перед Ctrl + натисканням на каналі сірого. Завдяки читачеві HTG l3utterfish за донесення цього до уваги.

Натисніть створити новий шар.

Редагувати> Заповнити, щоб заповнити виділення в новому шарі білим.

Фотографування іконок Дарвіна тепер видалено з чорного тла і готове для використання як елемент.

Натисніть створити новий документ за вашим бажаним розміром. Ілюстрований розмір - це той самий розмір, що й інша важлива книга Роберта Брінгхерста Елементи друкарські стиль.

А ось наш дуже високий робочий простір для обкладинки книги.

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

Редагувати> Заповнити і обов'язково встановіть "Використовувати" на "Колір переднього плану".

Фон заповнений вином раніше вибраного кольору.

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

Шар повинен виглядати приблизно так, як всередині нового файлу.

Натисніть або виберіть інструмент "Тип", "Ілюстрація вище", щоб почати налаштування типу.

Не всі шрифти відповідають вмісту. Цей нерівний шрифт дуже поганий для цієї концепції.

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

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

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

Розмір шрифту змінюється, а тип розбивається на два рядки.

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

Коли листи зіштовхуються, читачі залишаються з питаннями розбірливості та читаності. Налаштування провідного є єдиним відповіддю.

Збільшення розміру точки ведучого підвищує читабельність заголовка.

Додаткова інформація повинна бути додана, і часто, Photoshop припускає, що ви хочете використовувати той же шрифт, як розмір точки, як ваш останній використовуваний текстовий об'єкт. Це може бути, а може і не бути.

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

Ми можемо виявити, що ми хочемо переміщати елементи навколо.

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

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

Поради з Photoshop залишили вас збентеженими? Почніть з початку! Ознайомтеся з попередніми частинами посібника How-To Geek для навчання Photoshop.

Частина 1: Панель інструментів
Частина 2: Основні панелі
Частина 3: Вступ до шарів
Частина 4: Основні меню
Частина 5: Редагування фотографій для початківців
Частина 6: Цифрове мистецтво
Частина 7: Дизайн та типографія
Частина 8: Фільтри

Поверніться до How-To Geek для фінальних частин Керівництва по навчанню Photoshop, де ми загорнемо наш гід з поглядом на фільтри Photoshop.

Зображення: Дарвін Юлії Маргарет Камерон, у відкритому доступі. Люсі користувачем Вікіпедії 120, доступним у Creative Commons.