PhotoshopSunduchok — Эффекты для текста в фотошопе
Автор: Ольга Максимчук (Princypessa). Дата публикации: . Категория: Уроки фотошопа текст.
Эффекты для текста в фотошопе
«текст из воды»
Всем привет!
В сегодняшнем уроке мы будем создавать эффекты для текста в фотошопе — «текст из воды».
Сначала мы создадим фон – добавим в работу текстуру воды и при помощи корректирующего слоя Кривые и маски слоя осветлим текстуру.
Затем добавим еще одну текстуру воды, применим фильтр Размытие по Гауссу, изменим режим наложения слоя с текстурой и подкорректируем оттенок фона с помощью корректирующего слоя Цветовой баланс.
Далее мы установим шрифт из папки с исходниками, напишем текст и применим к нему стили слоя.
В завершении мы создадим дубликат текстового слоя и применим к нему стиль слоя Тень.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
Помещаем в документ (Файл-Поместить) изображение «Текстура воды» из папки с исходниками.
Зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки, чтобы растянуть изображение.
Располагаем слой с текстурой, как на рисунке ниже.
Выше слоя с текстурой воды создаем корректирующий слой Кривые и выгибаем кривую, как на рисунке ниже.
Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кистей, кликните ПКМ по холсту).
Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти».
В панели цвета в качестве основного выставляем черный оттенок. Для этого достаточно нажать на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию – черному и белому.
По маске слоя (именно по маске слоя, не по самому слою!) мягкой круглой кистью черного цвета стираем воздействие слоя Кривые в верхнем правом углу.
При необходимости в верхней панели настроек инструмента Кисть уменьшаем значение прозрачности и нажима.
Чтобы изменить размер кисти, воспользуйтесь клавишами квадратных скобок – клавиши «Х» и «Ъ» в русской раскладке.
Если стерли лишнее, просто переключитесь на белый цвет кисти (клавиша X на клавиатуре) и восстановите видимость слоя.
Помните, черный цвет на маске слоя скрывает, а белый – восстанавливает видимость слоя.
Помещаем в документ (Файл-Поместить) изображение «Текстура воды 2».
Растягиваем текстуру на весь холст.
Не забываем зажимать при масштабировании клавиши Shift и Alt.
Переходим в меню Фильтр-Размытие-Размытие по Гауссу и размываем слой «Текстура воды 2».
В уроке «эффекты для текста в фотошопе — «текст из воды»
В панели слоев меняем режим наложения слоя «Текстура воды 2» на Точечный свет.
Выше всех слоев создаем корректирующий слой Цветовой баланс и вводим настройки, как на рисунке ниже.
Устанавливаем шрифт из папки с исходниками.
Для этого щелкните ПКМ по файлу шрифта и выберите «Установить».
После этого шага шрифт установится одновременно в программу фотошоп и систему.
Фон готов, теперь можно переходить к тексту.
Активируем инструмент Текст и пишем слово «Вода».
В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, меняем цвет текста на белый (# ffffff) и вводим настройки, как на рисунке ниже.
При помощи инструмента Перемещение располагаем текст по центру холста.
В панели слоев дважды щелкаем по текстовому слою, чтобы открыть стили слоя.
Во вкладке Тиснение в окне Контур глянца кликаем по треугольнику справа, затем – по «шестеренке» и в выпадающем окне выбираем «Контуры».
Мы загрузили в фотошоп контуры, присутствующие в программе по умолчанию.
Выбираем контур, как на изображении ниже и вводим следующие настройки.
Во вкладке Внутренняя тень меняем настройки на следующие.
Во вкладке Внутреннее свечение вводим настройки, как на рисунке ниже.
Во вкладке Тень меняем оттенок на # 6d6d6d и вводим настройки, как на скриншоте ниже.
Результат после применения стилей слоя.
В панели слоев устанавливаем заливку текстового слоя на 0.
Создаем дубликат текстового слоя (Ctrl+J).
Удаляем с копии слоя стили слоя.
Для этого в панели слоев перетащите иконку стилей слоя в корзину.
Дважды щелкните по копии текстового слоя в панели слоев, чтобы открыть стили слоя.
Во вкладке Тень меняем оттенок на # 666765 и вводим настройки, как на рисунке ниже.
Результат после применения стилей слоя.
Эффекты для текста в фотошопе — «текст из воды» готов!
Прекрасного дня и творческих успехов!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Блестящие стили текста и графики для Photoshop psd
Блестящие стили текста и графики для Photoshop psd | UIDownload Блестящие стили текста и графики для Photoshop psd- Эффект металлического текста (стиль слоя Photoshop) psd
- Создайте эффект 3D-текста в Photoshop psd
- 3 стиля текста Photoshop (ASL и PSD) psd
org/ImageObject»> Бесплатный стиль текста для вечеринки в Photoshop psd- Креативный стиль шрифта Хэллоуина Стили Photoshop psd
- Psd неоновый текст с эффектом Photoshop psd
- 11 видов стилей Photoshop в рождественском стиле psd
- Стиль текста лягушки psd
- Стиль текста Тора psd
- 5 текстовых стилей Photoshop psd
org/ImageObject»> Стиль текста горячих трубок psd- Конфеты Стиль текста psd
- Кубики льда в стиле текста бесплатно PSD psd
- Стиль текста из расплавленного металла psd
- Стиль текста 3D Gold psd
- Бронзовый стиль текста psd
- Набор кистей для Photoshop abr
- Лента Photoshop Фигуры psd csh
- Стили ретро PSD текста psd
- Эффект блестящего металлического текста PSD psd
- Стиль текста расплавленного золота psd
- Эффекты освещения в Photoshop psd
- Стиль слоя с пространственным текстом psd
- Стили отраженного текста Chrome, том 2 psd
- Стиль ретро текста psd
org/ImageObject»> Стиль текста чешуи дракона psd- Блестящий стиль слоя psd
- 21 стиль неонового слоя Photoshop (набор 1) psd
- Свободный армейский стиль текста psd
- 3 стиля графики Illustrator ai
- Photoshop стиль хромированных букв psd
- Морозный стиль Photoshop psd
- Стиль текста игровой лиги psd
org/ImageObject»> Бесплатные шаблоны камуфляжа для Illustrator и Photoshop ai svg- Блестящая цветная лента psd графика psd
- Бесплатный игровой стиль текста войны psd
- Стиль текста с Рождеством psd
- Лента Photoshop Фигуры psd csh
- Стиль текста Pink Gummy psd
- Стиль текста неонового света, PSD шаблон psd
- Текстовый эффект Photoshop psd
org/ImageObject»> Предварительный просмотр 72 3D-эффектов блестящего золотого текста psd- 24 ярких градиента для Photoshop psd
- Желейные глянцевые стили Photoshop psd
- Предварительный просмотр 85 3D-эффектов блестящего золотого текста psd
- Photoshop макет логотипа офиса psd
- Стили отраженного текста Chrome, том 1 psd
30+ лучших текстовых эффектов Photoshop для скачивания (бесплатно и премиум)
Неважно, над каким проектом вы работаете, 30 лучших текстовых эффектов Photoshop созданы для того, чтобы значительно улучшить ваш дизайн и обеспечить эффективную съемку.
внимание вашего рынка, все время передавая сообщение, которое вы хотите отправить.
По мере того, как с каждым днем расширяется наше присутствие в цифровом пространстве, требования нашей аудитории также продолжают развиваться. Таким образом, креативщики брендов, графические дизайнеры и маркетологи в социальных сетях теперь имеют больше возможностей обслуживать свои сегменты наилучшим образом.
спонсируемое сообщение
Итак, вот самые фантастические текстовые эффекты Photoshop, которые вы можете найти в Интернете сегодня!
Более 30 лучших текстовых эффектов Photoshop для графического дизайна, брендинга и дизайна логотипов
- Набор из 100 стилей слоя Photoshop — текстовый эффект
- Футуристический текстовый эффект
- Эффект битого текста Photoshop
- EPIC — Кинематографические текстовые эффекты
- Эффекты голохромного текста
- Подводный текстовый эффект логотипа
- Киберпанк Текстовые эффекты
- Рождественские текстовые эффекты, том 1
- Винтажные текстовые эффекты, том 1
- Текстовый эффект из нержавеющей стали
- Призрачный текстовый эффект
- Светящийся неоновый текстовый эффект
- Текстовые эффекты в стиле ретро 70-х
- Текстовый эффект PSD, редактируемый
- Простые 3D-эффекты текста и логотипа
- Ретро текстовые эффекты V.
01 - Мультипликационные 3D-текстовые эффекты
- Нарезанные буквы Текстовые эффекты
- Бетонная стена Текстовый эффект
- Золотой текстовый эффект Редактируемый
- Текстовый эффект кислотного сбоя
- Фиолетовый типографский логотип и текстовый эффект
- Редактируемый текстовый эффект Unity
- Майами — ретро-текстовый эффект 80-х
- Красный типографский логотип и текстовый эффект
- Ткань — редактируемый текстовый эффект (PSD)
- Светящийся синий текстовый эффект PSD
- Нарезной поп-арт — текстовые эффекты
- Мыльные пузыри Текст и эффект логотипа
- Чернила Текстовый эффект и макет логотипа
- Текстовые эффекты Photoshop Glitch Vol.
2 - Текстовый эффект Photoshop с блестками
- Кинематографические 3D-текстовые эффекты, том 8
- 150 3D текстовых эффектов для Photoshop
- Кинематографические 3D-текстовые эффекты, том 1
Более 30 лучших текстовых эффектов Photoshop для графического дизайна, брендинга и дизайна логотипов
Набор из 100 стилей слоя Photoshop — текстовый эффект
Что может быть лучше, чем начать этот список с Набора из 100 стилей слоя Photoshop ? Этот набор, содержащий 9 элементов текстовых эффектов Photoshop, предоставляет вам доступ к некоторым из самых креативных визуальных решений для этой платформы Adobe. От стилей блестящего металлического слоя и красочных 3D-стилей до хромированных и огненных эффектов, деревянных текстовых эффектов, этот продукт Envato приготовил для вас многое!
рекламное сообщение
Футуристический текстовый эффект
Если вы ищете предмет, ориентированный на будущее, попробуйте Футуристический текстовый эффект .
Напоминая «Звездный путь», этот предмет легко источает галактические темы, вдохновленные вселенной, и темы борьбы героев. Будь то постеры фильмов или креативные маркетинговые материалы, этот выбор является фаворитом публики!
Эффект битого текста Photoshop
спонсируемое сообщение
Эффект битого текста Photoshop является популярным выбором для многих креативщиков из-за того, насколько он эффективен в качестве средства коммуникации. От дизайнерских маркетинговых усилий до кинематографических плакатов для максимального визуального воздействия, этот выбор является основным решением Photoshop из-за его универсальности и присущей поразительной эстетики.
EPIC – Кинематографические текстовые эффекты
Эпический кажется прямо из фильма о супергероях Marvel. Так что, если это та атмосфера, к которой вы стремитесь, этот выбор будет идеальным. Как будто слова вашего дизайна оживают, эта находка Envato легко превращает скучные заголовки в броские визуальные эффекты.
Голохромные текстовые эффекты
Голохромный текстовый эффект — идеальный выбор Photoshop для проектов, которые гарантируют блестящую и голографическую эстетику. Этот претендент, загруженный 10 впечатляющими шаблонами, легко добавит характер и жизнь заголовкам и словам вашего проекта.
Текстовый эффект подводного логотипа
спонсорское сообщение
Envato Эффект подводного текстового логотипа — отличный выбор для тех, кто хочет отобразить — как вы уже догадались — эффект подводного мира. У вас есть проекты с морскими обитателями или пляжным отдыхом на курортах и красивых островах? Если вы это сделаете, вам это понравится.
Текстовые эффекты Cyberpunk
Еще один фантастический набор, который поможет любому творцу добавить глубины и характера своим проектам, — 9.0016 Киберпанк текстовые эффекты . Благодаря 9 различным стилям эти находки придают вашим проектам футуристическую эстетику, что делает их идеальными для постеров фильмов, маркетинговых материалов и даже инициатив по брендингу.
Рождественские текстовые эффекты, том 1
спонсорское сообщение
Являетесь ли вы большим поклонником праздников или нет, Christmas Text Effects Vol. 1 без труда поможет вам во всех ваших новогодних проектах. 10 стилей, напоминающих Санта-Клауса, — отличный выбор для маркетологов и креативных агентств.
Винтажные текстовые эффекты, том 1
Есть особый вид ностальгии и чувства, которые могут вызвать только ретро-визуальные эффекты. Если вы хотите, чтобы в ваших проектах была эта энергия, то Винтажные текстовые эффекты — отличный выбор для вас. Также в комплекте с 10 стилями, этот претендент является одним из наиболее достойных вариантов в списке.
Текстовый эффект из нержавеющей стали
Как следует из названия продукта, Текстовый эффект из нержавеющей стали — прекрасный вариант для дизайнеров, которым нужны четкие, блестящие и привлекательные заголовки.
Идеально подходит в первую очередь для маркетинговых усилий, эта часть кажется одинаково гибкой, профессиональной и приятной на вид.
Призрачный текстовый эффект
Что хорошо в дизайнах на тему ужасов, так это то, что вам не нужно ждать Хэллоуина, чтобы использовать их. Если ваши проекты требуют паранормальных элементов дизайна, вам понравится максимально использовать Призрак .
Светящийся неоновый текстовый эффект
Вам нравится неоновый дизайн? Если да, то мы готовы поспорить, что вам понравится Светящийся неоновый текстовый эффект . Инструмент Photoshop, который быстро осветляет и добавляет жизни любому слову и заголовку, этот элемент является одним из самых востребованных фаворитов на всем Envato.
Текстовые эффекты в стиле ретро 70-х
Еще один потрясающий набор, который легко поможет вам пройтись по переулку памяти, — 9.0016 Ретро текстовые эффекты 70-х .
Предлагая 10 ностальгических стилей, дизайнеры могут обыграть множество проектов и дополнить их таким ярким набором.
Текстовый эффект PSD, редактируемый
Текстовый эффект PSD, редактируемый выглядит прямо из рекламы джинсовой ткани или рекламного принта модного дизайнера. Этот претендент идеально подходит для множества дизайнерских проектов, тем, кто хочет максимально использовать творческие задания и кампании на тему ткани.
Простые 3D-текстовые и логотипные эффекты
Простые 3D-текстовые и логотипные эффекты профессиональные и элегантные текстовые эффекты Photoshop, которые будут сиять независимо от времени года. Минималистичный, четкий и модный, этот набор Envato из 10 предметов стоит каждой копейки!
Текстовые ретро-эффекты V.01
В старинных инструментах Photoshop действительно нет недостатка, и набор Ретро-текстовые эффекты является тому доказательством.
Эта находка, оснащенная 12 ностальгическими текстовыми эффектами Photoshop, является всеобъемлющей, увлекательной и приятной для использования креативщиками и графическими дизайнерами.
Эффекты 3D-мультяшного текста
Мультфильмы — огромная часть нашей культуры, поэтому, если вы создаете проект, который заслуживает анимационной графики, попробуйте Мультяшные текстовые эффекты . Эта часть, также загруженная 10 стилями, позволяет легко дополнить ваши кампании, добавив глубину и характер ко всем вашим проектам.
Нарезанные буквы Текстовые эффекты
Будь то фильм ужасов или реклама кухонных товаров, Sliced Letters Text Effects — блестящий коммуникационный инструмент для маркетинга. Профессионально, разборчиво и творчески, что здесь не нравится?
Текстовый эффект для бетонной стены
Как следует из названия продукта, Текст для бетонной стены создает иллюзию слов, выходящих из стены.
Увлекательный и профессиональный, этот творческий маршрут легко привлекает внимание зрителей, что делает его фантастическим инструментом Photoshop для тех, кто хочет выделиться.
Золотой текстовый эффект, редактируемый
Золото часто ассоциируется с премиальными и лучшими вещами в жизни, поэтому, если вы хотите, чтобы ваши дизайны обладали такой атмосферой, тогда вы будете наслаждаться каждым кусочком Золотой текстовый эффект . Он четкий, разборчивый и квадратный, что делает его идеальным для маркетинговых плакатов и карточек в социальных сетях.
Текстовый эффект Acid Glitch
Текстовый эффект Acid Glitch — одно из лучших визуальных решений, которые вы найдете в списке. Как будто превращая ваши слова в вибрирующий текст, этот выбор резкий, творческий и индивидуальный.
Purple Typography Logo and Text Effect
Одним из наиболее подходящих визуальных решений для брендинга является Purple Typography Logo and Text Effect .
Несмотря на то, что в нем нет наворотов, эта находка без драмы отлично подходит для чистых и профессиональных кампаний и дизайнерских проектов.
Unity Editable Text Effect
0016 Редактируемый текстовый эффект Unity для вас. Одно из самых громких утверждений среди множества, этот выбор поможет вам легко передать свое сообщение.
Майами — текстовый эффект в стиле ретро 80-х
Майами — отличный выбор для тех, кто хочет совместить ретро и дизайн, вдохновленный будущим. Этот предмет идеально подходит для маркетинговых материалов в социальных сетях, он одновременно броский и модный, что делает его одним из самых знакомых эстетиков, которые мы видим сегодня в Интернете.
Красный типографский логотип и текстовый эффект
Четкий, разборчивый и профессионально выглядящий Красный типографский логотип и текстовый эффект — отличный выбор для любого дизайнера, желающего извлечь выгоду из огня и страсти, которые олицетворяет цвет.
Подходит для широкого круга проектов, с этой находкой можно достичь многого.
Ткань – редактируемый текстовый эффект (PSD)
У вас намечается показ мод или рекламная кампания линии одежды? Если ответ да, вы можете проверить Ткань . Благодаря реалистичной эстетике ткани, этот продукт Envato является потрясающим инструментом коммуникации и визуальным решением для тех, кто хочет точно передать сообщение.
Luminous Blue PSD Текстовый эффект
Блестящий, толстый и со спортивными закругленными краями, Luminous Blue — это фантастический инструмент Photoshop для творческих людей, желающих дополнить свои дизайнерские проекты эстетикой цвета морской волны. Подходит для многих дизайнов, этот кажется наиболее ярким в кампаниях на водную тематику.
Sliced Pop Art – Текстовые эффекты
Напоминающий комиксы и модный дизайн социальных сетей, Envato Sliced Pop Art состоит из 8 очень легко редактируемых PSD-шаблонов.
Этот набор идеально подходит для детских дизайнов, проектов одежды, плакатов торговых центров и многого другого. Это одно из наиболее универсальных визуальных решений из списка.
Мыльные пузыри Текст и эффект логотипа
Вы ищете мыльное визуальное решение? если да, попробуйте Envato Мыльные пузыри Текст и эффект логотипа . Игривый, веселый и креативный, этот выбор призван улучшить и вдохнуть жизнь в ваши дизайнерские проекты!
Ink Paint Текстовый эффект и макет логотипа
Ink Paint Текстовый эффект и макет логотипа напоминает вам выцветшую версию теста Роршаха. Состоящий из акварельных брызг, этот претендент обязательно сделает ваш дизайн легким, прозрачным и чистым.
Текстовые эффекты Photoshop Glitch Vol.2
Если вы хотите создать свой собственный глитч-арт, Photoshop Glitch Text Effects Vol.2 от Design Cuts — это то, что вам нужно. Благодаря 12 различным текстовым эффектам сбоев, представленным в виде файлов .
PSD, этот выбор быстр, эффективен и идеально подходит для множества проектов!
Загрузить сейчас
Текстовый эффект Photoshop с блестками
Кто не фанат всего сияющего, мерцающего и великолепного? Если вы так же, как и мы, поражены этими переходами, возможно, вам поможет текстовый эффект Glitter Photoshop. Благодаря подробным текстурам и примененным эффектам, ваш текст может выглядеть невероятно реалистично с блестками!
Загрузить сейчас
Cinematic 3D Text Effects Vol.8
Ваши проекты больше ориентированы на игры или научную фантастику? Попробуйте Cinematic 3D Text Effects Vol.8 от Creative Market. Благодаря 8 полностью редактируемым файлам PSD с текстурами и реалистичными эффектами, этот выбор сделает вашу работу невероятно впечатляющей.
Загрузить сейчас
150 Текстовые 3D-эффекты для Photoshop
Вот вам набор! Эта находка содержит 15 наборов текстовых эффектов, а также предложения в стиле ретро и научной фантастики! Идеально подходит для владельцев агентств и профессиональных креативщиков, вы, безусловно, можете многое сделать с таким разнообразным пакетом, как этот.
Загрузить сейчас
Cinematic 3D Text Effects Vol.1
Еще один замечательный пакет, созданный для создания визуальных эффектов, похожих на фильмы, — это Cinematic 3D Text Effects Vol.1. Благодаря 10 полностью редактируемым PSD-файлам, этот выбор содержит больше, чем нужно, переходов и эффектов, вдохновленных Marvel.
Загрузить сейчас
Еще Лучшие шрифты для графического дизайна
30+ лучших текстовых эффектов Photoshop для графического дизайна, брендинга и дизайна логотипов
В целом, 30 лучших текстовых эффектов Photoshop — это блестящие находки, призванные улучшить и вдохнуть жизнь в ваши кампании и проекты. Эти инструменты, от чистых и профессиональных до свежих и смелых, гарантированно сделают ваши визуальные предложения выдающимися и расскажут историю. Поскольку развивающийся мир дизайна продолжает расширяться, крайне важно, чтобы мы оставались оснащены всеми лучшими решениями, доступными сегодня в Интернете, чтобы продолжать процветать.
Тем не менее, мы надеемся, что наш список всех лучших текстовых эффектов Photoshop помог упростить ваш поиск!
Сделать текст Photoshop редактируемым — Видеоурок по After Effects
Из курса: Советы и приемы After Effects: фигуры, текстовые маски и эффекты пути
Сделать текст Photoshop редактируемым
“
— Иногда проще работать над типографским дизайном в нашей программе. Например, в фотошопе. Затем вы можете перенести текст в After Effects и анимировать его здесь. Однако, если вам действительно нужен доступ к определенному шрифту и размеру букв, вам нужно убедиться, что вы работаете с живым текстом внутри After Effects.
Этот рабочий процесс очень гибкий, потому что он позволит вам добавить последние штрихи к тексту, а также полностью изменить его внешний вид и внешний вид на экране. Я хочу поделиться с вами одним возможным сценарием, в котором вы можете захотеть использовать такой рабочий процесс между Photoshop и After Effects. Итак, у меня есть эта композиция, а фон был разработан с помощью Video Copilot Element 3D. И поверх этого я выложил два 3D слоя текста. Текст был создан с помощью Adobe Photoshop, и, конечно же, мы можем выделить этот текст и преобразовать его в редактируемый текст After Effects, но сначала я просто хочу убедиться, что это действительно живой текст внутри Photoshop, потому что в противном случае этот трюк будет не работа. Итак, я собираюсь выбрать один из этих слоев, а затем нажать Cmd E на Mac, Ctrl E на ПК, чтобы открыть этот кадр в Photoshop. И действительно, мы видим, что оба этих текстовых абзаца являются живым текстом, а это означает, что After Effects может фактически получить доступ к этой информации, если мы попросим его об этом.
Итак, давайте попрощаемся с Photoshop, это было просто для того, чтобы убедиться, что мы действительно начинаем с живого текста. Затем мы можем выбрать оба этих слоя, поэтому слой номер 2 и слой номер 3, перейдите в окно «Слой» и выберите «Преобразовать в редактируемый текст». Предполагая, что у вас такой же шрифт, он будет выглядеть точно так же. Итак, если вы только что получили документ от другого дизайнера, который работал на другом компьютере, вы можете увидеть здесь другой шрифт, если вы не установили соответствующий шрифт. Но теперь мы действительно можем попросить After Effects показать нам дополнительные параметры, например, с точки зрения шрифтов. Итак, я собираюсь выделить свой первый вариант здесь, а затем просто убедиться, что имя шрифта все еще выбрано, поэтому я могу использовать клавишу со стрелкой вниз и просто искать разные шрифты, установленные на моем компьютере. В этом случае я собираюсь остановиться на Avenir Next Condensed, у вас может быть или не быть этого шрифта на вашем компьютере, это не имеет большого значения, просто выберите что-то, что подходит для этого дизайна.
И под этим я подразумеваю какой-то шрифт, который будет выглядеть так, будто буквы не высовываются за границы этих страниц. Так, например, я могу уменьшить размер шрифта, скажем, до 24 пикселей, и тогда, конечно, вы можете играть с другими свойствами внутри панели персонажей, как душе угодно. Но на самом деле я хочу исказить слои, чтобы они чувствовали себя более связанными с макетом страницы здесь, с перспективой этой книги. И я собираюсь сделать это, выбрав их оба и применив эффект «Угловая булавка», поэтому я просто начну вводить слово «угол», а затем дважды щелкну по нему, это применит эффект к обоим слоям. Теперь я собираюсь снять выделение, выбрать первый абзац, то есть левый вот здесь, а затем выбрать эффект и очень осторожно переместить верхние булавки, в данном случае правую булавку, немного влево и, возможно, вниз, просто для того, чтобы попытаться улучшить перспективу. Теперь очень полезный трюк — скрыть границы слоя, поэтому я собираюсь нажать Cmd Shift H, Ctrl Shift H на ПК и просто убедиться, что я хорошо поработал, если нет, то, конечно, мы нужно еще немного поработать над этим.
И, как вы понимаете, это вопрос проб и ошибок и личного вкуса. Давайте сделаем то же самое для другого абзаца, я выберу слова «Угловая булавка» на панели «Эффект», а затем потяну вниз и просто попытаюсь изменить и исказить перспективу, чтобы это выглядело так. на самом деле в том же углу страницы. И вы также можете включать и выключать эффект, чтобы посмотреть, выглядит ли это лучше или может потребоваться дополнительная работа. Обратите внимание, что, поскольку мы работаем с живым текстом, мы можем сгибать его, деформировать и искажать настолько сильно, насколько это возможно, и After Effects по-прежнему сможет отображать чистый и четкий результат, поскольку каждый слой текста внутри After Effects по умолчанию векторный слой, и вы можете видеть здесь на временной шкале, что вы даже не можете отключить значок для параметра непрерывного растрирования. Если мы собираемся увеличить масштаб, вы можете увидеть небольшое размытие. Это размытие не связано с эффектом «Угловая булавка» или с текстом.
На самом деле это функция камеры, которую я настроил, поэтому здесь под параметрами камеры вы можете видеть, что я включил глубину резкости. Если я выключу его, текст вернется к четкой, предыдущей сфокусированной версии. Но я думаю, что если немного включить глубину резкости, это будет выглядеть более естественно. Хорошо, теперь пришло время анимировать буквы, это основная причина, по которой мы преобразовали их из пиксельного изображения в живой текст. Для этого я собираюсь использовать одну из моих любимых предустановленных анимаций текста, которая на самом деле поставляется с After Effects, а это текстовый процессор. Итак, я только начну его печатать, вы можете найти его в разделе «Текст», «Многострочный», «Текстовый процессор». И я снова выберу оба слоя и дважды щелкну, чтобы применить предустановку анимации. Теперь, если я начну и перетащу свое место сюда, мы увидим, что они оба одновременно начнут печатать текст, и приятное прикосновение этого эффекта, если я собираюсь увеличить, это то, что у нас есть мигающий курсор здесь.
Таким образом, мы можем фактически изменить, изменив значение ползунка, скорость мигания курсора. Если хотите, вы можете это сделать, я оставлю все как есть, но я нажму U, чтобы показать ключевые кадры для верхнего ползунка ввода, и я изменю их. Я хочу, чтобы первый абзац, возможно, анимировался от нуля до четырех с половиной секунд или что-то в этом роде, поэтому я просто перетащу сюда последний ключевой кадр, а затем изменю значение. этого текста. Еще раз давайте уменьшим масштаб, чтобы мы могли видеть все, пока я не смогу увидеть конец абзаца, чтобы были видны все слова. Затем я возьму ключевые кадры для нижнего слоя и обведу их вокруг них, убедитесь, что я начинаю эту анимацию здесь, еще раз я собираюсь переместить последний ключевой кадр в почти конец, так что-то вроде этого, около девяти секунд, затем убедитесь, что я нахожусь поверх последнего ключевого кадра, и я собираюсь повторить те же шаги, просто убедитесь, что ползунок полностью вот, выставляю все буквы, которые видны на этом текстовом слое и думаю, что на этом сделано.
Возможно, я захочу запустить предварительный просмотр, потому что подозреваю, что мы увидим этот мигающий курсор. Теперь, если вы хотите изменить этот внешний вид, если вы не хотите видеть этот мигающий курсор, пока первая страница печатает свои слова, просто перейдите к началу этой анимации, и я просто собираюсь рассчитать время. точно на том же кадре, а затем просто начните слой отсюда. Итак, я просто изменю конечную точку, обрезав конец слоя. Тогда давайте перейдем к началу, мы можем, конечно, закрыть текст, и вывести панель «Композиция» на полный экран, давайте также увеличим масштаб, чтобы соответствовать, и создадим наш финальный превью запуска. Итак, вот как вы можете преобразовать текст на основе пикселей из Photoshop в редактируемый текст здесь, внутри After Effects. И затем, конечно же, измените шрифт, добавьте некоторые визуальные эффекты, чтобы помочь ему ограничить трехмерную перспективу изображения, а также оживите его, используя предварительную настройку текста анимации текстового процессора.
