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

Оглавление:

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

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

Видео: Руководство How-To Geek для обучения Photoshop, часть 7: дизайн и типография
Видео: ЙОГА-лекція: "Різноманіття світосприйняття. Йога, як сотеріологічна дисципліна." - YouTube 2024, Апрель
Anonim
Такие программы, как Photoshop, позволили новым поколениям потенциальных дизайнеров входить и создавать с большей легкостью, чем когда-либо прежде. Посмотрите, насколько это легко, изучив панель символов типа и применив ее к некоторым базовым проектам.
Такие программы, как Photoshop, позволили новым поколениям потенциальных дизайнеров входить и создавать с большей легкостью, чем когда-либо прежде. Посмотрите, насколько это легко, изучив панель символов типа и применив ее к некоторым базовым проектам.

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

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

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

Панель символов можно найти, перейдя в Window> Character, если она еще не находится на вашей правой боковой панели. Он богат вариантами для вашего текста, которые мы рассмотрим сейчас. Будьте предупреждены, что этот раздел содержит сложные типографские термины, которые вы можете или не можете знать. Нарисуйте свои типографические термины с помощью статьи How-To Geek «Понимание типографии как профессионального дизайнера» или просто продолжайте читать.
Панель символов можно найти, перейдя в Window> Character, если она еще не находится на вашей правой боковой панели. Он богат вариантами для вашего текста, которые мы рассмотрим сейчас. Будьте предупреждены, что этот раздел содержит сложные типографские термины, которые вы можете или не можете знать. Нарисуйте свои типографические термины с помощью статьи How-To Geek «Понимание типографии как профессионального дизайнера» или просто продолжайте читать.

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

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

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

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

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

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

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

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

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

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

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

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

Варианты панели эффектов и полужирный шрифт

Faux Bold: Размер вашего текущего шрифта искусственно утолщен, чтобы создать искусственный жирный шрифт. Использование жирного шрифта в «Шрифтовой семье» или «Шрифт» обычно предпочтительнее.
Faux Italic: Ваш текущий шрифт искусственно наклонен вправо, создавая ложный курсив. Опять же, использование фактического курсивного шрифта в «Семействе шрифтов» или «Стиль шрифта» предпочтительнее.
Верхний регистр: Преобразует ваш тип во все прописные буквы. Очень полезно в тех случаях, когда требуется много времени, чтобы перепечатать большие разделы текста верхнего и нижнего регистра.
Маленькие шапки: Создает ложные маленькие шапки, уменьшая размер точки заглавных букв. Все строчные буквы будут заменены этими меньшими капиталами в текстовом объекте.
Надстрочные: Изменяет выделенный текст или текстовый объект на верхний индекс, как в случае 28.
Image
Image
Подстрочный: Изменяет выделенный текст или текстовый объект на индекс, как в случае C6ЧАС12О6.
Image
Image
Подчеркиваем: Добавляет простой символ под вашим выделенным текстом или текстовым объектом.
Image
Image
Зачеркнутый: Добавляет простой удар через весь выделенный текст или текстовый объект.
Image
Image

Панель «Параметры» и «Инструмент типа»

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

Проектирование простого обложки книги

Image
Image

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

Image
Image
поднимает инструмент уровней, чтобы настроить изображение Дарвина. Хотя дизайн не обязательно просто касается расположения элементов, этот упрощенный подход будет достаточным для демонстрационных целей.
поднимает инструмент уровней, чтобы настроить изображение Дарвина. Хотя дизайн не обязательно просто касается расположения элементов, этот упрощенный подход будет достаточным для демонстрационных целей.
По мере того, как изображение затушевывается, нажмите «Ctrl» на «Серый» канал на панели каналов. Это создает выделение всего белого на изображении.
По мере того, как изображение затушевывается, нажмите «Ctrl» на «Серый» канал на панели каналов. Это создает выделение всего белого на изображении.

Изменить: если ваш файл еще не находится в оттенках серого, но RGB или CMYK, вы должны перейти в «Изображение»> «Режим»> «Оттенки серого» до «Ctrl + Clicking» на вашем канале серого. Спасибо HTG reader l3utterfish за то, что привлек это к моему вниманию.

Нажмите
Нажмите
для создания нового слоя.
для создания нового слоя.
Edit> Fill, чтобы заполнить выделение на новом слое белым.
Edit> Fill, чтобы заполнить выделение на новом слое белым.
Фотография икон Дарвина теперь удалена с черного фона и готова к использованию в качестве элемента.
Фотография икон Дарвина теперь удалена с черного фона и готова к использованию в качестве элемента.
Нажмите
Нажмите
Image
Image
Image
Image

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

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

