#7. Мыслить как веб дизайнер - Анимация сайта в After Effects (Часть 1)

[@dariaaeroangel]

Привет! Спасибо за урок. В первый раз такое подробное и качественное объяснение AE вижу. В легкой подаче. Круто 💜

[@wallet666]

Спасибо за видеоурок, засыпаю под него как младенец

[@ЦыренаБальжирова]

Добрый вечер! Спасибо за очень подробное и полезное видео!

[@Виктория-к4ы5ь]

Самые толковые уроки! Спасибо огромное!)

[@Panda_Zloy]

Очень интересно и познавательно. продолжаем. Главное ты хорошо подаешь материал - многие монотонно проговаривают текст и я вспоминаю студенческие годы когда засыпал на лекциях! У тебя все гуд!

[@yemdigital]

Спасибо, рад слышать! )

[@zelenyi_chel]

приятный разбор спасибо доступно и понятно:)

[@artemasoap]

Тони спасибо тебе, благодаря тебе мой новый кейс стал неотразим, как по мне. Спасибо, что поделился!!!!!!!!!!Здоровья и счастья тебе.

[@n-polymath]

Очень хорошо объясняешь. Наконец-то сложилось чёткое понимание как работать с программой. Спасибо!)

[@oliajkin]

Супер видео! Спасибо!

[@sergeyprostobean4521]

Досмотрел видео. Отлично. Все нравится. Спасибо, Тони, за подробные объяснения и показ практической работы над макетом. Супер. Вечером буду практиковать.

[@nataliiakucher7250]

ну наконец-то мне кто-то нормально обьяснил про анимацию!!!! Спасибо!

[@sergeyprostobean4521]

Тони, ты спаситель . Спасибо за урок! Очень круто! Очень приятно слушать твои уроки. Все класс!

[@Optik777]

Круто! Очень хорошо и подробно объясняете. Спасибо!

[@emmanuilov]

Тони, вектор правильный. Столько полезности на практике давно не получал. Спасибо огромное тебе!

[@yemdigital]

Супер! Спасибо, Андрей!

[@dzivalad]

Тони, спасибо огромное! Как всегда много познавательного! Очень интересно наблюдать. Так держать!

[@yemdigital]

Спасибо большое! :) Буду стараться )

[@dzivalad]

@@yemdigital Было бы здорово возобновить твои дизайн-разборы) Есть зрители, которым их очень не хватает;)

[@yemdigital]

@@dzivalad Я обязательно их возобновлю, чуть-чуть позже )

[@НинаГращенкова-и8к]

спасибо! супер-видео, понятно, подробно, доступно:)))) я в восторге!!!!

[@Tanyagolos]

Спасибо Тони! Давно собираюсь освоить анимацию.

[@yemdigital]

Отлично! Значит, время пришло! :) Спасибо что посмотрела )

[@roesone70]

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

[@Pollsokol]

как понятно, доходчиво, душевно и полезно!! спасибо огромное=***

[@retoucher_msk]

50:40 Можно: просто надо применить Levels или hue/saturation

[@Vlada_M24]

Спасибо большое за урок,очень круто получается;)

[@kristina7093]

Это самое лучшее объяснение, как использовать After Effects

[@MrBokDan]

Спасибо за урок! Очень круто! Теперь хочу скорей идти уже изучать After Effect))

[@ИринаШапошникова-т5ы]

Спасибо огромное! Очень информативно и понятно.

[@yemdigital]

Спасибо! :)

[@ustadine2489]

Что делать со скругление углов прямоугольника? Как создать такую кнопку, почему про это не сказал? Как объединить слои?

[@GeorgeClover]

Ты как никто другой поможет новичку досконально разобраться с основами программы, браво! Думаю, будет полезно установить программу, которая показывает твои HotKey’s в реальном времени, тогда не придётся объяснять, что и для чего ты нажал ;) Желаю успехов со второй частью и последующим кейсом на бехайнсе!)

[@yemdigital]

Спасибо! :) Я искал такую программу, но на винде не нашел ничего нормального, только пару программ и те работают не как надо )

[@SinwiseAM]

Спасибо! Очень крутое видео для новичков!

[@kristinafedechko8976]

Очень круто, полезно и интересно! Спасибо!! ;))

[@yemdigital]

Рад что понравилось! ) Спасибо за приятный комментарий! :)

[@yungkcob]

Ща будет мясо

[@pavelrightactions8150]

Спасибо, Тони, благодаря тебе у меня появилось желание освоить Афтер Эффектс :)

[@yemdigital]

Супер! 🙂

[@lukichan18]

Спасибо, все очень круто!

[@kotnewman1537]

