Как подделать шрифт в фотошопе
Обновлено: 20.11.2024
В этом учебном пособии по Photoshop показано, как добавить текст, чтобы он выглядел так, как будто он является частью фотографии. Здесь вы узнаете несколько вещей, в том числе:
- Как добавить текст к фотографии
- Как взять образец цвета
- Как ввести тип бедствия
- как деформировать текст, чтобы он соответствовал фигуре
- Как использовать режимы наложения, чтобы добавить реализма
- как добавить глубины с помощью стилей слоя
Спасибо, что ознакомились с учебным пособием этой недели.
Как добавить реалистичный текст к фотографии в Adobe Photoshop. Также работает с иллюстрациями.
Привет, команда кафе, это Колин Смит, и на этой неделе я покажу вам, как добавить текст на эту бочку, чтобы она выглядела реалистично, как будто она была там выгравирована. Так что я просто воспользуюсь преимуществами некоторых режимов наложения и других возможностей Photoshop.
Создайте и раскрасьте текст
Шаг 1
Откройте фотографию (или иллюстрацию), которую вы будете использовать.
Шаг 2.
Давайте выберем цвет.
Мы будем использовать цвет с фотографии. Возьмите палитру цветов и с помощью пипетки выберите более темную древесину на этой бочке.
Шаг 3.
Выберите инструмент «Текст». Я использую сжатый шрифт, это Bernard MT Condensed.
Я наберу PHOTOSHOP CAFE и перетащу его на нужное место.
Шаг 4
Самый быстрый способ изменить размер текста — нажать Ctrl T (на Mac это будет Command T), переместиться в угол, удерживать нажатой клавишу Shift, чтобы зафиксировать его, а затем перетащить пропорционально, чтобы заполнить бочку.
Нажмите Enter сейчас, чтобы применить его.
Обтекание объекта текстом
Нам нужно сделать две вещи:
- Во-первых, мы хотим, чтобы он немного обтекал фигуру.
- Мы действительно хотим, чтобы он выглядел так, будто он не просто приклеен, а является частью текстуры, поэтому он действительно текстурирован.
Шаг 5
Щелкните правой кнопкой мыши текстовый слой на панели «Слои» и выберите «Растрировать текст». Это преобразует его в пиксели, чтобы мы могли исказить эти пиксели.
Шаг 6
Нажмите Ctrl/Cmd + T; бесплатно Преобразовать.
Щелкните правой кнопкой мыши и выберите "Деформация", поскольку она позволяет нам сопоставлять кривые и прекрасно работает на закругленных поверхностях. (Теперь нам не нужно растрировать шрифт, чтобы использовать деформацию, но некоторые другие вещи, которые мы собираемся делать, нам потребуют растеризации шрифта).
Возьмите среднюю часть и немного потяните ее вниз, чтобы она немного выпирала посередине.
Потяните края вниз, чтобы они выглядели так, как будто они повторяют контур. Совет. С помощью инструмента «Деформация» вы можете щелкать точки ИЛИ перетаскивать объекты внутрь сетки, чтобы заставить их работать.
Нажмите Enter, чтобы применить его.
Смешивание текстуры с текстом в фотошопе
Последнее, что нам нужно сделать, это смешать текст с текстурой, мы собираемся изменить режим наложения.
Шаг 7
В верхней части панели «Слои» вы увидите слово «нормальный». Это режим наложения слоя. (Загрузите мою бесплатную электронную книгу о режимах наложения слоев, чтобы полностью понять их).
Измените режим наложения на Overlay Blend Mode. Это работает довольно хорошо. Теперь мы можем видеть текстуру дерева, проходящую через текст, и он больше не выглядит просто застрявшим там.
Это основные шаги. Для большего реализма читайте дальше!
Дополнительный кредит: повышение реалистичности текста Photoshop с помощью грубых краев и тиснения.
Теперь мы немного усложним его.
Шаг 8
Создайте маску слоя на текстовом слое, выбрав текстовый слой и нажав кнопку «Маска слоя» в нижней части панели «Слои». (Значок прямоугольника с кружком внутри)
Нажмите клавишу D, чтобы выбрать черный цвет в качестве основного цвета.
Нажмите клавишу B, чтобы выбрать инструмент "Кисть". Убедитесь, что непрозрачность установлена на 100, а режим наложения установлен на «Нормальный».
Мы собираемся найти грубую кисть. Если вы посмотрите на верхнюю панель параметров, щелкните кисть в левом верхнем углу. Вы увидите панель с шестеренкой. Нажмите на значок шестеренки.
Теперь вы можете загружать различные типы кистей из появившегося списка. Вот увидишь, сухие средние кисти, выбери их.
Выберите «Добавить» из появившихся вариантов.
шаг 9
Возьмите кисть с грубыми краями. Когда вы рисуете черным на маске, вы просто немного покусываете эти края, чтобы создать немного более проблемный вид.
И это также то, что вы сделали бы, если бы хотели просто создать простой состаренный шрифт. Сейчас я не буду слишком увлекаться, потому что я не хочу, чтобы это было слишком избито и огорчено, но вы поняли общую идею.
Совет. Вы можете скачать кисти из таких источников, как Brusheezy или DeviantArt и тому подобное, и вы можете найти несколько пользовательских кистей, которые на самом деле справятся с этой задачей намного лучше. (Может быть, я добавлю некоторые в PhotoshopCAFE скоро).
Добавление 3D-глубины к тексту
Есть еще одна вещь, которую мы можем сделать, чтобы она выглядела так, будто она немного обожжена, и у нее есть немного глубины, как будто они использовали горячую марку или что-то в этом роде.
Шаг 10
Выбрав текстовый слой, нажмите маленький значок «fx» в нижней части панели слоев, чтобы добавить стиль слоя. Выберите внутреннюю тень. Увеличьте непрозрачность до 100 и немного увеличьте расстояние, и посмотрите, как это придаст ему такой точеный вид.
Измените угол, и вы увидите, что он начинает выглядеть так, как будто он высечен в дереве.
Итак, в любом случае, это очень простое небольшое руководство о том, как добавить текст и сделать его более реалистичным.
Теперь обратите внимание, что режимы наложения играют большую роль в придании этому реалистичному виду, и есть масса вещей, которые вы можете делать с помощью режимов наложения слоев. Именно поэтому я создал для вас бесплатную электронную книгу. Здесь нет никакой рекламы. Это просто чистый контент. Посмотрите эту электронную книгу. Он дает пример каждого режима наложения, а также множество мест, где его можно использовать. Получите бесплатную электронную книгу о режимах наложения слоев здесь! (200 000 загрузок! Ура!)
В любом случае, спасибо, ребята, за просмотр этого урока, не забудьте оставить комментарий. Давайте начнем дискуссию. Я постараюсь ответить на все вопросы.
Надеюсь, вам понравится и вы будете готовиться к новой каждую неделю!
До следующей недели.
Приятно видеть вас в КАФЕ
7 ответов на вопрос «Как реалистично смешать текст с фотографией в учебнике Adobe Photoshop»
Колин, спасибо за отличный урок! У меня к вам вопрос, а именно есть ли где-нибудь акция по созданию типографского портрета? Кажется, что в большинстве руководств вам нужно вводить текст десятки раз, прежде чем вы сможете наложить его на изображение. Должен быть более быстрый способ сделать это. Заранее спасибо!
Да, выберите «Тип»> «Вставить Lorem Ipsum в CC». Для более ранних версий Photoshop просто вырезайте и вставляйте текст из Интернета
Спасибо, очень хороший урок
Очень легко следить за тобой, Колин, и за то, что ты являешься для меня источником информации обо всем, что связано с фотошопом!
Спасибо, что уделили нам время.
Только что наткнулся на ваше руководство, надеюсь, вы все еще активны здесь. Мне нужно смешать много имен на стене с разными цветами художественных работ. Могу ли я следовать этим же инструкциям?
Я жив и здоров и публикую новые уроки здесь, в CAFE, каждую неделю
Привет, Колин! Я пытаюсь найти способ деформировать «текст» в Ps 2021, чтобы он выглядел более реалистично. Но я не работаю с текстовым инструментом. У меня есть кисть, которая создает буквы, похожие на граффити. Этой кистью я нарисовал свое граффити на отдельном слое. Я открыл бесплатный сток Brick Wall в качестве слоя под словами кисти для граффити. Я изменил режим наложения слоя с граффити на Linear Burn. Я не могу понять, как заставить этот слой граффити кисти выглядеть так, как будто он огибает кирпичи и раствор кирпичной стены. Я пробовал Transform > Warp, но безуспешно, так и не получил текстурную деформацию (поскольку я не знаю, что делаю…). Любые предложения – возможно, для сессии LFL? Спасибо!
После создания текстового слоя вы можете редактировать текст и применять к нему команды слоя. Вы можете вставлять новый текст, изменять существующий текст и удалять текст в текстовых слоях. Если к текстовому слою применяются какие-либо стили, весь текст наследует атрибуты этих стилей.
Вы также можете изменить ориентацию (горизонтальную или вертикальную) текстового слоя. Когда текстовый слой вертикальный, линии текста идут сверху вниз. Когда текстовый слой расположен горизонтально, линии текста идут слева направо.
Выберите инструмент «Горизонтальный текст» или «Вертикальный текст» (или выберите инструмент «Перемещение» и дважды щелкните текст).
В режиме «Эксперт» выберите текстовый слой на панели «Слои».
Когда вы щелкаете в существующем текстовом слое, инструмент «Текст» меняется в точке вставки в соответствии с ориентацией слоя.
Нажмите, чтобы установить точку вставки.
Выберите один или несколько символов, которые хотите изменить.
Введите текст по желанию.
Нажмите кнопку "Подтвердить" на панели параметров.
Нажмите на изображение.
Выберите другой инструмент на панели инструментов.
Выберите текстовый слой на панели «Слои» или щелкните текстовый поток, чтобы автоматически выбрать текстовый слой.
Перетащите, чтобы выбрать один или несколько символов.
Дважды щелкните, чтобы выбрать одно слово.
Трижды щелкните, чтобы выделить всю строку текста.
Нажмите точку в тексте, а затем, удерживая нажатой клавишу Shift, выберите диапазон символов.
Выберите «Выделить» > «Все», чтобы выбрать все символы в слое.
Чтобы использовать клавиши со стрелками для выбора символов, удерживайте нажатой клавишу Shift и нажмите клавишу со стрелкой вправо или влево.
Шрифт — это набор символов (букв, цифр или символов), имеющих общую толщину, ширину и стиль. При выборе шрифта вы можете независимо выбрать семейство шрифтов (например, Arial) и стиль его шрифта. Стиль шрифта — это вариантная версия отдельного шрифта в семействе шрифтов (например, обычный, полужирный или курсив). Диапазон доступных стилей шрифта зависит от каждого шрифта.
Если шрифт не включает нужный вам стиль, вы можете применить искусственные (фальшивые) версии полужирного и курсивного начертаний. Искусственный шрифт – это созданная компьютером версия шрифта, приближенная к альтернативному дизайну шрифта.
Если вы изменяете существующий текст, выберите один или несколько символов, шрифт которых вы хотите изменить. Чтобы изменить шрифт всех символов в слое, выберите текстовый слой на панели «Слои», а затем с помощью кнопок и меню на панели параметров измените тип шрифта, стиль, размер, выравнивание и цвет.
Здравствуйте, это видео посвящено тому, как взять графику со шрифтами, которые просто врезаются в нее, и мы не можем понять. Мы не знаем, что это за шрифты, это не редактируется. В Photoshop есть замечательная функция под названием Match Font. У нас есть некоторый успех, вот здесь, я чувствую, что мы неплохо справились, соответствует этому слову. То же самое со смартом здесь. У нас получается довольно хорошо, возможно, нужен немного другой вес. Это идет очень хорошо для этого, это идет ужасно неправильно для этого. Если вы знаете, что это за шрифт, дайте мне знать в комментариях. А вот с этим, на удивление, очень хорошо. Каким-то волшебным образом он знает, что это за шрифт. Давайте проверим это прямо сейчас в Adobe Photoshop.
Для начала в «08 Typography» откройте «Match Font 1», «2», «3», «4», «5».Итак, мы собираемся пройти путь от простого к сложному и поговорить о разных случаях. Часто я просматриваю, скажем, сайт, например Behance, в поисках идей, вдохновения и говорю: «О, мне нравится этот шрифт здесь». Так что я щелкнул по нему, загрузил, перенес сюда. Я знаю, что это не редактируемый шрифт, так как же мне это понять? Причудливый шрифт Match в Photoshop. Итак, мы только что сделали снимок экрана, и он у нас есть в Photoshop. Итак, чтобы это сработало, нам нужно взять «Инструмент выбора». В частности, инструмент «Прямоугольная область». И ему не нравится, когда вы группируете много строк. Так что я собираюсь «отменить выбор». Я возьму тот, на котором больше всего символов, вот этот. Затем я собираюсь перейти к «Тип» и перейти к этому, который говорит «Подобрать шрифт». Откинься назад, расслабься, в зависимости от того, насколько быстр твой интернет, мой, возможно, мне придется, нет, быстро, даже не пришлось его ускорять.
И что он делает, он идет и проверяет две вещи, он проверяет ваш компьютер, поэтому он ищет вещи, которые уже есть на вашем компьютере. Он также идет и проверяет Typekit, чтобы сказать: «Эй, у меня тоже может быть этот шрифт здесь». И то, что я ищу, это попытка выяснить, кто это. Единственная проблема в том, что этот образец пока нельзя редактировать. Это была бы отличная маленькая хитрость. Если бы я мог напечатать «Assas», и я мог бы увидеть это, потому что я имею дело с буквой A и буквой S. «S», которую я могу сопоставить, это, вероятно, эта. Мне, вероятно, придется пройти и скачать кучу из них. Так что это не на моем компьютере, потому что они не совпадают, но они доступны на Typekit, и все, что мне нужно сделать, это выбрать здесь. Выключается и начинает синхронизироваться. Orbitron Bold, я посмотрю, сработает ли это. «Убийца». Я совершенно не делал этого заранее, чтобы все упростить. Может быть, я должен был. Орбито, вот оно. Это может быть неправильный вес. Может быть. Давайте уменьшим масштаб. Это неправильный вес, но я думаю, что это правильный шрифт.
Итак, я думаю, что выбрал Orbito, что же я выбрал? Orbitron Bold Мне придется пройти через Typekit, найти Orbitron и загрузить все разные веса, чтобы попытаться сопоставить их. Теперь, когда это впервые вышло, и я впервые сделал свои уроки, это работало примерно в 30% случаев. Каким-то образом Adobe стала лучше в этом, и в их библиотеке Typekit появилось больше шрифтов. Так что, я бы сказал, что в 70% случаев это работает, просто выбирает шрифт. Давайте рассмотрим несколько трюков. Итак, давайте перейдем к «Подбор шрифта», и скажем, вот этот, то же самое, я хочу передать поддержку двум людям, у которых я присвоил шрифты. Этот парень китаец, и я не знаю, как произнести его имя. Это он, другой макет Черной пантеры. Андрей Бата. Я бы, наверное, тоже запустил. В любом случае, мне нравится дизайн, я хочу шрифт, как мне это понять? Вернемся сюда, но мы проделаем небольшую хитрость.
Что я собираюсь сделать, так это взять «Инструмент ввода» и просто напечатать слово «Умный». Доведите его примерно до нужного размера, где-то там. Почему? Поскольку есть небольшой трюк, который вы можете сделать, помните, что инструмент «Прямоугольная область» — это то, что говорит Photoshop, чтобы проверить там, но на самом деле вам не нужно находиться на слое, вы проверяете, он просмотрит все слои. . У вас есть сотни их, он просто проверит, что он видит, но если я выбрал свой слой здесь для типа, мы можем сделать этот трюк, чтобы, вероятно, просто показать вам, давайте перейдем к «Подбор шрифта». Он творит магию шрифтов. Если вы похожи на меня с медленным подключением к Интернету, эта штука постоянно обновляется. В конце концов это остановится, поэтому шрифты доступны. И то, что я ищу, смотрите это, это на моем компьютере, я могу щелкнуть по нему. Вы можете увидеть там. О, так близко.
Легче примерить это и работать, поэтому вы можете просто щелкнуть по ним и просто работать. Проблема с ними в том, что вам нужно скачать каждую из них. Это нормально, это проще, чем гадать, я мог бы просто сказать, что это достаточно близко, вы можете видеть, что М очень отличается. В этой версии используется базовый уровень, а здесь нет. Теперь я мог бы перейти к Typekit и просто проверить Raleway, чтобы увидеть, есть ли разные версии, может быть, есть версия Glyph для M, которая используется. Может есть версия с дисплеем. Или я просто нажимаю на все это и просто смотрю, какой из них может работать. Этот парень выглядит так, давайте сделаем это. Я должен практиковать эти вещи заранее. Мне нравятся грубые проблемы реального мира и вещи, которые мы можем получить. Нажимаем «ОК». Посмотрим, получится ли, Проксима Нова. Экстра конденсированный. Где Проксима Нова? О, как вы думаете?
Я думаю, что мы могли бы сделать это, но, возможно, не версию Extra Bold. Посмотрим, как мы выглядим. Нет ничего другого, кроме Extra Bold, так что теперь мне придется пойти в Typekit, и держу пари, что если я буду искать Proxima Nova, там будет куча начертаний, которые я мог бы использовать. И держу пари, что найду, во всяком случае, я так думаю.Так что просто разместите текст на текстовом слое и просто используйте инструмент Rectangle Marquee Tool, чтобы выбрать шрифт. Давайте посмотрим на некоторые более сложные, давайте посмотрим на это здесь. Итак, фото реального мира. Для этого он должен быть прямым. Вы можете просто дважды щелкнуть фон, «Command T», чтобы повернуть, просто приблизите его. И что мы могли бы сделать, так это использовать наш трюк, который мы использовали ранее. Помните перспективную культуру? Так что, удерживая «Crop Tool», возьмите «Perspective Crop». Это довольно просто, потому что у него четыре угла, и я могу легко обработать края, нажмите «Return».
Я думаю, что перспектива немного неверна, как будто она сплющена. Давайте посмотрим, как это работает в любом случае. Итак, «Инструмент выделения», обведите его рамкой и перейдите к «Тип». Мы собираемся это сделать, я, вероятно, очистил бы маленькую точку с помощью точечной восстанавливающей кисти, но я уверен, что это сработает, это я проверял. «Тип», «Подобрать шрифт». Этот бит здесь, возможно, нуждается в некоторой заточке, мы просто посмотрим, насколько хорошо он работает. Вы можете видеть, что это дает мне несколько хороших примеров. Что я должен сделать, так это просто проделать небольшой трюк со слоем. Давайте не будем возвращаться назад, давайте пойдем вперед и разберемся с этим. Этот здесь как, как близко это собирается получить. Это вообще шрифт? Наверное есть, может быть. Давайте проверим это, я собираюсь дважды щелкнуть фон. Я собираюсь использовать другую технику, чтобы выровнять его. Поэтому я собираюсь использовать «Command R» или «Ctrl R» на ПК. Просто открывает мои линейки, и я могу перетащить одну. Просто перетащите от центра линейки вниз. Я перетащу его примерно туда.
С выбранным слоем, «Command T» для поворота, мы можем перейти к «Редактировать», «Трансформировать», «Повернуть». Я просто пытаюсь приблизиться к исходному уровню. Нажмите «Возврат». Теперь мой инструмент Rectangle Marquee Tool. Мы собираемся немного запутать его со всеми этими дополнительными вещами на заднем плане, но давайте покрутим его, давайте перейдем к «Тип», давайте перейдем к «Подбор шрифта». Иногда здесь возникает небольшая ошибка, говорящая, что нет шансов, или вам нужно немного уточнить свой выбор. До сих пор не очень хорошо. Давайте посмотрим, нет, давайте отменим это и сделаем то, что они сказали. Я собираюсь скопировать и вставить это на отдельный слой, мы занимаемся хакерством, потому что все, что я действительно хочу знать, это шрифт, верно?
Итак, я собираюсь использовать «Ластик». Избавьтесь от всего, что мне не нужно. Я собираюсь использовать уровни, просто чтобы посмотреть, смогу ли я избавиться от части дерева. Действительно подчеркните этот тип. Посмотрим, что получится, может быть, нужен белый фон. Клавиша «D», чтобы сбросить его обратно к черно-белому по умолчанию. «X», чтобы вывести белый цвет на передний план, и удерживайте «Option-Backspace». Я схожу с ума от ярлыков, хотя. Итак, выбрав его, пойдем со мной, давайте сделаем Match Font. Я перемотаю это вперед. Так быстро переслал, потому что не понял. Получил это в предыдущем примере, так что я просто поработаю над этим еще раз.
Я просто выбрал это, потому что, возможно, это более четкие буквы, чем это. Я попробую еще раз. Мы снова ускорим его, увидимся в конце, посмотрим, как это работает. Мы попробуем эту сторону. Вот опять не работаем. Я действительно не чувствовал, что в прошлый раз получил лучший результат, но я этого не записал, это была просто практика. Что бы я сделал сейчас, так это зашел бы на сайт whatthefont и попробовал бы его там. Считаю ли я, что это лучше, я не делаю этого достаточно, чтобы сравнить их идеально, но знаю, что есть еще один сервис, который называется whatthefont, отличное имя, я бы сохранил его в формате JPEG и попробовал его там.
Перейдем к последнему, это очень сложно. Надеюсь, этот будет... Я чувствую себя немного подавленным после предыдущего. Давайте выберем этот и перейдем к «Тип», «Подобрать шрифт». Я ускорю это. Теперь я чувствую себя лучше. Как будто нет никакого способа узнать, что это за шрифт. Это живое действие, свет на стене. Вы можете видеть, что он вернулся с некоторыми, может быть, не идеальными. Мне придется пройти через все и попытаться выяснить, какой это, но я чувствую, что это может быть один из них, может быть, другой вес. Можете посмотреть, может вот этот. А, довольно близко. Таким образом, мы заканчиваем на высоком уровне с соответствующими шрифтами. Если бы вы были действительно в отчаянии, вы могли бы пройти и удалить фон, и просто немного нарисовать. Вы можете использовать инструмент Pin Tool, чтобы перерисовать его и посмотреть, как он работает, но знайте, что эта функция есть, довольно крутая. Хотя это будет конец. Давайте перейдем к следующему видео.
При создании рекламных и рекламных материалов, таких как брошюры и листовки для вашего бизнеса, Photoshop может оказаться очень полезным.Вместо того, чтобы тратить дополнительные деньги на лицензирование новых шрифтов, специальные эффекты, включенные в Photoshop, позволяют вам создавать свои собственные. Это гарантирует, что ваш материал будет выглядеть уникальным и свежим, выделяясь среди других, использующих обычные шрифты.
Запустите Photoshop и создайте новый документ или откройте документ, к которому вы хотите добавить текстовый эффект пишущей машинки.
Нажмите «Создать новый слой» на панели «Слои», чтобы создать текст на отдельном слое от остальных изображений. Это позволяет вам изменить его позже, если потребуется, ничего больше не меняя.
Нажмите инструмент «Текст» и выберите «Курьер» из списка шрифтов. Courier — это моноширинный шрифт, который очень напоминает тип текста, созданный на старой пишущей машинке. Если у вас нет шрифта Courier, используйте Courier New, входящий в состав Windows.
Удерживая нажатой клавишу «Ctrl» на клавиатуре, щелкните текстовый слой на панели «Слои», чтобы выделить весь текст. Нажмите кнопку «Добавить маску слоя», чтобы преобразовать выделение в маску.
Нажмите «Фильтр» в меню «Файл», а затем выберите «Мазки кисти». Выберите «Брызги» из списка вариантов.
Перетащите ползунок параметров «Радиус распыления» и «Гладкость», чтобы управлять текстом. Это придаст тексту размытый вид, и будет казаться, что он был создан на пишущей машинке, а не на компьютере. Установка обоих значений на "10" дает наиболее реалистичные результаты, но вы можете использовать любое значение, которое кажется вам наиболее подходящим.
Нажмите "ОК", чтобы применить эффект к тексту. Нажмите «Ctrl-F», чтобы снова применить тот же фильтр к тексту, если вы хотите, чтобы шрифт выглядел еще более размытым.
Нажмите "Фильтр" и выберите "Размытие". Нажмите «Размытие по Гауссу» в списке параметров, затем введите значение «0,3» и нажмите «ОК». Это небольшое размытие снижает детализацию шрифта, делая его более реалистичным.
Читайте также: