Tutorial - Animating 3D Switcher in Rive

Поділитися
Вставка
  • Опубліковано 9 лют 2025
  • A very useful and simple tutorial that walks you through the basics of creating interactive animations in the Rive app. The switcher was originally made in Blender with multiple states of the light; then we post-processed it in Figma to get a final look, which we animated in Rive.
    To make it easier for you to replicate all the steps from the tutorial, we prepared a dedicated archive with all assets used during the creation process.
    Tutorial assets: pixelpoint.io/...
    For more design inspiration and exclusive content, follow me on my social media channels:
    Twitter: / alex_barashkov
    Linkedin: / barashkov-alex
    Instagram: / pixelpoint.io
    Threads: www.threads.ne...

КОМЕНТАРІ • 13

  • @imgkl
    @imgkl 3 місяці тому +5

    This channel is a gold mine.

  • @jz1244
    @jz1244 Місяць тому +1

    another amazing tutorial!! great work! more long form Rive tutorials please!! you guys are crushing it!!!

  • @rageAxe-c3p
    @rageAxe-c3p 4 місяці тому +1

    Thank you for sharing your techniques with us. And apart from design and animation themself I really like your choice of music for every video.

    • @pixelpoint-io
      @pixelpoint-io  4 місяці тому

      thank you very much :) I was not sure whether it makes sense to add it, since if someone decides to repeat it, it would be constant pause/play.

  • @jessemoffett6035
    @jessemoffett6035 3 місяці тому

    OMG your channel is so amazing!

  • @marktomlful
    @marktomlful 4 місяці тому +1

    Thank you so much for sharing

  • @raasukk4419
    @raasukk4419 2 місяці тому

    I love the effect and the design but I really hoped you can actually do it in 3D instead of basic 2D image compositing, Is that all Rive is? Thanks for the insight!

  • @tomroohan
    @tomroohan 3 місяці тому

    Hoping they add a post-processing module into Rive. It is really missing it at the moment.

  • @PreciousNwoke1
    @PreciousNwoke1 3 місяці тому

    Please do you mind sharing a proper tutorial pleaseeeee 🤲

  • @rohankambli9929
    @rohankambli9929 4 місяці тому

    Can you make a video about how you use this in development?

    • @pixelpoint-io
      @pixelpoint-io  4 місяці тому

      There is nothing complex in that. You can check Rive app documentation and find code examples for the language/platform you use.

  • @hristokoev6884
    @hristokoev6884 3 місяці тому

    Cool, but that's not really a tutorial, it's a speed through - hard to focus on what's happening and nothing is explained. Though I'm familiar with the basics, as someone new to Rive, it'd be more useful to explain and or talk. The end result is amazing though and I guess I'll learn by undressing each layer and playing with the source file.

    • @pixelpoint-io
      @pixelpoint-io  3 місяці тому +1

      It's an old format of step-by-step tutorials we were doing for Twitter. Agreed on speed; it can be tough to reproduce. Now that we are focused on UA-cam, all further videos will feature my talking head and additional comments.