Фотошоп Анимация - Текст & Хронология

• May 15, 2024

В этом уроке по Photoshop мы добавим текст-заполнитель в наш шаблон обложки видео на Facebook. Этот текст будет названием компании, типом бизнеса, слоганом, услугами, предоставляемыми бизнесом вашего клиента, и призывом к действию. Откройте файл вашего проекта в Photoshop.

Добавить текст

Мы будем добавлять первые два слоя текста, выравнивая каждую строку текста примерно в 110 пикселях от левого края экрана. Это должно гарантировать, что текст находится в безопасной зоне 640 x 360 пикселей (см. Скриншот) на смартфоне. Давайте добавим название компании на одном слое и тип бизнеса на втором. Мы поместим оба текстовых слоя в новую группу слоев, которая будет содержать все наши текстовые слои (см. Скриншот).

1. Щелкните значок «Новая группа» в нижней части панели «Слои» и назовите эту группу Текст.
   
   
2. Выберите инструмент «Горизонтальный тип» и выберите собственный цвет для вашего текста. Выберите шрифт и установите размер шрифта 24 пункта.
   
   
3. Нарисуйте текстовое поле, начиная примерно с 110 пикселей слева и 90 пикселей с верхней части экрана, чтобы начать свой первый текстовый слой и введите Наименование фирмы (см. скриншот). Этот текст заполнителя будет заменен на фирменное наименование вашего клиента.
   
   
4. На случай, если название компании у клиента длинное, давайте сделаем текстовое поле немного шире. Перетащите правый край текстового поля примерно к центру экрана.
   
   
5. Повторите предыдущие шаги, чтобы добавить второй слой текста под первым. Тип Тип бизнеса в качестве заполнителя текста.
   
   Эти две строки текста будут использованы в первой части видео. Теперь мы добавим текст, который будет отображаться в последней части видео (см. Скриншот). В этом тексте будут перечислены слоган, тип услуг, предлагаемых компанией, и призыв к действию. Поскольку этот текст будет отображаться в той же позиции, что и первые две строки текста, давайте отключим видимость первых двух текстовых слоев, щелкнув значок «Глаз» на панели «Слои».
   
   Для верхней строки текста, давайте добавим слоган, такой как Ваш слоган здесь.
   
   
6. Когда размер шрифта все еще установлен на 24 пункта, добавьте слоган в ту же позицию, в которой вы добавили название компании.
   
   Для списка услуг, давайте уменьшим Размер шрифта до 18 пунктов. Мы также сделаем отступ для этих строк текста размером около 20 пикселей.
   
   
7. Добавьте четыре текстовых слоя, каждый из которых назван Сервис или Продукт №, Помните, что это только заполнитель текста и будет заменен.
   
   Услуга или продукт 1
   Услуга или продукт 2
   Сервис или Продукт 3
   Сервис или продукт 4
   
   Наконец, мы добавим призыв к действию. Это может быть номер телефона, адрес веб-сайта или просто Посетите наш сайт.
   
   
8. Увеличьте размер шрифта до 24 пунктов и введите призыв к действию примерно в 110 от левого края экрана.
   
   Панель шкалы времени
   
   Давайте откроем панель Timeline. Во многих руководствах предлагается переключиться на рабочее пространство Motion, но я предпочитаю оставаться в рабочем пространстве Essentials и просто открывать панель «Таймлайн». Если панель «Таймлайн» не отображается, нажмите Окно - Временная шкала, Вы должны увидеть пустую панель Timeline.
   
   
9. На панели «Таймлайн» (см. Скриншот) установите центральную кнопку меню в Создать видео-график и нажмите кнопку меню.
   
   Вы увидите дорожки на панели «Таймлайн» для наших графических и текстовых слоев-заполнителей. По умолчанию общая продолжительность видео составляет всего 5 секунд. Обложка видео на Facebook должна быть от 20 до 90 секунд. Поэтому нам нужно расширить две нижние дорожки до 20 секунд (см. Скриншот).
   
   
10. Нажмите правый край нижней дорожки и перетащите край на 20 секунд на временной шкале. Смотрите плавающее окно подсказки, которое показывает Конец и Длительность для следа.
    
    
11. Повторите предыдущий шаг для второй дорожки.
    
    

Сохрани свою работу. В следующем уроке мы начнем анимировать элементы дизайна.

Назад | следующий

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop является / является либо [a] зарегистрированным товарным знаком (-ами), либо товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

Видео инструкция: Создание Неонового текста и его анимация в Photoshop (May 2024).