Skip to main content
Marzios
Marzios
Participating Frequently
July 22, 2018
Question

Animation effect

  • July 22, 2018
  • 5 replies
  • 740 views

Hey guys I’ve never used Photoshop for animation and I have only ever used it for basic things I am trying to teach myself to use it. I am looking to create some art for various projects and as an intro/outro clip for YouTube. I’m trying to create something like this

ALCHEMY ENGLAND E374 DAUGHTERS OF DARKNESS EAR-WRAP INSTRUCTIONS - YouTube

As you see it’s an iridescent “petrol on water” rainbow type effect etc. Any tips or suggestions what i might do to begin creating a similar effect? I am kinda lost as to where I should even begin so any help advice or tips would be great, thanks in advance everybody.

    This topic has been closed for replies.

    5 replies

    KShinabery212
    Community Expert
    KShinabery212Community Expert
    Community Expert
    July 23, 2018

    Another example of this type of animation can be seen in the various season intros for the cartoon Archer.

    FX Archer Intros (Season 1-8) - YouTube

    Archer Danger Island (season 9) intro - YouTube

    Various layers... a black background animation happening behind and overcast shadows as well.  Granted this is even more complicated.... but hey once you learn what you are trying to accomplish... the sky is the limit you can take that new found skill and create something really dynamic.

    Just thought I woudl share as I think this is similiar and fun.

    Let's connect on LinkedIn. https://www.linkedin.com/in/kshinabery/
      Marzios
      MarziosAuthor
      Participating Frequently
      July 23, 2018

      Thanks for that I’ll check those links out, it can be quite overwhelming with programmes like these knowing where to begin and stuff. Thanks

      Myra Ferguson
      Community Expert
      Myra FergusonCommunity Expert
      Community Expert
      July 23, 2018

      Like KShinabery212 said, you'll probably have better luck getting closer to that effect using After Effects. I'd recommend taking a look through Andrew Kramer's tutorials on Video Copilot to see if there's one that comes close--maybe something like 78. Energy Wipe. He gives great instructions and provides project files. Check it out and good luck! https://www.videocopilot.net/tutorials/

        Marzios
        MarziosAuthor
        Participating Frequently
        July 23, 2018

        Thank you for that I will check that out.

        MarekMularczyk
        Community Expert
        MarekMularczykCommunity Expert
        Community Expert
        July 23, 2018

        I agree with KShinabery212. Any more complex animations would be done in Animate of After Effects but you can easily create animations with fading effects and movement in Photoshop

        Adobe Community ExpertAdobe Certified Professional
        davescm
        Community Expert
        davescmCommunity Expert
        Community Expert
        July 23, 2018

        Hi

        Try this

        Create a black background

        Add your text in a text layer

        Add an empty layer and colour it but not completely - with random strokes. Alt click on the border between the coloured layer and the text layer so that the layer clips and the colour only affects the text. Set blend mode to Linear Dodge (add)

        Add another empty layer and repeat with random strokes in a differerent color. Clip that to the layer below and set blend mode to linear dodge add

        Add another with a few black strokes - leave blending mode as normal

        Put each of the color layers into a smart object (right click on the layer and choose convert to smart object)
        Open the timeline and create a video timeline

        Click the clock next to the Transform and then add keyframes, and rotate each of the colour layers in different directions. I also keyframed variations in opacity.

        Quick and dirty version below

        I hope that gets you going

        Dave

          Marzios
          MarziosAuthor
          Participating Frequently
          July 23, 2018

          Thank you very much for your time making this tutorial and your answer. Thank ya again.

          KShinabery212
          Community Expert
          KShinabery212Community Expert
          Community Expert
          July 23, 2018

          It looks like there are three or four layers.

          Bottom Layer: The colorful movement in the letters.

          Next Layer up: A black background with the letters cutout so that one can see the colorful layer below it.

          Top layer: The black effect with fluid motion

          However, I do not think you can do this all in Photoshop.  I think you might have to use software that allows you to create animation or videos.   Animate CC, After Effects, Premiere, etc. 

          I do not think you can do this alone in Photoshop.  You can build the text layer that I mentioned in Photoshop or Illustrator... but I think the rest has to created in another program.

          If that makes sense.

          Ask in the Animate CC and After Effects forums as well.  As I think you might find a answer there from someone doing Motion Graphics!

          Let's connect on LinkedIn. https://www.linkedin.com/in/kshinabery/
            Marzios
            MarziosAuthor
            Participating Frequently
            July 23, 2018

            Yes that makes sense to me. I do also have Ae and Sony(Magix) Vegas Pro i figured that Photoshop is much easier to understand than a complex programme like After Effects. Thanks for your answer and suggestions and i will post in the other forums.

            MarekMularczyk
            Community Expert
            MarekMularczykCommunity Expert
            Community Expert
            July 23, 2018

            Have a look at this video I made some time ago which shows how to create animations and fading effects in Photoshop:

            Create Slideshow of Images in Photoshop CS6 - YouTube

            Adobe Community ExpertAdobe Certified Professional
            Terms & ConditionsAccessibility statement
            Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices