Home-theater-designers
Если вы используете Photoshop для своих дизайнерских проектов - создания логотипов, плакатов, инфографики или чего-то еще - то вам нужно знать о типографике.
В Photoshop есть множество инструментов для размещения текста на вашей странице и создания невероятного внешнего вида. Но с чего начать?
В этом кратком руководстве мы расскажем вам все, что вам нужно знать о работе с текстом в Photoshop.
Основы работы с инструментами в Photoshop
Прежде чем мы начнем, давайте сделаем краткий обзор основ работы с текстом в Photoshop.
как скачать музыку из Google Play в mp3-плеер
Вы добавляете текст в документ с помощью одного из Тип инструменты. Вы можете выбрать их на панели инструментов у левого края экрана или нажав Т на клавиатуре.
Когда вы выбираете это, Тип параметры появятся в Панель параметров вверху экрана. Основные из них:
- Семейство шрифтов: Выберите шрифт из установленных на вашем компьютере (или из Typekit)
- Стиль шрифта: Выберите стиль для выбранного шрифта, например полужирный или наклонный.
- Размер: Установите размер шрифта для вашего шрифта
- Выровнять текст: Выровнять текст по левому, правому краю или по центру
- Цвет: Выберите цвет для вашего текста
- Отменить или подтвердить: После того, как вы добавили или отредактировали текст, вы должны подтвердить его, чтобы применить его к холсту, или отменить, чтобы отменить или удалить его.
Каждый элемент текста всегда находится на отдельном слое. Чтобы переместить или изменить размер текста во время редактирования, удерживайте Ctrl или Cmd ключ и перетащите его на место.
Вы можете редактировать текст или изменять шрифт, размер и т. Д. В любое время. Для этого выберите Тип инструмент и с помощью курсора выделите текст, как в текстовом редакторе. Не выбирайте просто текстовый слой.
Создание текста для заголовков и заголовков
Основной способ большинства людей добавлять и редактировать текст в фотошопе состоит в том, чтобы выбрать Инструмент горизонтального типа (или Вертикальный один, если хотите), щелкните холст и начните вводить текст.
Это лучший вариант для заголовков, заголовков или других коротких однострочных фрагментов текста.
При нажатии на холст создается текстовая область, которая расширяется по мере ввода. Весь текст размещается в одной строке и никогда не переносится на новую строку. Даже когда вы дойдете до края холста, линия просто продолжится на картон.
Если вы хотите добавить разрывы строк, поместите курсор и нажмите Входить . Еще лучше, создавайте отдельные текстовые слои для каждой строки в вашем заголовке. Таким образом, вы можете управлять каждым из них и размещать их индивидуально.
Работа с текстом абзаца
Для основного текста - более длинные фрагменты текста, такие как абзацы или списки - сначала создайте текстовое поле.
Выберите Инструмент горизонтального типа и установите основные параметры форматирования. Щелкните и перетащите по диагонали холст, чтобы создать прямоугольное текстовое поле. Теперь введите или вставьте копию в поле.
Текстовое поле имеет фиксированный размер. Когда текст достигает правого края, он переносится на новую строку. Если текст слишком длинный, вам нужно изменить размер поля, чтобы остальное было видно (или, конечно, вы можете изменить размер шрифта).
Ударять Ctrl + T (Windows) или Cmd + T (Mac) затем удерживайте Сдвиг и перетащите один из рулей, чтобы увеличить коробку.
Создание пользовательских форм текстовых полей
Вы не ограничены работой с прямоугольными текстовыми полями. Вы можете использовать различные инструменты фигур или рисовать новые фигуры вручную с помощью Инструмент 'Перо' , а затем заполните их текстом.
Выберите один из Форма инструменты или используйте Инструмент 'Перо' . Установить Инструментальный режим к Дорожка в верхнем левом углу Панель параметров , затем нарисуйте свою фигуру на холсте.
Теперь возьмите Инструмент горизонтального типа и щелкните внутри нарисованного пути. Это превращает фигуру в текстовое поле. Теперь установите выравнивание текста на Центр , а затем введите или вставьте текст в поле.
Пользовательские формы полезны, когда вам нужно обернуть текст вокруг изображений или других объектов в вашем дизайне.
Размещение текста на кривой в Photoshop
Вы также можете настроить текст так, чтобы он соответствовал линии кривой.
Начните с выбора Инструмент 'Перо' . в Панель параметров вверху установите Инструментальный режим к Дорожка . Теперь нарисуйте кривую на холсте. Если вам нужен праймер по этому поводу, ознакомьтесь с нашим руководством по с помощью инструмента Photoshop Pen Tool .
Затем выберите Инструмент горизонтального типа . Наведите курсор на только что нарисованный путь. Когда курсор превратится в волнистую линию, щелкните. Это привязывает текстовое поле к пути.
Теперь введите свой текст.
Вы также можете настроить текст так, чтобы он соответствовал контуру формы. Процесс такой же, только вы выбираете один из инструментов Shape вместо Pen. Опять же, не забудьте установить Инструментальный режим к Дорожка прежде чем рисовать.
Чтобы отрегулировать положение текста на кривой, используйте Инструмент прямого выбора . Наведите указатель мыши на текст, и он превратится в курсор с двумя стрелками. Щелкните и перетащите вдоль линии, чтобы сдвинуть текст вдоль линии.
Щелкните и перетащите поперек линии, чтобы указать, должен ли текст располагаться внутри или за пределами формы.
Маскирование текста в фотошопе
Последний из основных текстовых инструментов Photoshop - это Инструмент маски горизонтального типа а также Инструмент вертикальной маски .
Эти инструменты не помещают текст на холст. Вместо этого они создают текстовые формы, которые вы можете использовать в своих проектах. По этой причине перед началом работы важно выбрать правильный шрифт. Вы не можете вернуться и отредактировать его позже.
лучшие дополнения для google docs
Начните с открытия изображения в Photoshop или выбора слоя, содержащего какой-либо цвет.
Выберите один из Тип Маска инструменты и установите свой шрифт. Теперь нажмите на холст и начните печатать. Когда вы попадаете в Совершить Кнопка ваш текст превратится в выделение.
Вот три способа его использования:
Добавьте текстуру к вашему тексту. Щелкните значок Добавить маску слоя кнопка внизу Слои панель. Это делает фон прозрачным, оставляя только текстовые формы, содержащие текстуру исходного изображения.
Залейте текст цветом фона. Ударять Ctrl + Backspace или Cmd + Backspace чтобы вырезать текст и заменить его текущим выбранным цветом фона.
Вырежьте текст из фона. Ударять Shift + Ctrl + I или Shift + Cmd + I чтобы инвертировать ваш выбор. Теперь нажмите Ctrl + J или Cmd + J . Скройте нижний слой, и теперь у вас будет исходное изображение с прозрачным вырезом в форме вашего текста.
Стилизация текста в Photoshop
Теперь, когда вы знаете основные способы размещения текста на своей странице, как вы его стилизуете? Мы уже рассмотрели основные настройки на панели параметров. Есть еще кое-что, о чем нужно знать.
- Направление текста: Переключение между горизонтальным и вертикальным текстом
- Сглаживание: Установите, насколько четким или гладким должен выглядеть ваш текст
- Текст деформации: Искажайте текст с помощью 15 предустановленных стилей
- Открыть панель символов / абзацев: Откройте панель для настройки параметров персонажа
- 3D: Переключитесь на 3D-вид Photoshop
Как упоминалось ранее, вам нужно выделить текст с помощью курсора, прежде чем вы сможете изменить его форматирование.
Панели символов и абзацев
Щелкните значок Панель символов и абзацев кнопка в Панель параметров . Первая вкладка содержит набор параметров форматирования символов. Некоторые удваивают возможности, которые мы уже видели (например, выбор шрифтов и цветов), в то время как остальные позволяют вам улучшить свой шрифт.
- Меню панели: Это включает Без остановки , который помещает неразрывный пробел между двумя словами, чтобы гарантировать, что они остаются на одной строке.
- Ведущий: Это позволяет вам регулировать высоту строки для вашего текста. Оставив его установленным на Авто обычно достаточно хорошо.
- Кернинг: Устанавливает интервал между парой символов. Установите опцию на Метрики чтобы использовать дизайн по умолчанию для вашего шрифта, или Оптический чтобы Photoshop установил его автоматически.
- Отслеживание: Управляет интервалом между всеми символами в вашем тексте. Выберите более точное отслеживание (отрицательное число), чтобы придать заголовкам выразительность и срочность.
- Вертикальный масштаб и горизонтальный масштаб: Эти параметры растягивают или сжимают шрифт по вертикали или горизонтали. Используйте их только для конкретных случаев дизайна --- если вам нужен более широкий или более высокий, выберите другой шрифт .
- Базовый сдвиг: Перемещает выбранные символы выше или ниже базовой линии. Чаще всего используется для написания подстрочных или надстрочных символов.
- Faux Bold и курсив: По возможности избегайте этого - всегда используйте полужирный или наклонный вариант выбранного шрифта, если они у вас есть.
- Все заглавные и маленькие заглавные буквы: Автоматически используйте заглавные буквы в тексте.
- Другие варианты: Различные настройки для создания подстрочных и надстрочных символов, подчеркивания или управления некоторыми шрифтами OpenType.
Щелкните значок Пункт Вкладка, чтобы увидеть параметры форматирования макета больших фрагментов текста.
Здесь вы можете сделать отступ для левого или правого поля текстового поля, а также выбрать, следует ли использовать расстановку переносов.
Текстовые эффекты в фотошопе
Photoshop позволяет добавлять эффекты к любому слою, включая текстовый слой. Это позволяет вам добавить тень, которая выделяет ваш текст на фоне вашего дизайна, или, возможно, добавить эффект свечения.
Дважды щелкните слой, чтобы открыть Стиль слоя коробка.
Выбирать Падающая тень и отрегулируйте настройки, включая Непрозрачность , Угол , а также Расстояние . Убедитесь, что Предварительный просмотр Кнопка отмечена флажком, поэтому вы можете видеть эффект в реальном времени. Нажмите Ok когда вы закончите.
Тот же подход позволяет вам добавить внешнее свечение к тексту или применить текстуру к шрифту.
Поворот или наклон текста в Photoshop
Чтобы повернуть или наклонить текст, выберите текстовый слой и нажмите Ctrl + T или Cmd + T открыть Инструмент бесплатного преобразования .
Наведите указатель мыши на угол ограничительной рамки, пока курсор не превратится в изогнутую стрелку. Теперь щелкните и перетащите, чтобы повернуть.
Чтобы исказить текст, удерживайте Shift + Ctrl или Shift + Cmd и возьмитесь за один из рулей на краю коробки. Перетащите в сторону, затем нажмите Входить подтвердить.
Помните, что слишком большой перекос может исказить ваш шрифт.
Работа со шрифтами в Photoshop
Выбор правильного шрифта , или пара шрифтов, является одной из самых важных частей графического дизайна.
Выберите шрифты с помощью Шрифты упасть в Панель параметров . Вы увидите небольшой предварительный просмотр каждого из них.
Добавьте в закладки свои любимые шрифты, щелкнув значок Звезда рядом с ними. Чтобы найти их снова, нажмите Звезда значок в строке меню.
Выберите шрифт и выберите Похожие шрифты чтобы просмотреть все имеющиеся у вас гарнитуры с похожими характеристиками.
Чтобы увеличить выбор шрифта, нажмите кнопку Добавить шрифты из Typekit значок в Шрифты выпадающее меню.
Это запускает веб-сайт Adobe Typekit. Если нужно, войдите в систему, затем просмотрите и выберите любые шрифты, которые хотите добавить. Щелкните значок Синхронизировать все , чтобы сделать все стили этого шрифта доступными в Photoshop. В качестве альтернативы синхронизируйте только те стили и веса, которые вам нужны.
Подбор шрифтов из других изображений
Часто у вас может быть другое изображение, которое содержит шрифт, который вы хотите использовать, но не можете распознать. Фотошоп Подобрать шрифты Инструмент может помочь идентифицировать эти загадочные шрифты или, по крайней мере, предложить некоторые аналогичные альтернативы.
Откройте изображение и перейдите в Тип> Подобрать шрифт . Инструмент поместит оверлей на ваш холст. Отрегулируйте метки обрезки, чтобы выделить нужный шрифт.
Некоторые предложения будут сделаны через несколько секунд. Выберите один и нажмите Ok .
Настройка шрифта
Когда вы разрабатываете логотип, вы можете сделать небольшой трюк, чтобы придать ему уникальность, - это настроить шрифт, который вы используете. Вы можете легко сделать это в Photoshop.
Выделите текст и перейдите к Тип> Преобразовать в форму . Это делает текст недоступным для редактирования.
Возьмите Инструмент выбора пути ( К ) для выбора отдельных символов. Теперь вы можете изменить их цвет, переместить или повернуть их независимо от остального текста.
Использовать Инструмент прямого выбора чтобы показать путь для каждого персонажа. Перетащите точки привязки, чтобы настроить внешний вид шрифта, и вы даже можете использовать Инструмент 'Перо' чтобы добавить новые кривые к вашим буквам.
Что дальше? Дополнительные советы по Photoshop
Текст является неотъемлемой частью графического дизайна, и Photoshop предлагает довольно мощные инструменты для управления тем, как текст выглядит на вашей странице.
автоматически пересылать текстовые сообщения на электронную почту
Следующий шаг - узнать, как включить его в остальные свои проекты. Ознакомьтесь с нашим руководством по работа с векторной графикой в фотошопе и вы будете готовы начать создавать значки, логотипы, плакаты и многое другое.
Делиться Делиться Твитнуть Эл. адрес 6 звуковых альтернатив: лучшие бесплатные или дешевые аудиокнигиЕсли вы не хотите платить за аудиокниги, вот несколько отличных приложений, которые позволяют вам слушать их бесплатно и легально.
Читать далее Похожие темы- творческий
- Шрифты
- Adobe Photoshop
- Типография
Энди - бывший печатный журналист и редактор журнала, который пишет о технологиях уже 15 лет. За это время он внес вклад в бесчисленное количество публикаций и написал работы по копирайтингу для крупных технологических компаний. Он также предоставил экспертные комментарии для средств массовой информации и организовал панели на отраслевых мероприятиях.
Ещё от Andy BettsПодписывайтесь на нашу новостную рассылку
Подпишитесь на нашу рассылку технических советов, обзоров, бесплатных электронных книг и эксклюзивных предложений!
Нажмите здесь, чтобы подписаться