люблю тебя..жги дальше)

[@OlenaKarpenko-x5h]

Оч. круто ! Просто мегаСПАСИБО!!

[@Aleksbyart]

Очень классный урок *-*

[@ahsanulislamtapadar6876]

brother, how to animate laye by layer Figma file in after effect ?

[@yemdigital]

Try AEUX plugin for Ae and Figma - It's quite simple to use and one of my latest videos is about it. I believe with the subtitles On it will be easy to understand:)

[@ahsanulislamtapadar6876]

@@yemdigital thanks for your response.i have added AEUX plugins in figma but it showS failed to connect in AE 😥

[@АлисаРибалка]

Не могу понять мы нажимаем F9?

[@ТаисияМильман]

Просто пушка! Было бы круто, если бы ты еще уроки по фотошопу записал :D

[@kristinaananian8581]

А если экпортировать из фигмы как PDF а потом закинуть в илюстратор? А уже потом в After Effects?

[@retoucher_msk]

проще как SVG и потом в Иллюстратор ) Но эффекты типа теней не переносятся

[@xYouthTritonx]

Хороший урок без воды, долго откладывал обучение инструментом, но вижу что зря) спасибо большое за урок

[@zlobnyi_kommentator]

чувак, много хорошей информации, но сука, на 1 слово по делу 100 вокруг да около. Ну емае.

[@irahank5509]

i realize Im kinda randomly asking but does anyone know a good site to watch newly released series online?

[@otiskylo1038]

@Ira Hank Flixportal :)

[@irahank5509]

@Otis Kylo Thank you, signed up and it seems to work :) I really appreciate it !

[@otiskylo1038]

@Ira Hank no problem =)

[@andrewbarkovets]

Привет Тони! Все очень доходчиво и понятно) спасибо за видос! Но соглашусь, что есть моменты которые хочется ускорить на 2х ;) Пару вопросов! Есть онлайн конвекторы которые экспортируют frame из figma в psd, пробовал ли ты так делать? или есть какие-то нюансы по этому поводу? Заранее спасибо! Продолжай в том же духе)

[@sedovadesign7422]

thank u man, very helpful

[@ЯнаЗолкина]

Мне кажется, даже самый тупой разберётся с AE благодаря этому видео.Это талант, однозначно.Спасибо большое за разбор

[@yemdigital]

Спасибо большое за обратную связь )

[@ЯнаЗолкина]

@@yemdigital Подскажите пожалуйста, какого года Ae Вы используете в данном видеоуроке ?))

[@yemdigital]

​@@ЯнаЗолкина Версия программы того же года что и видео - 2019. Но особой разницы нет, можно все тоже самое делать и на 2020 и на более старых версиях - отличия есть, но наши основные задачи практически не затрагивают.

[@ЯнаЗолкина]

@@yemdigital поняла) спасибо.Спрашеваю , потому что у меня тоже скачана 2019 года, на русском.но интерфейс отличается почему то .. например рамка на элементах , отображение графика

[@yanatrehubava6896]

Круто, со снежком прямо вау-эффект сразу добавился! :D Душевно так стало. Давно думала начать разбираться с анимацией, и твое видео в этом деле очень пригодится. Большое спасибо, Тони! :) Жаль, правда, что из Фигмы нельзя сразу в AE экспортировать фрейм, но позже, может быть, появится такой плагин. Надеюсь, во всяком случае)

[@yemdigital]

Тоже надеюсь что такой плагин появится - это очень упростит жизнь ) Спасибо и удачи с освоением анимации - этот урок тебе совершенно точно будет полезен )

[@retoucher_msk]

А как же AEUX? Все, сломался? НЕ вывозит обнов Ае?@@yemdigital

[@ЕкатеринаАнуфриева-л2р]

Композицию, в принципе, можно объяснить как фрейм в фигме. По сути то же самое)

[@GeorgeClover]

Тони, а с Adobe XD экспортируется нормально в AF?

[@yemdigital]

Да, они контачат между собой

[@GeorgeClover]

YEM DIGITAL: Академия цифрового дизайна, а чем тогда xd, уступает фигме?

[@yemdigital]

@@GeorgeClover В Фигме мне нравится, что можно работать прямо в браузере. Несколько человек одновременно могут работать над одним проектом. В бесплатной версии Фигмы для дизайнера фрилансера нет практически никаких ограничений. Очень крутая система адаптивного дизайна. Совсем недавно появилась функция с работающими гифками прямо в режиме презентации проекта. С другой стороны, в XD за последнее время тоже появилось много недостающих инструментов и есть приятные возможности (например, экспорт в Ae). Планирую в ближайшее время покопаться с XD и думаю, запишу видео со сравнением свежих версий Figma vs XD.

