Animating Web Pages in Apple Motion

Поделиться
HTML-код
  • Опубликовано: 5 фев 2025

Комментарии • 46

  • @adamtinkers
    @adamtinkers 2 года назад +1

    Thank you for getting me hooked on Motion...lots to learn but excited to see how I use it in the future for my projects.

  • @Murphoon
    @Murphoon 3 года назад +3

    Just filmed talking heads for a business client with just a website, yesterday, thinking hard about how to spice it up. Then you posted this tutorial and saved the day. Thank you.

  • @marksimonian210
    @marksimonian210 3 года назад +3

    I appreciate the step by step with explanations. So many times I see someone do something without the why are they adjusting some settings.

  • @theyogabios
    @theyogabios 2 года назад

    Great tip, and thank you so much. Ripple Training sent me to your channel, and I'm glad they did. You have Great Skills, I Sub...

    • @JennJagerPro
      @JennJagerPro  2 года назад +1

      Love Ripple. You must have seen the collab I did with Mark?

  • @SYPCWAK
    @SYPCWAK 3 года назад

    Thanks! I will be using this technique in an upcoming project.

  • @shalaomyoga7511
    @shalaomyoga7511 3 года назад

    Finding these tutorials incredibly helpful, thanx Jenn Jäger

  • @TravelAddictsLife
    @TravelAddictsLife 3 года назад

    Amazing Technique Jenn! I am going to use it right away!!!!

    • @JennJagerPro
      @JennJagerPro  3 года назад

      Yay, thank you!

    • @TravelAddictsLife
      @TravelAddictsLife 3 года назад

      @@JennJagerPro You can check out my results in this video around minute 2:13
      ruclips.net/video/vcU6nAR17Fc/видео.html 😀let us know how I did it

  • @kz6994
    @kz6994 3 года назад

    Appreciate doing step by step as easy to understand. Thanks!

  • @KirchemBlog
    @KirchemBlog 3 года назад

    Great tutorial. If I may add... using Photoshop to isolate different elements of the webpage really speeds up the entire process for me. I know its not an Apple product but it works well with Apple Motion as you can import all individual layers created in Photoshop.

  • @ConorBofin
    @ConorBofin 3 года назад

    Fantastic walk through Jenn. Greatly appreciated.

  • @smahood
    @smahood 3 года назад

    Thank You! I’m new to Motion and this showed me a great design along with detailed How To at a nice pace. Thanks!

  • @mistaje
    @mistaje 2 года назад

    This is really cool, but how would you implement it on the web page? Would it just be a landing page video? An advertisement for the webpage? What is the practical use of this awesome technique?

  • @GCSEPhysicsExplained
    @GCSEPhysicsExplained 3 года назад

    Really nice tutorial. Didn’t know about flatten layers. Very useful, thanks. Have subscribed and recommended your channel to my daughter who is into art and graphic design.

  • @mendodsoregonbackroads6632
    @mendodsoregonbackroads6632 3 года назад

    Hey excellent tutorial! Subbed and liked. I think I’m going to go ahead and get Motion instead of doing things in keynote.

  • @BrunoMaestrini
    @BrunoMaestrini 3 года назад

    YES! :D I ended up doing something similar in my video and turned it in last week. I used a 3D approach and had the pages seemingly flying around, but it was the camera going from one page to the other. Thank you so much for this, there are a lot of tips I can use on future projects!

    • @JennJagerPro
      @JennJagerPro  3 года назад

      That is awesome! Thanks for the inspo!!!! I loved working on this.

  • @Nirav-cn1ix
    @Nirav-cn1ix 2 года назад

    Wonderful 👍

  • @utkarshchowdhary1357
    @utkarshchowdhary1357 3 года назад

    Thanks for the excellent tutorial.

  • @IannisMaragakis
    @IannisMaragakis Год назад

    Wonderful work Madame. I wonder if the graphic files could be repaired in Pixelmator Pro, then exported as a Motion project. Could this work?

  • @peterkoomen1
    @peterkoomen1 3 года назад

    Great video again, Jean! thanks

  • @authorpaulsande
    @authorpaulsande 3 года назад

    Incredible.

  • @juju8470
    @juju8470 3 года назад +1

    Thank you so much! I’ve been looking for a tutorial like this more months. Can you do a video on how to animate hand drawn arrows to pictures or a highlighter effect to text? (Similar to a Vox style edit)

  • @peaklandumc1426
    @peaklandumc1426 3 года назад

    Amazing!

  • @ronaldlongtin
    @ronaldlongtin 3 года назад

    Great tutorial!

  • @jeanduvar4810
    @jeanduvar4810 8 месяцев назад

    Hello Jenn. What about using Pixelmator Pro to join and adjust these three screenshots together as a one image file, then brought into Motion ?

  • @nfranceschina
    @nfranceschina 3 года назад +1

    FYI - Chrome has a built-in "full page screenshot" feature which would make that first part way easier for you (right-click "inspect", Ctrl-Shift-P, type "screenshot")

  • @buchanan0801
    @buchanan0801 3 года назад

    As always I learned a lot from this tutorial but I'm missing the point of the project. What is the use for this Motion project? What would the client do with it?

  • @volodymyrkhoroshevskyi854
    @volodymyrkhoroshevskyi854 3 года назад

    Tell me please what settings should be for this project?

  • @lakshphotography1108
    @lakshphotography1108 3 года назад

    Happy morning mam. how to paint wash animation in motion ...

  • @caseykittel
    @caseykittel 3 года назад

    at 3:40 is Z toward and away from camera? (your face?) oh. now I zee it. Z positive is toward your face? I work with CNC machines. x and y are on the horizontal plane and z positive is up toward the sky.

  • @djepodjepo
    @djepodjepo 3 года назад

    Hi Jenn, great tutorial(s), very usefull! Can you give me a auggestion on how I can make a sidebar appear in my video, and when the sidebar enters the canvas, the rest of the video MOVES to the SIDE. I can’t find ANYWHERE on the internet on how to do this. Can you push me in the right direction?

    • @djepodjepo
      @djepodjepo 3 года назад

      And I need the audio to remain (so no dropzone) … pls save my day? :-)

    • @JennJagerPro
      @JennJagerPro  3 года назад +1

      It sounds like you could just keyframe the movement on the x position.

  • @AppleTech2011
    @AppleTech2011 3 года назад

    great tutorial. at times your a little to fast..