Создаём свои переходы для видео. Часть 1

Сейчас я активно изучаю тему создания собственных шаблонов для After Effects. И уже скоро представлю вам свой 1-ый мастер-класс, где вы создадите профессиональный проект для себя или на продажу.

Напомню, что After Effects шаблоны — это специальные проекты для редактирования, куда можно вставить свои фото, текст, видео, музыку, графику и получить в конце ролик.

Каких-то 2 года назад я считал, что создавать такие шаблоны сложно. Что это удел избранных.

Сейчас же я могу точно сказать — всё гораздо проще, чем кажется. Красивые шаблоны можно создавать даже, если вы только недавно узнали об After Effects.

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

И чтобы вы обрели уверенность в своих силах, мы начнём с простого — создадим собственные переходы.

На VideoHive это один из популярных типов шаблонов, на которых тысячи авторов зарабатывают хорошие деньги в валюте. «Не сыпь мне соль на рану…»

Заварите чай, запускайте After Effects, и начинаем! Приятного просмотра!

Прямо сейчас запустите After Effects, посмотрите урок ещё раз и повторите все действия. Не торопитесь, чаще жмите на паузу, и вы создадите собственный шаблон с красивыми переходами для видео.

Обязательно повторите урок, потому что во 2-ой части мы улучшим наш шаблон и наделим его нечеловеческими способностями.

Во-первых, научимся менять форму перехода в 1 клик. Вот несколько примеров (gif анимация).

Любая форма, какую захотите

Во-вторых, вместо простого раскрашивания перехода мы добавим текстуру и фотографии.

Любая текстура или графика

Двигайте ползунок влево-вправо, чтобы увидеть пример наложения фоток на переходы разной формы.

Благодаря этим фишкам вы сможете создать собственную коллекцию из сотен переходов и украсить ими свои ролики или видео ваших клиентов. Смотрите 2-ю часть здесь.

А если вы только начали изучать After Effects — пройдите бесплатный мини-курс «АЕ для новичка» и создайте 14 красивых видео за 50 минут! Кликните, чтобы получить курс

Полезные ссылки к выпуску:

Ещё уроки по созданию своих переходов:

  1. Фруктовый переход в AE
  2. Новогодний переход в AE
  3. Эффектный переход для живых видео в AE

Цветовые схемы:

  1. Сoolors
  2. ColorScheme

Домашнее задание

Давайте создадим общую коллекцию переходов?

  1. Создайте по уроку свой переход (ы)
  2. Загрузите его (их) на любое облако
  3. Оставьте ссылку на переход (ы) ниже в комментариях
  4. Поделитесь своими впечатлениями и расскажите, хотите ли научиться создавать ещё больше интересных шаблонов в After Effects

Лучшие переходы я упакую в общий набор с именами всех авторов и опубликую на блоге в специальном разделе.

Нет лучшей мотивации стараться, чем осознание того, что вы приносите пользу и радость другим людям. Вот почему ваши результаты — лучшая для меня благодарность.

P.S. Поддержите выпуск и нажмите на палец вверху справа 👍, если вы хотите, чтобы я выпустил ещё уроки по созданию своих шаблонов. Например, для заставок, титров, слайд-шоу и т.д.