[@GeorgeClover]

YEM DIGITAL: Академия цифрового дизайна, отлично, я только за!) Спасибо за ответ!

[@jamesbong986]

Спасибо! Отличный урок, без воды , всё чётко и по делу=) А можешь поподробнее рассказать как ты Figme растянул все элементы фреймов по размерам 1920 px на 1080 px? Как это работает для текстовых элементов?

[@yemdigital]

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

[@alyonamalinskaya8460]

Все хорошо, только приходится в х1.5 слушать)

[@madarauchiha3277]

Oooooooчень затянуто

[@juliasizova7799]

Здорово получилось! Страничка ожила. :)) Конечно по 1 элементу из Фигмы переносить это боль, но скорость и простота работы в Фигме, компенсирует эти потери.. Интересно, а вот эти эффекты (я про снег) можно будет потом запрограммировать на реальных страницах? А то заказчик соблазнится на красивую картинку, а как это реализовать разработчику? Возможно?

[@yemdigital]

Спасибо! 😊 Да, нормальный разработчик может реализовать анимацию в проекте. Например для снега есть уже даже готовые решения, которые он можно «донастроить» под проект если есть необходимость.

[@marianan1161]

Где вторая часть?

[@yemdigital]

На канале, здесь: kzbin.info/www/bejne/f3iZqZaOn9KYhdk

[@celestialraven182]

AEUX попробуй, облегчит жизнь)

[@forfullfun]

А нафига это делать? Как это анимировать потом на live в реальном вебе?

[@yemdigital]

Нет практически ничего, чего бы нельзя было реализовать в вебе при желании и необходимых навыках. Технологии позволяют уже давно. Вот один из множества примеров, после которого все сомнения пропадут 🙂 bruno-simon.com/

[@РамзанБерсанукаев-г3ш]

Тони привет!Автор эфект можно скачть бесплатно?

[@yemdigital]

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

[@никитаполяков-ж8я]

34:47 у тебя склейка... и не понятно что ты поменял тип диаграмм... Новички будут тупить в этом моменте.

[@ЕвгенийМакаренко-р7и]

За 2 мин понял что с диаграммами что-то не то... если человек не может подумать головой и переключить режим, лучше сразу идти на стройку)))

[@никитаполяков-ж8я]

@@ЕвгенийМакаренко-р7и чел... ты в место того что бы умничать... подсказал бы человеку) нельзя быть таким токсичным

[@никитаполяков-ж8я]

Правой кнопкой мыши на график щелкаешь и выбираешь Speed Graphic

[@vonesqa]

На 2х смотреть самое то

[@fsewcdv]

топ

[@ВоваКаскада]

ООО очень много воды, но для начинающих думаю будет очень полезно. Фигму очень удобная, она мне больше нравится в использовании чем Adobe XD, но у XD есть огромный плюс, из него сразу макет или отдельно фреймы можно переносить в Афтер и анимировать

[@yemdigital]

Я недавно выпустил пару видео на тему автоматического переноса макетов из Figma в Ae, но тоже для новичков если что))

[@lwanich]

если убрать воду видео будет длиться 20 минут

[@lwanich]

беру свои слова обратно , там нет 20 минут , там 2 часа потраченной жизни

[@nikeponomarev9403]

ЕСТЬ У КОГО ВЗЛОМАНЫЙ АФТЕР ЭФФЕКТ?

[@ilovelifeqqq]

КАК МНОГО ВОДЫ

[@djumbapumba48]

Невыносимо много воды

[@ПавелСеменов-й6щ]

Твои длинные а-а-а-а-а-а прям напрягают. Чувак научись разговаривать. А в общем, познавательно.

[@hytryy7811]

Что за дичь? Видео нужно было назвать «как собрать макет в афтере» 0 информации по анимации, воды налил на полтора часа 👎🏻

[@yemdigital]

Так зачем полтора часа смотреть видно на тему, с которой ты уже и так знаком, а потом еще писать недовольные комменты, к тому же ложные? - Видео длится 1:45, из которых первый час - я объясняю принцип работы с After Effects для новичков, которые возможно даже никогда не видели эту программу - им этот контент полезен и важен. Это ведь, очевидно, видео именно для новичков, а на мастера класс для тех, кто уже знаком с принципами работы в Ae. Кроме того, это не просто отдельное видео, а часть мини-курса, в котором я показывал и объяснял весь процесс работы над проектом и нельзя ведь было перескочить сразу к той части где я начинаю анимировать интерфейс, не объяснив основ хотя бы в общих чертах.