How-To Geek Руководство по изучению Photoshop, часть 7 Дизайн и типография

Такие программы, как Photoshop, позволили новым поколениям будущих дизайнеров подключиться и создавать с большей легкостью, чем когда-либо прежде. Узнайте, насколько это просто, изучив панель символов типа и применив ее к некоторым базовым проектам.

Кратко рассмотрев инструмент «Текст» в части 1 «Панель инструментов» и создание текстовых объектов в части 3 «Слои», давайте подробнее рассмотрим, как установить типографику в Photoshop. Конечно, если вы пропустили какую-либо часть Руководства по изучению Photoshop, каждая из них по-прежнему доступна в этой связанной ссылке.

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

В то время как векторные программы, такие как Adobe Illustrator, являются превосходным выбором для обработки абстрактных форм, таких как шрифты, Photoshop не стоит на месте в отделе типографии. Он способен практически на любую типографскую обработку, на которую способен Illustrator, а некоторые - на то, что это не так..

Панель символов можно найти, зайдя в «Окно»> «Символ», если она еще не находится на правой боковой панели. Он богат вариантами для вашего текста, которые мы сейчас рассмотрим. Имейте в виду, что этот раздел содержит сложные типографские термины, которые вы можете знать или не знать. Подчеркните свои типографские термины в статье с практическими рекомендациями «Понимайте типографику как профессиональный дизайнер» или просто продолжайте читать.

Семейство шрифтов: Где вы выбрали шрифт, в котором установлен текстовый объект, например, Helvetica, Arial, Times New Roman и т. Д..

Стиль шрифта: Если у вас установлены семейства шрифтов, ваш «стиль шрифта» может быть активным, здесь вы можете выбрать альтернативные версии одного и того же лица. Например, Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black и т. Д..

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

Ведущий: Типографский термин для пробела между строками текста абзаца, заданный в точках.

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

Наблюдают: Подобно концепции кернинга, отслеживание регулирует общий кернинг по всему текстовому объекту или по нескольким выделенным буквам. Вы можете настроить отслеживание текстового объекта, а затем, если хотите, указывать керн между отдельными буквами..

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

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

Сдвиг базовой линии: Базовая линия - это строка, на которой «покоится» текст. Переместите определенные выбранные символы от базовой линии, чтобы они выглядели выше или ниже, чем остальная часть заданного текста..

Цвет текста: Область, в которой можно отрегулировать цвет текстового объекта.

Язык: Регулирует язык, на котором задан текст, если нужны не английские символы.

Сглаживание: Параметры рендеринга текста в пикселях путем настройки степени размытия пикселей, используемой для описания краев шрифта. «Нет» отображает буквы в пикселях с четкими краями, в то время как все остальные используют различные формы сглаживания.

Параметры панели Faux Bold и других символов

	Faux Bold: Размер вашего текущего шрифта искусственно утолщен, чтобы создать искусственный жирный шрифт. Использование фактического жирного шрифта в «Семейство шрифтов» или «Стиль шрифта» обычно предпочтительнее.
	Искусственный курсив: Ваш текущий шрифт искусственно наклонен вправо, создавая ложный курсив. Опять же, использование фактического курсивного шрифта в «Семейство шрифтов» или «Стиль шрифта» является предпочтительным.
	Верхний регистр: Преобразует ваш тип во все прописные. Очень полезно в тех случаях, когда требуется много времени для перепечатывания больших разделов текста в верхнем и нижнем регистре.
	Маленькие заглавные буквы: Создает ложные маленькие заглавные буквы, уменьшая размер точек ваших заглавных букв. Все строчные буквы будут заменены на эти маленькие буквы в вашем текстовом объекте.
	Надстрочные: Изменяет выделенный текст или текстовый объект на верхний индекс, как в случае 2⁸.
	Подстрочный: Изменяет выделенный текст или текстовый объект на индекс, как в случае с C₆ЧАС₁₂О₆.
	Подчеркиваем: Добавляет простое подчеркивание под выбранным вами текстом или текстовым объектом.
	Зачеркнутый: Добавляет простой удар по всему выбранному вами тексту или текстовому объекту.

Панель параметров и инструмент «Текст»