20 комментариев

  • comment-avatar
    Игорь Лохман 26.03.2020 (14:57)

    Как правильно выводить переходы в готовый файл — мы разберём во 2-ой части. Поэтому, если вы пока затрудняетесь, можете просто вывести его с белым фоном для примера или оставить в комментариях только скриншот из After Effects.

  • comment-avatar
    Мария 28.03.2020 (10:56)

    Спасибо за Ваш труд!

    • comment-avatar
      Игорь Лохман 28.03.2020 (13:14)

      Спасибо, Мария! Получилось повторить урок?

  • comment-avatar
    Василий 28.03.2020 (17:10)

    Игорь добрый день! Подписался на курс бесплатный но на емал ссылка не приходит, хотя и подтвердил нет ни в спаме ни на почте.

    • comment-avatar
      Игорь Лохман 28.03.2020 (17:15)

      Здравствуйте, Василий. Вы уже прошли этот курс в ноябре 2019. Просто найдите в своей почте письма и посмотрите уроки заново. А лучше сохраните ссылку со всеми уроками из последнего 7-го письма. Там об этом подробно написано.

  • comment-avatar
    Ольга 29.03.2020 (20:25)

    Привет, Игорь! Очень полезный урок, спасибо большое!
    Многажды останавливалась, чтобы получилось так, как у тебя. Надеюсь, что позже, по аналогии, смогу сделать полностью свой вариант. Пока у меня получилось так.
    https://cloud.mail.ru/public/57Tj/3ZkGCax1Q

    • comment-avatar
      Игорь Лохман 29.03.2020 (23:54)

      Привет, Ольга! Посмотрел твою работу. Анимация плавная и цвета хорошо подобраны. Для первого варианта очень хорошо. По переходам я запланировал ещё несколько выпусков, чтобы каждый смог выбрать подходящий для себя стиль. Кстати, были ли какие-то моменты, которые не очень хорошо прослеживались в уроке? Может, что-то нужно показать более подробно.

      • comment-avatar
        Ольга 30.03.2020 (08:40)

        После перепросмотра всё становилось понятным). Ты — молодец, плотно прессуешь информацию, в твоем показе всё быстро, четко и по делу. С удовольствием жду продолжения. Тема актуальная.

  • comment-avatar
    Сергей 31.03.2020 (13:22)

    Приветствую! Урок отличный, все понятно, все по делу. Вот что получилось у меня https://youtu.be/M4TTGyjBozE

    • comment-avatar
      Игорь Лохман 31.03.2020 (13:32)

      Поздравляю с отличным результатом! Скоро будем делать новые крутые шаблоны :)

  • comment-avatar
    Тимур 01.04.2020 (23:21)

    Я никак не мог понять: почему внутренняя часть перехода, открывающая следующий ролик (фото), у меня получается неискаженной, а идеально круглой.
    После пятого просмотра понял:
    Игорь говорит «-…тащим на неё «Shape_Stroke».
    А на самом деле тащит «Spread_Stroke»

    Эта случайная оговорка звучит на седьмой минуте девятнадцатой секунде.
    Кстати эта оговорка лично для меня оказалась очень полезна. А значит буду мотать на ус .
    И хотя при воспроизведении перехода идеально круглая обводка почти незаметна — кто-нибудь всё равно придерётся.

    Спасибо, Игорь.
    Я проверил свою внимательность .

    • comment-avatar
      Игорь Лохман 02.04.2020 (01:40)

      Привет, Тимур! Есть такое дело) Эту оговорку я заметил сразу после монтажа урока и не стал перезаписывать, т.к. в самих действиях ошибки нет. Не помню точно, вроде где-то ещё была мелкая оговорка =) Рад, что смог разобраться.

  • comment-avatar
    Тимур 02.04.2020 (00:37)

    Забыл привести пример.
    Вот неверный вариант (идеальный круг внутри «Shape_stroke»)
    Так я сделал сначала.
    https://yadi.sk/i/V6FbKOz3o_s0_Q

    А вот верный вариант.
    Именно так как показывает Игорь (искаженный круг «Spread_stroke»)
    https://yadi.sk/i/XxsK7AGoglX6gA

    • comment-avatar
      Игорь Лохман 02.04.2020 (01:44)

      Спасибо за скриншоты! Всё получилось. Особенно цвета нравятся. В ближайшие пару дней опубликую новый полезный и необычный выпуск.

  • comment-avatar
    Тимур 02.04.2020 (21:12)

    Я сделал четыре перехода. Вывел на видео и объединил в один файл. Вот какие переходы получились:
    https://yadi.sk/i/1Ahv1IXgp26PsQ

    • comment-avatar
      Игорь Лохман 02.04.2020 (21:30)

      Вау! Круто получилось! Особенно 4-й вариант, т.к. сделали по-своему. Кстати, переходы со звёздами можно задействовать в роликах к майским праздникам, например.

  • comment-avatar
    Тимур 04.04.2020 (22:32)

    Привет, Робинзоны! Привет тем кто на удалёнке! И, конечно, привет, Игорю!
    Я захотел ещё поэкспериментировать. И вот что наэкспериментировал:
    https://yadi.sk/i/X8p634Mj7FCjuQ
    В первых двух переходах я использовал движение текста по траектории, о котором Игорь рассказывал в уроке о акварельных слад-шоу
    http://moviesecrets.ru/videouroki/akvarelnoe-slajd-shou-v-after-effects.html
    Сам текст это не совсем простое тире.Это тире которое получается из комбинации клавиш Alt+22 (удерживая Alt два раза нажать двойку, а затем отпустить Alt) ▬
    Для каждой полосы мне пришлось создавать отдельный шейп и отдельный спред.
    А двигал этот текст по траектории с помощью First Margin, которое показал на скриншоте:
    https://yadi.sk/i/mQmpE4ed2uYpdQ

    Два оставшихся перехода ▬ это то что показал в уроке Игорь, но шейпы нарисованы пером. И вот что из себя представляют шейпы четвёртого перехода:
    https://yadi.sk/i/810ko5P_BCNeoQ

    Ко второму уроку этой серии я ещё не приступал. Думаю будет интереснее и красивее.

    P.S. Желаю всем Удачи. Коронавирус будет побеждён :-)

    • comment-avatar
      Игорь Лохман 05.04.2020 (02:32)

      Вот это да! Спасибо, Тимур, что продолжаете делиться опытом и вдохновляете других читателей. Оригинальная идея с тире. Теперь буду знать, что так можно =) Креативно получилось. Радует, что не останавливаетесь на одном варианте. P.S. Через пару дней новый урок для Робинзонов)

  • comment-avatar
    Димас 25.05.2020 (13:14)

    Добрый день. Попытался сделать по вашему уроку «вхождение в трубу». Не знаю, кажется, получилось хреново)
    https://youtu.be/xQtx6wTgf8g

    • comment-avatar
      Игорь Лохман 26.05.2020 (01:31)

      Получилось интересно. Не понятно только как :)