Підручник: Створення анімованого логотипу

3 min read

Трансформувати статичний логотип в анімації для очей.

Час:* 10 хвилин Difficulty: Проміжний

Що ви будете створювати

Логотип з вхідною анімацією та тонким постійним рухом.

ХККСНУМКСК ХККСНУМКСК ХККСНУМКСК ХККСНУМКСК Ваш браузер не підтримує відео. Завантажити відео. ХККСНУМКСК

Анимований логотип з ефектом входу та тонким імпульсом
ХККСНУМКСК

Крок 1: Встановити полотно

  1. Натисніть полотнище розміру полотна
  2. Виберіть Default (800×600) або бажаний розмір
  3. Встановити фоновий колір, який контрастує з вашим логотипом

Крок 2: Додати текст логотипу

Для цього уроці ми створюємо логотип на основі тексту.

  1. Прес T для текстового інструменту
  2. Тип назви бренду (наприклад, “ACME”)
  3. Комплектуючі властивості:
    • Розмір файлу: 96*
    • Колір шрифту: Ваш колір бренду
  4. Центр на полотні

Крок 3: Додати мітку (обов’язково)

  1. Прес T знову
  2. Тип мітки
  3. Посада нижче основного логотипу
  4. Розмір меншого шрифту (24-36)

Крок 4: Створити вхід Анімація

Ми використовуємо ключові кадри для професійного входу.

Головна Вхід логотипу

  1. Виберіть основний текст логотипу
  2. Відкрита панель часу
  3. В 0 секунд:
    • 0***
    • Ваги: 0.5*
  4. В 0.5 секунд:
    • 1************************************************************************************************************************************************************************************************************************************************************
    • Розмір: 1.0**
    • Set Easing:***********************************************************************************************************************************************************************************************************************************************************

Tagline Вхід (розкладений)

  1. Виберіть tagline
  2. В 0 секунд:
    • 0***
    • Встановити позицію Y: +20px (повторне положення)
  3. В 0.8 секунд:
    • 1************************************************************************************************************************************************************************************************************************************************************
    • Встановити позицію Y: кінцева позиція
    • Set Easing:***********************************************************************************************************************************************************************************************************************************************************

Крок 5: Додати Subtle Loop Анімація

Після входу додайте тонку поточну анімацію:

  1. Вибір основного логотипу
  2. Set Анімація: Pulse*
  3. Швидкість набору: 0.5 (дуже повільний)

Крок 6: Додати ефект Sparkle (опціональний)

  1. Вибір основного логотипу
  2. Натисніть Додати ефект
  3. Виберіть Sparkle*
  4. Встановити колір, щоб відповідати вашому бренду
  5. Швидкість набору: 0.8*

Крок 7: Перегляд та налаштування

  1. Прес Space для гри
  2. Регулювання термінів в часовому режимі при необхідності
  3. Забезпечити точку петлі виглядає гладко

Крок 8: Експорт

Веб-сайт

  1. Експорт в якості **
  2. Вбудувати на сайті заголовок

Для соціальних медіа

  1. Експорт як MP4 (5 секунд)
  2. Or GIF для автоплеєрів

Поради

ХККСНУМКСК

Logo Анімація Кращі практики:

  • Зберігати анімації тонко — логотип повинен відчувати себе професіоналом
  • Вхід повинен бути швидким (0.5-1 другий)
  • Анімація Loop повинна бути ледь помітна
  • Тест на невеликих розмірах — деякі ефекти не працюють добре при масштабі

ХККСНУМКСК

Сортування

Мінімальний вхід

Просто поставтеся без лущення:

  • 0-ті: Можливість 0
  • 0 товар(ов) - 0.00 р

Вхід

Популярні бренди:

  • Використовуйте Bounce анімацію
  • Тривалість

Рев’юсер

Логотипи на основі текстів:

  • Застосувати анімацію друкарських машин
  • Експорт як MP4 (не SVG)

Наступний крок