Ми пояснюємо технологію / Панель управління / Посібник із провідних навчань щодо вивчення Photoshop, частина 7: Дизайн та типографія

Посібник із провідних навчань щодо вивчення Photoshop, частина 7: Дизайн та типографія

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

Коротко розкривши текстовий інструмент у частині 1,Панель інструментів та створення текстових об’єктів у частині 3, Шари, розглянемо докладніше, як налаштувати типографію у Photoshop. Звичайно, якщо ви пропустили будь-яку частину посібника з навчальних програм «How-To Geek» щодо вивчення Photoshop, усі вони все ще доступні в цьому посиланні, що додається.

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

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

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

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

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

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

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

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

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

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

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

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

Колір тексту: Область, де можна регулювати колір текстового об’єкта.

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

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

Налаштування жирної сміливості та інших параметрів панелі символів

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

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

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

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

Дизайн простої обкладинки книги

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

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

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

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

Натисніть

щоб створити новий шар.

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

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

Натисніть

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

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

Виберіть колір переднього плану в

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

Редагувати> Заповніть і обов’язково встановіть для параметра «Використовувати» значення «Колір переднього плану».

Фон наповнюється винним кольором, обраним раніше.

Натисніть комбінацію клавіш

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

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

Натисніть

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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