How to Prepare a PSD Website Mockup for Animation in After Effects

Опубликовано: 24 Июнь 2026
на канале: Юра Фреш
4,272
133

In this video, I demonstrate the process of preparing a finished PSD website page for use in After Effects. What you should pay attention to when preparing a layout for animation.
In the next part, I'll demonstrate the animation process itself in After Effects.
Continued: Animating a Website in After Effects:    • Анимация Сайта в After Effects. Как Сделат...  

💡 Learning After Effects in 35 Minutes:    • Изучаем основы After Effects за 35 минут. ...  
📍Scripts I use for working in After Effects:    • ТОП 9 лучших Скриптов для After Effects. M...  

______________
◾️My Social Media Networks:
  / yura.fresh  
  / yura.fresh  

⏱ Timecodes:
0:00 Start
0:37 The template I'll be animating
0:48 First important tip
1:26 Breaking the layout into parts
2:15 Dividing the website layout into separate pages
4:38 Animating the first screen
5:13 How I create website animation
7:06 Working with layers and folders
10:30 What the finished template looks like in After Effects
12:21 Preparing the second screen
15:30 Third screen
15:58 Preparing the remaining files
17:40 Wrapping up

#after_effects #aftereffects #photoshop #animation #photoshop #motiondesign