Создаем стильную видео презентацию сайта в After Effects

07/11/2016    Просмотров : 20418    Источник: videosmile.ru    Автор: Артем Лукьянов

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

http://photoshop-master.org/disc138/ - курс "Супер Моушн"

Понравилось? Поделитесь с друзьями!

Комментарии: 52

Чтобы оставить комментарий или поделиться своей работой, пожалуйста, авторизуйтесь

  • Дмитрий Романов цесаревич 5 Февраля 2017 - 17:55:34

    Спасибо Вам большое! Просто супер!


  • caterisasnadaren 19 Января 2017 - 12:35:17

    Помогите пожалуйста! Мне нужно чтобы при каждом копировании композиции она опускалась на 100 пикселей по оси У вниз. Задал следующее выражение: [transform.position[0],index + 100]. В результате оно просто не позволяет мне перемещать композицию ни вверх ни вниз, а просто держит ее в пределах 100 пикселей. Как это исправить?


  • regar 9 Января 2017 - 18:33:25

    Спасибо большое вам!!!!!!!!!!!!!!!!!!!!!!!!!


  • Murik 27 Декабря 2016 - 09:02:52

    Спасибо вам Евгений и вашему команду за хорошую урок.


    • Евгений Гончаров 28 Декабря 2016 - 14:35:55

      Вам спасибо! И с наступающим!


  • Вова Помидоров 26 Декабря 2016 - 07:00:23

    Доброе утро! Евгений подскажите какую программу использует ваша команда для автоматического смены языка? В заранее спасибо


  • Вова Помидоров 17 Декабря 2016 - 02:09:28

    Доброе утро!) Отличный урок. Евгений подскажите зачем для вложенных композиций в 3D активировать переключатель Collapse Transformation?


    • Евгений Гончаров 17 Декабря 2016 - 10:01:48

      Композиция, содержащая в себе 3D слои, станет объемной сама, как бы пробрасывая содержимое на уровень выше.


  • Александр Романенко 12 Декабря 2016 - 22:32:10

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


  • Ванилька Пряника 12 Декабря 2016 - 14:18:37

    МНЕ ВСЕ НРАВ!!!!!
    4МАФКИ, ЛАФФКИ


  • Irina_Arkadjevna 6 Декабря 2016 - 20:07:16

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


    • Александр Романенко 13 Декабря 2016 - 01:36:05

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


      • Irina_Arkadjevna 14 Декабря 2016 - 18:02:08

        Спасибо.


  • НЕСТЕРОВА Л 3 Декабря 2016 - 21:10:29

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


    • Евгений Гончаров 4 Декабря 2016 - 19:42:32

      Вы всегда можете задать интересующий Вас вопрос тут, в комментариях под уроком, на YouTube или даже создать тему на форуме. Всегда стараемся дать ответ.


  • Константин Алексеевич 28 Ноября 2016 - 19:43:30

    не работает проект. при открытии пишет какую-то. ошибку.


    • Евгений Гончаров 30 Ноября 2016 - 01:03:49

      Как уже писали ниже - с проектом всё в порядке, попробуйте перекачать архив или убедитесь, что версия AE совместима


  • Irina_Karaman 25 Ноября 2016 - 17:27:15

    Уроки очень полезные!
    А видео презентация сайта нужна, так его быстрей найдут е больше будут посещать!


  • vasily night 25 Ноября 2016 - 16:17:30

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


    • Олег Шевченко 4 Декабря 2016 - 13:44:04

      забейте в поисковик "театральные шумы", там найдете и выстрелы и много всего интересного


  • darya_botti 19 Ноября 2016 - 14:40:37

    Не работает проект, пишет при открытии: "Не удается получить доступ к ресурсу «» (тип xml).
    Хотелось скачать, чтобы найти, где ошиблась в своей версии.


    • Евгений Гончаров 20 Ноября 2016 - 09:17:53

      Прекрасно открывается и архив и файл проекта внутри. Покажите скриншот ошибки


      • darya_botti 20 Ноября 2016 - 12:44:54

        Извиняюсь, попробовала на другом компе - всё работает)


  • Maxs 14 Ноября 2016 - 00:33:12

    Да, действительно урок хороший и полезный. Но мне как новичку в этом деле, единственное не понравилось. В конце урока, там, где на страницу накладывается текст, как он был сделан не показано. Понятно конечно, что на этом сайте большая часть аудитории, составляет уже знающих людей, для которых создать такой текст, совсем не проблема. Но такие как я, на таких вот уроках и учатся всему.
    Если вы создаёте уроки, то делайте их полные, шаг за шагом, чтоб всё было понятно. С таким же успехом, этот урок можно сократить до 10 минут, например так, берём эту картинку, не важно как она создана, вставляем сюда, берём текст, он уже готовый, прикладываем сюда, вставляем анимацию, и ура, всё готово. Как в этом, можно чему либо научиться.
    А то, что вы говорите, что у уроков есть готовые проекты, это конечно замечательно. А то, что у всех версии программ разные, вас не смущает. Пробовал открыть проект двумя программами, After Effects CS3, CS5, обе выдали ошибку.
    Если кому не трудно, выложите пожалуйста, как создаётся текст в этом уроке.


    • Евгений Гончаров 16 Ноября 2016 - 13:06:05

      Авторы всегда по возможности используют последнии версии программ, а последние версии попросту не имеют возможности для экспорта в столь старые версии.


  • xsoyapsx 13 Ноября 2016 - 20:59:26

    Не получается найти фоновую музыку ((( не подскажите где искать?


    • Евгений Гончаров 16 Ноября 2016 - 13:04:03

      Можете посмотреть на этих сайтах подходящее Вам https://vk.com/topic-40707149_29934154


  • Kix 12 Ноября 2016 - 14:53:18

    +1


  • Казылган 11 Ноября 2016 - 09:55:26

    Спасибо за урок помогло


  • johnmalcolm 11 Ноября 2016 - 09:20:35

    Очень слабенький урок учитывая что со временем опыт находящихся тут людей растет, для новичков есть целая куча туторов на последних страницах, а тут хотелось бы продвинутого чего-нибудь. Я не критикую, я вам благодарен, но я видел трехсекундный ролик с двумя шейпами который делался куда сложнее, и урок там растянулся минут на 50. Видеосмайл даешь продвинутые уроки по мографу!!!


    • Евгений Гончаров 12 Ноября 2016 - 12:06:33

      Мы рассмотрим ваше предложение, спасибо за отзыв


  • v.lerner 11 Ноября 2016 - 01:04:24

    Здравствуйте! А скажите пожалуйста, зачем нужна видеопрезентация сайта, если есть сам сайт?


    • dusiklolshto 11 Ноября 2016 - 11:47:58

      Чтобы предоставить дизайн клиенту) А потом уже делать сайт)


      • v.lerner 12 Ноября 2016 - 14:44:56

        Ну сейчас вообще вроде протатипы делают - там все наглядно. И пощелкать можно. Скорее может чтобы на youtube еще продвинуться.


  • Станислав Стаценко 10 Ноября 2016 - 10:46:31

    Отлично, спасибо


  • yataxist5 10 Ноября 2016 - 00:35:13

    Вы лучшие учителя, вам всем здравия и успехов!


  • piarby.mail.ru 9 Ноября 2016 - 15:33:25

    отличный урок!


  • Lev Ivanov 8 Ноября 2016 - 21:39:42

    Спасибо большое, классный урок


  • Надежда Кутьина (Урванцева) 8 Ноября 2016 - 18:34:36

    Спасибо огромное за классный урок.


  • Oleg Kononenko 8 Ноября 2016 - 18:28:23

    Красиво и акуратно...


  • telengit 8 Ноября 2016 - 10:59:41

    еле как авторизовался. сайт штоли лашает


    • Евгений Гончаров 8 Ноября 2016 - 15:16:59

      Мы рассмотрим данную проблему.
      Какой браузер и под какой ОС используете?


  • Сергей Галецкий 8 Ноября 2016 - 01:03:42

    креативно... главное полезные отдельные элементы


  • Олег Юрьевич 7 Ноября 2016 - 19:14:13

    Супер!!!, все работает!!! спс.


  • izofox 7 Ноября 2016 - 18:30:00

    Thank you for the tutorial, Artyom. It's very cool composition.


    • VideoSmile 7 Ноября 2016 - 21:05:44

      You're welcome)


  • verb 7 Ноября 2016 - 17:14:48

    спасибо!


  • Logu Cat 7 Ноября 2016 - 16:48:13

    Просто. И действительно здорово смотрится. Благодарствую, бояре, за труд ваш нелегкий.


  • kifdrakon 7 Ноября 2016 - 15:34:55

    хром и все работает. спасибо за урок.))


  • serega_klim 7 Ноября 2016 - 15:11:04

    не воспроизводится видео


    • Евгений Гончаров 7 Ноября 2016 - 15:29:49

      На Chrome под Windows все прекрасно работает


  • Комментарий удален из-за нарушений правил сайта

    • VideoSmile 8 Ноября 2016 - 17:42:02

      А какое выражение вы там пищите. Программа сообщает - Error at line 2, то есть ошибка во второй строке. Но в уроке используется выражение в одну строку.


Еще уроки из рубрики "Подвижная графика"

Энергетическое лого в After Effects

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

02/02/2017. After Effects - Подвижная графика. Автор: Михаил Бычков
12994
39

Вязаная анимация в After Effects

В этом уроке вас вас ждет еще одна увлекательная композиция. Мы создадим эффект вязанной анимации в After Effects.

24/12/2016. After Effects - Подвижная графика. Перевод: Артем Лукьянов
17085
47

Эффектная презентация сайта на ноутбуке в After Effects

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

13/12/2016. After Effects - Подвижная графика. Автор: Артем Лукьянов
16438
27

Создание 3D текста в After Effects CC2017

В этом уроке, используя новый 3D рендерер, мы создадим классную композицию с объемным текстом в программе After Effects CC2017

06/12/2016. After Effects - Подвижная графика. Автор: Михаил Бычков
12769
29

Фрактальные кубы в After Effects и Cinema 4D

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

05/10/2016. After Effects - Подвижная графика. Автор: Михаил Бычков
13775
19
Наверх
Орфографическая ошибка в тексте:
своими руками В этом уроке рассказывается, как сделать складной софтбокс размером 40х40 см, который похож на

Послать сообщение об ошибке администратору? Ваш браузер останется на той же странице.

Ваше сообщение отправлено. Спасибо!

Окно закроется автоматически через 3 секунды