Как просто наложить текстуры на текст в After Effects?
Приложения
0 1.475 3 минут на чтение
В мире дизайна одна из характеристик, которая выделяется больше всего, — это креативность и возможность изобретать себя заново. Если вы хотите придать своей ретуши нотку оригинальности и новаторства, вы должны научиться накладывать текстуры на тексты Последствия.
Это не новая техника, на самом деле она используется давно. Но это не значит, что его нельзя использовать для личного контакта. Вернуться к классике и улучшить его всегда будет хорошим вариантом.
Широкий выбор таких вариантов что легко ускорять или замедлять видео с помощью After Effects и в дополнение к создать анимационную композицию в After Effects с тем, что изучено в этом руководстве, доступны пользователю.
Добавление текстуры к текстам — это техника, похожая на двойную экспозицию. Разница в том, что с помощью этой техники вы только добавите текстуру другого изображения.
Добавление текстур к текстам в After Effects
На первый взгляд может показаться, что это сложная техника, ведь ее отделка достаточно профессиональна. Вы будете удивлены тем, насколько легко текстовый текст в After Effects, как и рендеринг видео в After Effects.
Компакт-диски
После создания нового документа в Photoshop первое, что нужно сделать, это переименовать основной слой. Вы назовете это » фонд . Желательно использовать белый в качестве основного цвета, так как по мере выполнения проекта вы можете определить цвет, который лучше всего подходит для композиции.
Дизайн текста
Следующее, что нужно сделать, это написать слово, к которому вы хотите добавить фон. Попробуйте использовать толстый шрифт, например полужирный или полужирный.
Это потому, что изображение должно быть видно в шрифте.
Если он очень тонкий, текстура будет едва заметна. У вас также есть возможность использовать надписи. Помните, что фон должен быть прозрачным, чтобы техника работала.
Выбор текстуры
Чтобы текстурировать текст в After Effects, у вас должно быть эталонное изображение. Это тот, который придаст текстуру тексту. Выбрав его, импортируйте в документ. Рекомендуется изменить название слоя, чтобы не запутаться. Затем отрегулируйте размер изображения в соответствии с текстом, который вы хотите создать.
Важно что слои в порядке для правильной работы техники текстурирования в After Effects. Его организация должна быть следующей: выше всего должно быть изображение, которое придаст текстуру тексту, за ним следует сам текст и в конце плоского фона.
Создайте маску раздела
Вот где происходит волшебство. Следующее, что вам нужно сделать, это выбрать слой изображения и щелкнуть по нему правой кнопкой мыши. В появившемся концептуальном меню найдите параметр «Создать обтравочную маску И выберите его.
Готово, насколько легко текстурировать текст в After Effects. Все, что вам нужно сделать, это настроить изображение в соответствии с тем, как оно выглядит в тексте, вы можете увеличить его, уменьшить, изменить его направление и другие параметры.
Наконец, осталось определить цвет фона. Вы можете оставить его пустым, как это было изначально, изменить его на цвет, который больше соответствует дизайну, или удалить его, чтобы использовать текстурированный текст в других документах.
Есть тысяча и один вариант, который вы можете применить при использовании этой техники. Существует так много изображений и текстур. Вы можете сделать свой текст эффектным с помощью акварели или другого дизайна, который привлекает ваше внимание.
Более того, вы можете использовать разные текстуры одновременно, вам просто нужно найти и импортировать больше изображений и наложить их с помощью инструмента прозрачности. Все дело в практике и дать волю своему воображению 
Что вы ждете, чтобы попробовать?
Подобные предметы
Как заполнить текст каллиграфии цветом, текстурой или фотографиями в Procreate
Procreate — это особенно популярное приложение для использования, когда речь идет о надписях. В дополнение к огромному количеству бесплатных и платных перьев для каллиграфии, вы также можете использовать приложение, чтобы заполнить ваши буквы цветом, изображениями и многим другим.
Как только вы нарисуете слой в нужном вам виде, вы можете придать ему цвет. Вы можете использовать функцию маскировки Procreate, чтобы заполнить надписи смешанными цветами, фотографиями и многим другим.
Метод 1: заполнить цветом
- После того, как вы завершили надписи, откройте инструмент « Слои» и коснитесь слоя надписью, а во всплывающем меню нажмите « Выбрать».
- Нажмите на миниатюру еще раз, и на этот раз нажмите, Маска .
- Откройте панель слоев и создайте новый слой.
- Если у вас есть резкие линии и вы хотите, чтобы ваши цвета смешались, нажмите инструмент « Корректировки» в верхнем левом меню и нажмите « Размытие в движении» . Перетащите ползунок вправо, чтобы смешать цвета. От 15 до 20 процентов должно быть достаточно. Если вы обнаружите, что Motion Blur не создает искомого эффекта, вы можете вместо этого попробовать Gaussian Blur.
- Вернитесь на панель Layers и выключите слой с черными буквами.
Метод 2: заполнить изображение или текстуру
Существует несколько более простой метод, который также позволяет использовать изображение или текстуру для заполнения надписи:
- Как только ваша надпись будет готова, добавьте изображение, которое вы хотите использовать в качестве текстуры, нажав кнопку «Действия» в верхнем левом меню и нажав « Вставить фотографию» . (Вы также можете создать новый слой над надписью, добавить цвет над надписью, чтобы все буквы были полностью покрыты, и использовать инструмент размытия по Гауссу, чтобы смешать его вместе.)
- Выберите фотографию, сохраненную на вашем iPad, которую вы хотите использовать.
- Снова откройте панель «Слои», нажмите миниатюру надписи и нажмите « Выбрать» .
- Нажмите « Инвертировать выбор»
- Откройте панель слоев и коснитесь миниатюры текстуры или цветного слоя и коснитесь Очистить .
- Теперь ваша надпись должна быть заполнена вашей фотографией, текстурой или цветом.
(Вы также можете создать новый слой над надписью, добавить цвет над надписью, чтобы все буквы были полностью покрыты, и использовать инструмент размытия по Гауссу, чтобы смешать его вместе.)Если вы ищете свою игру с надписями от руки с помощью Procreate, не забудьте, что вы можете установить кисти Procreate, доступные для загрузки. от экспертов по ручной надписи в Интернете.
Добавление текстуры изображения к тексту в движении
Используйте область изображения текстуры для применения, настройки, анимации и удаления текстур.
Применение заливки текстурой к тексту
В движении выберите текст на холсте, в списке слоев или на временной шкале.
В текстовом инспекторе нажмите «Внешний вид», чтобы открыть панель «Внешний вид».
Выберите «Текстура» во всплывающем меню «Заполнить».
Элементы управления цветом (или градиентом) заменены элементами управления текстурой.
По умолчанию к тексту не применяется текстура.
Перетащите изображение из списка «Слои» или «Мультимедиа» в область «Изображение».
Важно: При перетаскивании изображения в лунку обязательно щелкните и перетащите одним движением. Если щелкнуть изображение и отпустить кнопку мыши, изображение будет выбрано, и появится его Инспектор.
Изображение появляется в колодце и применяется к тексту.
Совет: Когда текст заполнен изображением, текстура применяется к каждому символу текста.
Чтобы узнать, как сделать текстуру непрерывной через все текстовые символы, см. раздел Введение в маски изображений в движении.
Чтобы узнать, как сделать текстуру непрерывной через все текстовые символы, см. раздел Введение в маски изображений в движении.Удаление заливки текстурой
В движении на панели «Внешний вид» Инспектора текстов выполните одно из следующих действий: щелкните стрелку вниз и выберите «Сбросить параметр» во всплывающем меню.
Перетащите изображение из лунки, затем отпустите кнопку мыши.
Изображение исчезает.
Изменение положения текстурной заливки
В движении в группе элементов управления «Текстура» на панели «Внешний вид» Инспектора текста выполните одно из следующих действий:
Нажмите и удерживайте клавишу «Command» и перетащите область изображения.
Изображение перемещается в ячейке и смещается в тексте на холсте.
Отрегулируйте ползунки значения смещения.
Левый ползунок значений представляет значения позиции X; ползунок правого значения представляет значения позиции Y.
Примечание: Вы можете настроить положение текстуры для одного глифа, выбрав глиф с помощью инструмента «Текст» или с помощью инструмента «Трансформировать глиф». Дополнительные сведения о работе с глифами см. в разделе Знакомство с текстовыми глифами в движении.
Анимация заполнения текстурой с помощью записи ключевых кадров
Вы можете установить ключевые кадры для значений смещения источника текстуры, чтобы создать движущийся элемент в тексте. В следующем примере изображение леопарда, лежащего в траве, используется в качестве источника текстуры для текста «леопард».
В движении примените текстурную заливку к тексту.
На временной шкале переместите указатель воспроизведения к кадру, с которого вы хотите начать анимацию текстуры.
Включите запись ключевого кадра, нажав кнопку «Запись» на панели инструментов синхронизации (или нажмите A).
Примечание: Когда запись ключевого кадра включена, ключевой кадр создается для любого изменения, которое вы вносите в объект в своем проекте.
Чтобы расположить текстуру, выполните одно из следующих действий в элементах управления «Текстура» на панели «Внешний вид» Инспектора текстов:
Нажмите и удерживайте клавишу Command и перетащите область изображения.
Отрегулируйте ползунки значения смещения.
Изображение внутри текста перемещается, и в параметрах смещения создается ключевой кадр.
Переместите указатель воспроизведения к следующему кадру, где вы хотите установить ключевой кадр.
Повторите шаг 4, чтобы переместить текстуру в новое положение.
Нажмите кнопку записи (или нажмите A), чтобы отключить запись ключевого кадра.
При воспроизведении проекта текстура анимируется.
Анимация заливки текстурой путем добавления ключевого кадра вручную
В движении примените заливку текстурой к тексту.
На временной шкале переместите указатель воспроизведения к кадру, с которого вы хотите начать анимацию текстуры.
На панели «Внешний вид» Инспектора текстов наведите указатель на правую часть строки параметра «Смещение», пока не появится стрелка вниз, затем щелкните стрелку вниз и выберите «Добавить».
Чтобы расположить текстуру, выполните одно из следующих действий:
Нажмите и удерживайте клавишу Command и перетащите область изображения.
Используйте ползунки значения смещения, чтобы ввести значение смещения.
Изображение внутри текста перемещается, и в параметрах смещения создается ключевой кадр.
Переместите указатель воспроизведения к следующему кадру, где вы хотите установить ключевой кадр.
Повторите шаг 4, чтобы переместить текстуру в новое положение.
Добавлен ключевой кадр.
Примечание: После того, как параметр содержит ключевой кадр, любая дальнейшая настройка этого параметра добавляет ключевой кадр в текущую позицию указателя воспроизведения, независимо от состояния кнопки записи.
При воспроизведении проекта текстура анимируется.
Примечание: При использовании объекта с примененными фильтрами или поведением в качестве источника текстуры для текста эффект фильтров наследуется текстурой. Однако поведение игнорируется.
Как добавить текстуру к тексту в Photoshop (шаг за шагом)
Текст часто является сложным элементом для графических дизайнеров, потому что плоский текст делает дизайн скучным. Будь то логотип или дизайн макета, настройка текста может улучшить дизайн. Существует множество способов редактирования текста, и один из моих любимых — добавление текстуры к тексту в Photoshop.
Варианты добавления текстуры к тексту практически безграничны. Вы можете выбирать из различных шрифтов, уже имеющихся в Photoshop, или загружать шрифты онлайн. Затем вы можете выбрать любой тип текстуры, будь то акварель, металлик, огонь, ржавчина или что-то еще. Наконец, вы можете добавить к дизайну личные штрихи, например, добавить мазки кистью, чтобы усилить эффект.
Как и в большинстве процессов в Photoshop, вы можете настроить параметры и методы, чтобы добавить в проект свои собственные творческие способности. Используйте эти шаги в качестве общего руководства, но попробуйте эффект с различными текстурами, шрифтами и кистями, чтобы вывести этот процесс на новый уровень.
Шаг 1. Добавьте текст на холст с помощью инструмента «Текст» (T)
Создав документ нужного размера, добавьте текст на холст. Выберите Type Tool на панели инструментов или нажмите T , чтобы добавить текст.
Затем щелкните и перетащите его на холст, чтобы создать текстовое поле для вашего текста.
Я хочу заполнить большую часть страницы текстом.
Ваше текстовое поле, скорее всего, будет заполнено текстом-заполнителем, чтобы показать вам размер и тип шрифта.
Используйте настройки на панели параметров для настройки текста. Вы можете выбрать другой шрифт, я рекомендую вам выбрать жирный шрифт, чтобы было достаточно места для текстуры, чтобы она поместилась и была видна.
Затем вы можете настроить размер шрифта. Не беспокойтесь о цвете шрифта, так как текстура все равно перекроет цвет.
Затем вы можете ввести собственный текст и разместить текстовое поле на холсте.
Если вы хотите отредактировать текст дальше, откройте панель символов , выбрав Окно > Персонаж .
На этой панели можно редактировать различные элементы текста, такие как кернинг, интерлиньяж и трекинг. Я отрегулировал Leading , чтобы изменить расстояние между двумя строками текста, и Tracking , чтобы увеличить промежуток между каждым символом.
Настройте текст по своему усмотрению на данном этапе. Вот так мой текст выглядит после различных корректировок.
Шаг 2. Добавьте слой текстуры поверх текста с помощью обтравочной маски
Следующим шагом будет добавление изображения текстуры поверх текстового слоя. Во-первых, вам нужно выбрать тип текстуры, которую вы хотите. Вы можете найти несколько бесплатных текстурных изображений на различных сайтах, таких как Unsplash или Pexels.
Вы также можете создать свой собственный текстурный слой в Photoshop в отдельном документе, используя разные кисти.
После того, как вы создали или загрузили текстуру, добавьте ее в документ над текстовым слоем. Вы можете либо открыть ее в новой вкладке и перетащить на текстовую вкладку, либо перейти в Файл > Поместить встроенную .
Изображение текстуры должно быть поверх текстового слоя.
Вы должны убедиться, что текстура покрывает текст на холсте. Если слой изображения меньше текста, измените его размер, нажав Control + T (Win) или Command + T (Mac) , чтобы открыть Free Transform 9.
0028, затем используйте угловые опорные точки, чтобы перетащить и изменить размер слоя изображения. Нажмите . Введите , чтобы принять новый размер.
Теперь вы должны добавить обтравочную маску, чтобы слой текстуры был виден только там, где находится текст. Для этого щелкните правой кнопкой мыши (Win) или Control + щелкните (Mac) на слое текстуры и выберите Create Clipping Mask .
Текстура теперь обрезается до текстового слоя, то есть отображается только там, где находится текст.
Шаг 3. Настройте изображение текстуры и текст
На этом этапе вы все еще можете редактировать текст и наложение по мере необходимости. Например, если текстура внутри текста расположена не так, как вы хотите, вы можете переместить слой, чтобы он лучше заполнил текст.
Для этого выберите слой с текстурой и активируйте Move Tool нажатием V . Затем щелкните и перетащите слой на холсте, чтобы изменить его положение.
Вы можете использовать ту же функцию преобразования, что и раньше, для изменения размера текстуры. Вы также можете использовать инструмент «Текст», чтобы отредактировать текст, как в начале, или ввести новый текст.
Добавьте любые корректировки, которые вы хотите на этом этапе, потому что, если вы перейдете к следующему шагу, вы больше не сможете редактировать текст. Я рекомендую вам сохранить копию текстового слоя, если вы считаете, что вам может понадобиться отредактировать его позже.
Если вас устраивает текстура и текст, вы можете оставить все как есть. Однако, если вы хотите добавить больше к тексту, выполните следующие шаги, чтобы добавить или удалить биты из текста.
Шаг 4: Растеризация текстового слоя
Чтобы продолжить редактирование, вам необходимо растеризовать текстовый слой, что означает, что единственные изменения, которые вы можете внести в текст после этого момента, — это перемещение или изменение размера текста.
Чтобы растрировать текст, щелкните правой кнопкой мыши (Win) или Control + щелкните (Mac) на текстовом слое и выберите Растеризовать тип .
Затем измените размер или положение текста, если хотите. Вы хотите, чтобы ваш текст был на месте, прежде чем добавлять мазки кисти.
Шаг 5. Найдите и выберите подходящий тип кисти
Теперь пришло время выбрать набор настроек кисти для использования с текстом. Я рекомендую вам найти кисть, которая соответствует текстуре, которую вы используете. Например, если вы добавили текстуру ржавчины, найдите шероховатую кисть или, в моем случае, акварельную кисть.
Вы можете поискать другие кисти в Adobe, чтобы найти ту, которая соответствует вашему проекту.
Чтобы найти больше кистей, выберите Brush Tool на панели инструментов или нажмите B .
Затем откройте Средство выбора наборов кистей , щелкните значок шестеренки и выберите Получить больше кистей .
Это приведет вас на веб-сайт Adobe (поэтому убедитесь, что ваш интернет включен), где вы можете загрузить различные кисти.
Нажмите на Скачать на нужный набор кистей и сохраните его на жестком диске.
Затем, вернувшись в Photoshop, снова откройте Предустановленные настройки кисти и на этот раз выберите Import Brushes .
Найдите кисть в папке, в которой вы ее сохранили, и нажмите Загрузить . Набор кистей теперь доступен для использования в Photoshop.
Шаг 6. Добавьте мазки кистью вокруг текста
Чтобы использовать новые кисти в своем проекте, найдите набор кистей в палитре кистей и откройте вкладку для просмотра доступных кистей.
Избегайте кистей со значком ластика в правом верхнем углу и вместо этого выбирайте кисть со значком кисти.
Здесь вы можете проявить творческий подход к своему тексту, добавляя различные эффекты кисти. Сначала выберите кисть и оставьте текстовый слой активным.
Затем добавьте пятна вокруг текста, нажимая на области. Отрегулируйте непрозрачность кисти на панели параметров и поэкспериментируйте с размером кисти, используя [ для уменьшения размера и ] для увеличения размера.
Затем выберите другую кисть и добавьте несколько штрихов, если хотите. Не забудьте отрегулировать размер кисти и непрозрачность, чтобы добиться более динамичных эффектов.
Шаг 7. Удаление частей текста с помощью слоя-маски
Вместо того, чтобы использовать две кисти, чтобы добавить больше текста, вы можете использовать одну кисть, чтобы добавить больше текстуры, а затем удалить части текста для получения другого эффекта. Есть два способа удалить фрагменты текста.
Начните с добавления к тексту мазков кистью, как показано в предыдущем разделе.
Вариант 1: Добавить новый слой
Первый вариант удаления областей текста — создать новый слой в верхней части стека слоев, щелкнув значок «Создать новый слой» в нижней части слоев. панель .
Затем используйте любую кисть и установите белый цвет переднего плана (или любой другой цвет фона холста).
Теперь используйте любую кисть из набора и закрасьте области, которые вы хотите удалить из текста.
Вы можете использовать ту же кисть или другую. Вы также можете поиграть с непрозрачностью кисти, чтобы частично удалить части текста.
Вариант 2: Добавить маску слоя
В качестве альтернативы можно использовать маску слоя для удаления частей текста вместо добавления нового слоя.
Начните с добавления маски слоя к текстовому слою, выбрав слой и щелкнув значок Добавить маску слоя внизу.
Когда вы добавляете маску слоя, она становится белой, и это показывает все, что находится на слое. Чтобы скрыть все, убедитесь, что маска выделена, обведена белой рамкой вокруг нее, затем инвертируйте маску, нажав Control + I (Win) или Command + I (Mac) .
Вы заметите, что маска слоя стала полностью черной, а ваш холст стал пустым.
Теперь вы можете выбрать одну из новых кистей и установить белый цвет переднего плана.
Убедитесь, что непрозрачность относительно высокая, а режим наложения кисти установлен на «Нормальный».