Правка> Заполните и не забудьте установить «Использовать» в «Цвет переднего плана».

Фон заполнен выбранным ранее цветом вина.
Фон заполнен выбранным ранее цветом вина.
Нажмите клавишу быстрого доступа
Нажмите клавишу быстрого доступа
, Перейдите к исходному файлу и перетащите свой слой в новый файл с помощью выбранного инструмента перемещения.
, Перейдите к исходному файлу и перетащите свой слой в новый файл с помощью выбранного инструмента перемещения.
В новом файле слой должен выглядеть примерно так.
В новом файле слой должен выглядеть примерно так.
Нажмите
Нажмите
или выберите инструмент типа, проиллюстрированный выше, чтобы начать настройку типа.
или выберите инструмент типа, проиллюстрированный выше, чтобы начать настройку типа.
Не все шрифты подходят для контента. Этот пиксельный шрифт очень плохо для этой концепции.
Не все шрифты подходят для контента. Этот пиксельный шрифт очень плохо для этой концепции.
Более консервативный шрифт может почитать контент и создать более подходящий вид.
Более консервативный шрифт может почитать контент и создать более подходящий вид.
Даже при наличии нескольких ограниченных опций шрифтов это может показаться ошеломляющим. Однако выбор правильного шрифта является сложным и трудоемким, но в целом очень важным для части дизайна.
Даже при наличии нескольких ограниченных опций шрифтов это может показаться ошеломляющим. Однако выбор правильного шрифта является сложным и трудоемким, но в целом очень важным для части дизайна.
Когда правильный шрифт найден, настройка его с помощью панели символов - это просто.
Когда правильный шрифт найден, настройка его с помощью панели символов - это просто.
Размер шрифта изменен, а тип разбит на две строки.
Размер шрифта изменен, а тип разбит на две строки.
Image
Image
Image
Image

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

Когда буквы сталкиваются, читатели останутся с читабельностью и читабельностью. Единственным ответом является настройка ведущего.
Когда буквы сталкиваются, читатели останутся с читабельностью и читабельностью. Единственным ответом является настройка ведущего.
Увеличение размера точки ведущего улучшает читаемость заголовка.
Увеличение размера точки ведущего улучшает читаемость заголовка.
Дополнительная информация должна быть добавлена, и часто Photoshop предполагает, что вы хотите использовать тот же шрифт, что и размер точки, в качестве вашего последнего использованного текстового объекта. Это может быть или не быть.
Дополнительная информация должна быть добавлена, и часто Photoshop предполагает, что вы хотите использовать тот же шрифт, что и размер точки, в качестве вашего последнего использованного текстового объекта. Это может быть или не быть.
Новые текстовые объекты добавляются и корректируются, мы можем начать получать доступ к нашему дизайну в целом.
Новые текстовые объекты добавляются и корректируются, мы можем начать получать доступ к нашему дизайну в целом.
Мы можем обнаружить, что хотим перемещать элементы вокруг.
Мы можем обнаружить, что хотим перемещать элементы вокруг.
Мы также можем добавить больше элементов или текст сдвига тонкости, чтобы сохранить согласованную строку на странице. Инструмент «Текст» также позволит вам настраивать опечатки, такие как буквы «Значения» «Естественный» и «Выбор», которые нужно использовать в заголовке.
Мы также можем добавить больше элементов или текст сдвига тонкости, чтобы сохранить согласованную строку на странице. Инструмент «Текст» также позволит вам настраивать опечатки, такие как буквы «Значения» «Естественный» и «Выбор», которые нужно использовать в заголовке.
Дополнительные элементы также могут помочь в дизайне, как этот скелет Люси, знаменитого австралопитека afarensis. Опять же, дизайн не обязательно является простой комбинацией элементов, поскольку он может включать в себя процесс Photoshop полностью неспособен. Тем не менее, это часто отличный инструмент для такого рода графических работ.
Дополнительные элементы также могут помочь в дизайне, как этот скелет Люси, знаменитого австралопитека afarensis. Опять же, дизайн не обязательно является простой комбинацией элементов, поскольку он может включать в себя процесс Photoshop полностью неспособен. Тем не менее, это часто отличный инструмент для такого рода графических работ.

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

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

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

Image Credit: Дарвин от Julia Margaret Cameron, в общественном достоянии. Lucy от пользователя Wikipedia 120, доступный под Creative Commons.

Рекомендуемые: