After Effects - Создание стильной презентации сайта
Vložit
- čas přidán 6. 11. 2016
- Стильная презентация сайта в After Effects!
cloudlessons.ru/v/410/ - новый курс по After Effects от VideoSmile!
В этом уроке мы создадим стильную видео презентацию для вашего сайта. Это очень полезная композиция, которая имеет тысячу применений. Таким образом вы можете презентовать не только сайт, но и любые другие веб интерфейсы.
Файл с проектом вы можете скачать на нашем сайте videosmile.ru/ в описании к этому уроку.
After Effects - профессиональная программа для создания анимации (motion design) и визуальных эффектов (vfx). С помощью данной программы дизайнеры анимируют персонажей, создают анимированные логотипы, титры, заставки, а также редактируют различные сцены для кино и клипов.
AE выполняет такие задачи моушн дизайна как: трекинг, кеинг, инфографика, клинап, анимация текста, ротоскопинг и многие другие.
Программа Афтер Эффектс имеет в арсенале огромное количество плагинов, которые облегчат вашу работу и выведут ее на новый уровень.
Сайт: videosmile.ru
Telegram: t.me/videosmile_ru
ВК: ru_videosmile
Instagram: / videosmile_school
Facebook: / videosmile
#aftereffects #videosmile
cloudlessons.ru/online/courses.html?p=3 - курсы от команды VideoSmile
единственный нормальный и грамотный урок спасибо дай тебе здоровье
Ваши уроки самые лучшие на CZcams
То что надо! вы прям в тренде!) больше уроков по анимации сайта !
Очень круто и очень красиво! Уже руки чешутся как посмотрел))). Спасибо за урок.
Круто. Спасибо большое.
Всегда смотрю ваши уроки, все супер, уже многому у Вас научился.
здорово, спасибище огромное! я приобрела ваши курсы и очень очень довольна!!
Урок шикарен! Артем, ты лучший! Лайк без сомнения.
Отличный урок.Это именно то,что я и искал.Спасибо,смайлы!
Отличный урок! Спасибо!
Очень круто, подробно и по делу. Спасибо Вам большое!))
Благодарен Вам, Вы крутая команда!
это очень круто!)спасибо большое!!
Спасибо за труд !
перешел по ссылки на сайт, отличный сайт! уроки и все что нужно, спасибо то что мне нужно. ))))
спасибо большое за ваши уроки!!!!
спасибо за урок
это очень круто !!
Спасибо, делаю дипломную работу и видеоурок очень помог!
Суппер! Просто, понятно, нужно! Спасибо!
Больше таких видео!
Как всегда отличный урок, спасибо!
Каким железом пользуетесь?
Канал Просто Супер!
Спасибо!
Как всегда супер! И что заметил реклама только своя. Артём спасибо!
Классный урок!) Сейчас пойду повторять!))) С каждым выпуском у вас видео всё лучше и лучше!))) Можно я вам 1000 закину?))))))) ЭТО САМЫЙ КЛАССНЫЙ КАНАЛ НА СВЕТЕ!!!!!!!!!!!
Спасибо =))) Если хотите отблагодарить нас, то лучше приобретайте наши супер-курсы.
Хорошо!) :) :D =)))
Именно то что нужно "вчера":)
Спасибо тому, кто не пожалел время и силы, придумал и создал это обучаюещее видео. По вашему уроку сделала примерно так же. Пришлось убрать "объемность" (как то криво смотрелось) и вижу что есть косяки. Но это мое первая презентация в After Effects czcams.com/video/l_bFEEZqHWI/video.html
Спасибо огромное! Люблю вас))))))))))
И мы вас тоже любим!
=)
как всегда на высоте
Спасибо!
+++ не глядя!
Спасибо, спасибо, спасибо!!!!!!!!!!!
Скиньте пожалуйста ссылку на набор(ы) пресетов нужных для монтажа данного ролика!)
Ну норм, спасибо, что тут еще сказать...
perfect!!!
Подскажите пожалуйста на какой микрофон пишете свою речь в роликах ?Спасибо .Видео все до единого интересны и поучительны ,видно и слышно что вы профессионал )👍🏼
Rode Podcaster
проста класс. ЛАЙК
ключквые кадры не обязательно копировать с лева есть точка, проще её нажимать.
Не понятно лишь как добавить музыку (я открыла аэ впервые) и в каком формате сохранять :(
А так очень хороший туториал! Благодарю!
Помогите! При повороте в 3d картинка внизу начинает расширятся автоматически. Как исправить?
А в этой версии AE не работают 3Д-слои? Это я спрашиваю касательно объёмности
Когда будет обновленный курс Супер Афтер Эфектс?
Постараемся запустить его в феврале-марте 2017-го
Спасибо, буду ждать!
Smile,какие характеристики у твоего ПК?
Подскажите, почему когда я загружаю лендинг он становится черно белым ?
Видео из after effect подтормаживает, это можно как-то убрать?
Ребят, можете снять видео о том как снять такой же эффект как в сериале САШАТАНЯ? Переход между сценами иногда ставят. Вид сверху и как будто по маленькой круглой планете ходят.
нифига не получается. В проекте не могу фото заменить. А здесь даже закругления и прозрачность другая. :(
а вы принимаете заказы на частные анимации?
Нет
В каком формате должна быть картинка? Как сайт перегнать в картинку?
ctrl+P ► вместо принтера pdf ► сохранить с нужными настройками ► обработать в люстре/фотошопе(по желанию)
Подскажите пожалуйста, где эти пресеты все анимационные скачать или как они хотя бы называются? Их по умолчанию нет у меня.
можно скачать animation composer!
Круто! Спасибо! А можете рассказать, как показывать элементы сайта, например на бехансе часто вижу гифки с тем, как работает слайдер или переход между разделами сайта. Вообщем когда дизайн есть, но он не сверстан и надо показать интерактив.
Пришлите ссылки с примерами.
www.behance.net/gallery/29915549/BMW-C600-promo-site-with-video
www.behance.net/gallery/44522861/Valeriy-Skladannyy-Saxophonist-in-group-Didula
вот тут еще очень наглядно: www.behance.net/gallery/37867421/WebClinic-website
С помощью экспрешена, путем привязки позишина одного объекта к остальным, которые будут взаимодействовать с первым при критической отметке позишина (ту отметку, которую вы сами захотите). В принципе, в курсе супер-моушн от видео смайл все это есть
Как мне кажется, последние два примера - это просто запись видео с экрана монитора, на котором пользователь взаимодействует с сайтом.
Превью проекта почему-то лагает. Количество кадров записанного видео и превьюшки разное?
Во время воспроизведения видео, был запущен АЕ, а также шла запись видео с экрана. Компьютер не справлялся с нагрузкой, отсюда и небольшие задержки при воспроизведении видео. У вас таких проблем не будет.
telblog?
похож голос, однако. Похож))))
Помоги пожалуйста. Забыла название видео конвертера, который упоминался в каком то видео ролике, что то похожее на 1 converter.. Не могу найти его теперь. Жесткий диск сломался, а там всё для работы было.
1NCoder
большое спасибо!
С новым паверпоинтом 2019, это все можно сделать и там, полегче даже будет 😅
Эм...
Спасибо!.. Было полезно...💥💐💐💐🌸🌸💮💮🌺🌺🌻🌻🌼🌼🌷🌷🪴🪴
А что делать если при включении 3д задний фон становится чёрным а когда свет вовсе исчезает?
Здравствуйте! Прикрепите, пожалуйста, ссылку на скриншот
@@VideoSmile Спасибо за помощь я уже решил благодаря другим вашим видео похожей тематики. Однозначно лайк)
А вы делаете на заказ презентацию сайта, пример как надо есть, если не делаете то есть ли возможность с этой программой сделать это самому?)
Мы не делаем работу на заказ. Да, вы можете самостоятельно сделать это в After Effects.
почему в 60фпс не делаете композиции ? Ведь на много плавнее и красивее движения. В чем причина ? Спасибо.
долго рендерить и много кадров для обработки
***** вот и я про то же - что если делается крутой проект то и рендерить его надо в максимальном качестве. А если придерживаться логики что рендериться быстрее, то тогда можно делать и в 800х600 и битрейт занижать и т.д.
Что за музыка?
а как картинку поменять???
Как сохранить всю презентацию в формате gif? Подскажите, пожалйста
Используйте скрипт GifGun
Какая музыка в начале видео?
Исполнитель Tim McMorris, композицию не помню.
А вы не делаете видео презентации на заказ?
Нет
А почему у вас не After Effects CC 2017??? У вас же подписка на лицензию
Я стараюсь не устанавливать обновление сразу после выхода. Надо дать время разработчикам пофиксить баги, и уже потом, месяца через два, можно перейти на новую версию.
Презентация начиная с 0:25
23.09
Супер, как раз сделали новый сайт и мобильное приложение, очень нужна презентация, и я уже начала ее делать, но столкнулась с некоторыми сложностями (оно и понятно, я новичок))
Так вот, у меня вопрос: почему всё на английском? Есть же русификатор...
Сам урок отличный, но лично для меня английский интерфейс - это огромный минус, т.к. приходится урок именно смотреть, смотреть, куда нажимать, а не слушать и запоминать суть, параллельно делая всё своими руками.
Вы ведь урок на русском ведете, так почему бы и интерфейс не сделать русским?)
After Effects плохо переведен на русский язык.
Наоборот - это отлично, что уроки на русском, а интерфейс на английском! Я, например, английский знаю очень посредственно, но во всех программах принципиально работаю не русифицированных. Что это дает? Во первых, вы учите язык. Даже если поначалу автоматически нажимаете на англоязычные иконки, вы рано или поздно усвоите, что они означают. Второе - вы можете легко смотреть уроки на английском, а их намного больше, ибо часто не нужно дословно вникать, что говорит автор, всё понятно из видео. Ну и в третьих, вы сможете работать в программе, даже находят в другой стране или на чужом компьютере, работая же в русифицированной - вы себя очень сильно ограничите.
Anakaonas, спасибо, я прекрасно знаю язык, но мне некомфортно нажимать изи ин, т.к. в русской версии, я считаю, эта функция называется более понятно с точки зрения того, что она делает - это касается многого. И да, в любой стране можно русифицировать любую программу, это дело пяти минут.
Если русской версии нет вообще - дело одно, а вот когда она есть, причём отличная, не вижу никаких косяков в переводе (по крайней мере пока), но во всех обучалках используется английская, создаётся впечатление, что автор просто привык к английской, а в русской будет "плавать".
очень хорошо объяснил, НО всё очень сложно и растянуто! Можно было в минут 30 уложиться. И показать более лёгкие способы. Спасибо за понимание!
Артем, вы рубите дрова тОпором или топорОм? ))) Слово топОрный от слова топОр.
Спасибо за замечание.
Что-то сайт VideoSmile виснет до ужаса, шо за фигня? Нельзя даже зайти не то что скачать (((
решение выше указанной мною проблемы через браузер не через браузер Safari, a через браузер Google Hrome - скачивается без проблем только желающим скачать нужно зарегистрироваться на этом сайте. Ссылка для скачивания videosmile.ru/lessons/read/sozdaem-stilnuyu-video-prezentatsiyu-sayta-v-after-effects.html
на мас не работает проект не открывается пишет ошибку эррор
Странно. Проверим. Какой версией АЕ пользуетесь?
При открытии вашего проекта выскакивает окно с предупреждением, что данный проект созданный ОС Windows и не совместим c Mac OC
вот бы сайт кто сделал(
откуда появился сайд и енд?
Добавили модификатор Trim Paths, найти эти параметры можно через панель поиска над всеми слоями
@@VideoSmile спасибо огромное! я хотел предлагать, ваш канал мне ооочень нравится и уроки очень понятные! я хотел чтоб было бы много именно таких уроков для рекламы! в основном на ТАРГЕТ! В теме инстаграма! отдуши!
по теме рекламы!
Возможно создать подобное на андроид?
К сожалению вряд ли
@@VideoSmile Жаль😅
где Олег верните Олега лайк что бы они заметили
50:52 сек, не могу понять????
Кто успел до 1000 просмотров ставит лайк
зачем "фейковый 3Д" если можно в Element 3D это реально сделать?)
Зачем устанавливать сторонний плагин, если можно все то же самое сделать без него?
VideoSmile
да, сторонний плагин стоит денег))
Но реально легче кинуть картинку на 3д объект, чем сидеть в голове держать не нужные действия... причем новичку))
ты в курсе что в афтер еффектсе сайт не будет работать?
Здорово,спасибо за информацию,а на сайте proshablon. ru еcть классные слайды для презентаций
Ставь лайк, если проверил существует такой сайт или нет:)
=)
сори, братан, не проверил. так что дизлайк тебе
с виду просто, а по факту за кадром еще час остался(ничего так просто как в видео в чистой програме не просисходит)
может я идиот, но ничего не происходит програма по дефолту такие финты не делает
***** попытался один в один повторить. не получается тоже самое получить при тех же самых действиях
я делал поле поиска в точности так как он но дефолт выглядит не так как надо
И еще, 15 слоев, реально?
Почему бы не сделать один перпендикулярный с маской, или не нарисовать вообще отдельный?
Тут это не критично, но не стоит приучать людей к такой наркомании, ибо для больших проектов это неприемлемо!
а сейчас можно сто-двесте слоев))) они спецом людям голову морочят чтобы запутать )))
я бы это в элемент 3д легко сделал))
Chamomile Romaani Для больших проектов используется как раз таки намного больше слоев, и чтобы с ними можно было работать необходимо уметь организовывать рабочее пространство... Вместо того, чтобы тратить 10-15 минут на создание маски, либо слоя с фейковой перспективой - можно за 2-3 минуты сместить 15 слоев с помощью небольшого экспрешена по индексу, и пре-композить их в один слой, что собственно и сделал автор - в чем собственно запутывание начинающих? И в вашем, и в этом случае выходит один слой, который никому не мешает, но времени сэкономлено гораздо больше.
Мило, вот как раз потому что в больших проектов куча слоев, и не надо заниматься подобной фигней, вы ведь понимаете, что каждый слой отрисовывается в независимости от его видимости, и такое безрассудное использование ресурсов, замедляет, как реалтайм, так и финальные рендеринг)
А насчет маски, поворота и смещения слоя, это от силы занимает секунд 30.
Chamomile Romaani Не критично отнимет времени при финальном рендере, тем более если машина позволяет. Но способ из видео все равно считаю более простым и действенным в использовании.
Бля, авторы, развивайтесь!
Тайминги ни к черту, фон пустой, катастрофически не хватает деталей, анимации скучные.
Это не значит, что надо нагромоздить кучу всего, просто чуть больше времени уделить проекту.
К примеру, если бы вы оставили сноску на месте, а все элементы которые мимо неё проезжают, приподнимались (реально все). Так же использовали более явное запаздывание поисковой строки так же уменьшив расстояние до сайта. И если вы переносите сайт с фронтального изображения в перспективу, это надо делать увереннее.
Старайтесь ребята, удачи вам!
Сами то можете представить, сколько бы длился этот урок в таком случае? При том, что он и так длится больше часа. Это не презентация, не шоурил, это видеоурок для начинающих, в котором показаны основные принципы. А те, кто занимаются этим более-менее профессионально, и так знают про тайминги, шурешки и прочее, и естественно учитывают всё это при создании подобных работ.
Поймите меня правильно, я не предлагаю неразумно усложнять урок, просто базовые составляющие анимации это тайминги и композиция, ими нельзя пренебрегать. Надо изначально выставлять приоритеты, что бы начинающие артисты в первую очередь задумывались именно об этом!
Согласен с вами, но я считаю, что люди, занимающиеся этим серьезно и зарабатывающие на этом, в любом случае дойдут до этого рано или поздно, сомневаюсь, что они будут адептами определенного ресурса с уроками, и будут искать ответы только в одном источнике. Данный же видеоурок скорее не для начинающих артистов, а для людей, для которых это больше хобби, нежели основная работа, и такого рода ролики будут хорошим подарком для друга, к примеру, или же просто для себя.