Skip to main content
M
MatthewBrWn
Known Participant
April 24, 2017
Answered

Shape with blurred background

  • April 24, 2017
  • 4 replies
  • 11506 views

How to make the same upper figure, but that the background was blurred, and the stroke was not blurred? Like in this video:

https://www.youtube.com/watch?v=TtiFl247_u8

      This topic has been closed for replies.
      Correct answer Kyle Hamrick

      I'm not sure I'm correctly understanding your question, but if you're asking how to make the text box at the top of the screen, it's pretty basic.

      There's one layer with the white line, and below it is an adjustment layer with a blur effect.

      If you're not sure how to make those, I'd suggest watching some beginner AE tutorials.

      4 replies

      Kyle Hamrick
      Community Expert
      Kyle HamrickCommunity Expert
      Community Expert
      April 25, 2017

      Matthew, I really try to refrain from responding to a question with "learn how to use the program," but I'm not sure there's a much better answer here. This is a pretty basic thing to create, and a couple of us have more or less told you how to do it already. We're here to help, but not to push the buttons for you.

      I already posted the link above to Adobe's AE tutorials, or you can find countless others around the web. We've named the kinds of layers you might be dealing with, so those might be good places to start your search.

      You could also easily create this look in Photoshop or Premiere (or likely any other semi-pro video program), if you're more comfortable in those. The approach will be basically the same in any of them.

      Good luck!

        M
        MatthewBrWnAuthor
        Known Participant
        April 25, 2017

        Ok, thanks!

        M
        MatthewBrWnAuthor
        Known Participant
        April 24, 2017

        It works, but how to add stroke? When I add a stroke, it also becomes blurred

        Dave_LaRonde
        Dave_LaRonde
        Inspiring
        April 24, 2017

        This is all done in 2D.  No 3D.  Any layers in the timeline that go above the adjustment layer will not be blurred.

        R
        Community Expert
        Rick GerardCommunity Expert
        Community Expert
        April 25, 2017

        A common mistake by new users is to try and do too many things on a single layer. If you want to add a stroke I'd use a shape layer, which you can animate using trim paths. Then just arrange the layer order so things look like you want them to look.

        Kyle Hamrick
        Community Expert
        Kyle HamrickCommunity ExpertCorrect answer
        Community Expert
        April 24, 2017

        I'm not sure I'm correctly understanding your question, but if you're asking how to make the text box at the top of the screen, it's pretty basic.

        There's one layer with the white line, and below it is an adjustment layer with a blur effect.

        If you're not sure how to make those, I'd suggest watching some beginner AE tutorials.

          Dave_LaRonde
          Dave_LaRonde
          Inspiring
          April 24, 2017

          Make the picture the bottom layer.  Put an adjustment layer above it. 

          Make two masks on the adjustment layer, one for the upper-third blur and a circular one for the lower-third circular blur. 

          Play with the mask modes until you get the mask visible only within the areas you want.

          Add one of the blur effects to the adjustment layer.

          The other stuff in that example go above the ADJUSTMENT LAYER.

          M
          MatthewBrWnAuthor
          Known Participant
          April 24, 2017

          Ok, I'll try it!

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