Макеты для тренировки навыков анимирования (CSS, JS, GSAP)?

Question

[STINGRAY_DEVELOP]

Доброго утра!)
Не блещу фантазией и взглядом дизайнера, но очень хочется потренироваться в анимировании элементов на реальных кейсах. Анимировать квадратики и кружочки - желания нет, да и в портфолио это не положить.
Подскажите, где можно взять макеты для того, чтобы поднатореть в навыках анимации?
Если у кого есть реальные кейсы, которые он уже сделал давным давно, буду благодарен, если подкинете задачек или макетов)

Answer 1

[Ярослав Александров]

Вот на мой взгляд интересные задачки:
вертикальная прокрутка и смена авто
porschevolution.com/#2000s
горизонтальная смена экранов
hotdot.pro/#bilet2u
Интересный Parallax на первом скрине
www.firewatchgame.com
несколько разных эффектов
https://kirillpritula.com/en/
прокрутка с разными эффектами появления
lavash26.ru
первый экран прикольно меню сделано
https://rizon.pro/
примеры
https://threejs.org/examples/
вращение товара, уменьшение и приближение
www.manufaktur-sehen.de/brillenkonfigurator
много всего
https://codepen.io/search/pens?q=animation

Answer 2

[STINGRAY_DEVELOP]

В общем, что удалось мне найти самому:
Иконки и макеты для анимирования персонажей и т.д.
Еще
Веб-элементы.
Попробую включить фантазию и что-нибудь сваять из этих макетов.

Answer 3

[Константин Б.]

Если цель просто тренироваться, без дальнейшего упоминания в портфолио, то можно взять какой-нибудь готовый кейс и повторить самостоятельно. Вот например сайт https://unawheel.eu попробуйте начать с такой анимации и повторить ее.

Answer 4

[bozuriciyu]

Не блещу фантазией и взглядом дизайнера

хочется потренироваться в анимировании

Ты уверен что ты на правильном пути?