Некоторые параметры, недоступные на панели символов, ожидают в верхней части экрана на панели параметров при использовании инструмента «Тип». Вот эти три:

	Ориентация текста: Переключение направления текста в вашем текстовом объекте, горизонтально или вертикально.
	Выравнивание: Устанавливает выравнивание вашего текстового объекта либо по левому краю, по центру, либо по правому краю.
	Деформация текста: Деформирует текстовые объекты в одну из нескольких предопределенных настраиваемых форм, таких как баннеры или другие объекты.

Разработка простой обложки книги

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

вызывает инструмент уровней, чтобы настроить изображение Дарвина. Хотя дизайн не обязательно просто о расположении элементов, этот упрощенный подход будет достаточным для демонстрационных целей.

Когда изображение станет черным, нажмите Ctrl на сером канале на панели каналов. Это создает выделение всего белого на изображении.

Редактировать: если ваш файл уже не в градациях серого, а в RGB или CMYK, вы должны перейти в Image> Mode> Grayscale, прежде чем Ctrl + клик по каналу в градациях серого. Спасибо читателю HTG l3utterfish за то, что он привлек мое внимание.

Нажмите создать новый слой.

Edit> Fill, чтобы заполнить выделение в новом слое белым.

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

Нажмите создать новый документ в нужном вам размере. Показанный размер соответствует размеру другой важной книги Роберта Брингхерста. Элементы типографского стиля.

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

Выберите цвет переднего плана в в вашем наборе инструментов. Подойдет любой цвет, хотя в этой демонстрации темный цвет предпочтительнее.

Edit> Fill и обязательно установите «Use» в «Foreground Color».

Фон заполнен цветом вина, выбранным ранее.

Нажмите клавишу быстрого доступа . Перейдите к исходному файлу и перетащите слой в новый файл с помощью выбранного инструмента «Перемещение»..

Слой должен выглядеть примерно так внутри нового файла.

Нажмите или выберите инструмент типа, показанный выше, чтобы начать настройку типа.

Не все шрифты соответствуют содержанию. Этот пиксельный шрифт очень плох для этой концепции.

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

Даже при наличии нескольких ограниченных вариантов шрифтов это может показаться ошеломляющим. Тем не менее, выбор правильного шрифта сложен и занимает много времени, но в целом очень важен для дизайна.

Когда правильный шрифт найден, настроить его с помощью панели символов просто.

Размер шрифта изменен, а тип разбит на две строки.

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

Когда буквы сталкиваются, читатели останутся с разборчивостью и удобочитаемостью. Регулировка ведущих является единственным ответом.

Увеличение размера начальных точек улучшает читабельность заголовка.

Необходимо будет добавить дополнительную информацию, и часто Photoshop предполагает, что вы хотите использовать тот же шрифт, что и размер точки, как ваш последний использованный текстовый объект. Это может или не может иметь место.

Добавлены и настроены новые текстовые объекты, мы можем начать получать доступ к нашему дизайну в целом.

Мы можем обнаружить, что хотим перемещать элементы.

Мы также можем добавить дополнительные элементы или текст смещения тонкости, чтобы сохранить согласованную линию на странице. Инструмент «Текст» также позволяет настраивать опечатки, такие как буквы «Средство», «Естественный» и «Выбор», которые нуждаются в использовании заглавных букв в заголовке..

Дополнительные элементы могут также помочь дизайну, как этот скелет Люси, известного австралопитека афарского. Опять же, дизайн не обязательно является простой комбинацией элементов, поскольку он может включать процесс, на который Photoshop совершенно не способен. Тем не менее, это часто отличный инструмент для графической работы такого рода..

Советы по Photoshop оставили вас в замешательстве? Начни с самого начала! Ознакомьтесь с предыдущими статьями Руководства по изучению Photoshop..

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

Вернитесь к How-To Geek для финальных выпусков Руководства по обучению Photoshop, где мы завершим наше руководство, посмотрев на Filters of Photoshop.

Изображение предоставлено: Дарвин Джулией Маргарет Кэмерон, в свободном доступе. Lucy от пользователя Wikipedia 120, сделана доступной в Creative Commons.