How to Use Divi’s New Animation Effects Part 1

Поділитися
Вставка
  • Опубліковано 11 жов 2024
  • Welcome to part 1 of this 6 part series that will teach you how to use Divi’s new Animation options to design awesome page sections. I’m going to be walking you through how to build the different sections of our live demo page in order to show you techniques for adding animations to your website.
    The Animation features truly are fun and easy to use. And with the Visual Builder, you can see your creation come to life every stage of the way. Come and join me as we explore the power of Divi animation.
    Read the article here: www.elegantthe...

КОМЕНТАРІ • 25

  • @aasphaug
    @aasphaug 7 років тому +27

    Suggestion: show us the result you are aiming for at the very beginning so that 1. I can know whether or not I'm interested in watching the whole thing and 2. I can know why you are showing me how to add transparency on an image in photoshop

    • @martyvictor363
      @martyvictor363 6 років тому

      Was ready to say the same thing, Not only at the beginning all trough the lesson the next step or finished project should be seen so the viewer knows what the goal is.

  • @DanFeather
    @DanFeather 7 років тому +1

    Cool function! . .
    At around 3:30, presenter tells us to “Save”* and then to choose “JPEG-24.” Should be “Save for Web” and “PNG-24.” (*He actually does recite the keyboard shortcut to “Save for Web,” but it would help the learner more if he would use the menus instead of keyboard shortcuts. Using the menu avoids any confusion one might have when they can ONLY HEAR the step. Let them SEE the step.)

  • @MrVeeBlog
    @MrVeeBlog 7 років тому +1

    Love it, love it, love it. Can't do it yet. but looks awesome. Thanks.

  • @zahidanwar2962
    @zahidanwar2962 4 роки тому

    great work

  • @griffithjoe1
    @griffithjoe1 7 років тому

    great series! very helpful. excellent new tools. I was wondering if you might be able to offer practical definitions/differences between "animation duration, animation delay, and animation intensity." these terms are used in the video but don't seem to be explained. thanks!

  • @dimitriarcade6801
    @dimitriarcade6801 7 років тому

    Man i like all the stuff you do !! Keep going !

  • @GOGOAKUMAN
    @GOGOAKUMAN 5 років тому +2

    Please show end result at the start of the video.

  • @IbarsDaniel
    @IbarsDaniel 4 роки тому

    Is there any way to create a cascading animation on Blog block? I want my blog items to start showing one after another in my blog block. can it be done?

  • @michaelc6797
    @michaelc6797 7 років тому +1

    Is there a list where I can find all the divi shortcodes and custom codes?

    • @ZapR21
      @ZapR21 6 років тому

      ClarkCoded yeah I was wondering the same

  • @whsae7210
    @whsae7210 7 років тому +1

    شكرا

  • @NickLePage
    @NickLePage 7 років тому

    Resolution was too small so I couldn't read it well even at 1080p. Could you use tools cheaper than Photoshop? I normally love what you do

  • @markobythesea
    @markobythesea 6 років тому

    Hmm...would have been nice if you added the section background first...we can't see anything you're doing!

  • @pixelfckr
    @pixelfckr 7 років тому +1

    Next time change text color to ligjht, AFTER making all other adjustment and settings.
    I know what you doing, but this tutorial is for people who have less divi experience.
    Making all this stuff with white board dosent make sense at all....:)
    You can read the article as well.... the same result...

  • @dbarbush
    @dbarbush 7 років тому +1

    hi, don't see the blog link.

    • @craftspk22
      @craftspk22 7 років тому

      Why is link ..

    • @elegantthemes
      @elegantthemes  7 років тому

      Here is the link sorry www.elegantthemes.com/blog/divi-resources/how-to-use-divis-new-animation-effects

    • @elegantthemes
      @elegantthemes  7 років тому

      Here is the link sorry www.elegantthemes.com/blog/divi-resources/how-to-use-divis-new-animation-effects

  • @obibaud
    @obibaud 6 років тому

    Catchi

  • @farzin9421
    @farzin9421 3 роки тому

    Your Workflow is a bit memorized. You should have added a background before you started the Text and button editing. -_- just video review

  • @etransferujetransferuj6840
    @etransferujetransferuj6840 7 років тому

    How to get a transparent arrow effect in parallax? Example: www.bamboostudioweb.it/

  • @DougAlexanderInTexas
    @DougAlexanderInTexas 2 роки тому

    I always have the EXACT same problems with this presenters videos. First, SHOW US WHAT THE END RESULT IT GOING TO BE. Jumping straight in leaves the learner with NO context or appreciation for where we're headed. Second, distill your presentation down to the software/programming aspects of the course. This course is about animation. Seeing you make an ugly website bad colors and poor typography is simply noise and getting in the way of what we want to learn. Start with a finished layout then add the animation bits. If the course is about animation -- SHOW ANIMATION. Honestly, I've gotten to where if I see this guy's face on the thumbnail I just skip it.