1

I came across a video that teaches kids how to draw. I recognize some kind of masking is involved, but I can't quite figure out how to do this in photoshop to create animated drawing. I know for sure the letters are pre-drawn in Photoshop (or some software), but I can't figure out the animation.

Here is the video I was referring to: https://youtu.be/ayzVNkIJsk8?t=31 (warning, there's kid music).

Thoughts? If this is the wrong place to ask let me know, thanks.

  • 1
    Pretty sure that kinda thing is done with After Effects – WELZ Jan 6 '19 at 16:13
  • For what it's worth... I wouldn't be surprised if this was a screen recording where they erased each letter using like some form of Eraser tool and then reversed the video. It doesn't look incredibly professional, but I thought I'd mention it since it's a method that could be done using almost any application and should be doable even if you've never used the application before. Many screen recorders allow hiding the cursor... – Joonas Jan 6 '19 at 17:04
  • Right after I commented, I had a flashback to the video and realized the text stroke cap curved outwards, so it probably wasn't done that way... I'm actually not sure how it was done.. because unmasking with a brush would be difficult when you can't see the letters... oh well...it doesn't really matter... – Joonas Jan 6 '19 at 17:07
3

To me it is a screen recording, the clue is the irregular window scrolling using the space bar at minute 0.34.

Screen recording

From an outlined text, use Color Range to get the outline selection

outlined text

  • Hide the text layer and create a new empty layer.
  • Make an Action with Allow Tool Recording checked from the Action's Menu
  • Start recording painting with the brush inside the selection, following the text border

Letter A

Stop the action, delete this layer, make a new one, hide the selection and play the action:

end

Make a new layer to play the action while recording the screen or the document window

|improve this answer|||||
  • HOLY COW. Thank you so much for demonstrating this... what did you use? after effect? (edit: oh never mind it's photoshop). – CppLearner Jan 6 '19 at 18:22
  • I tried this and it looks awesome, except after I did color range, did the select, hid the text layer, created a new layer, my brush is filling "underneath" the selection. Please see imgur.com/a/7NbSCha. Am I missing a step? Thanks. – CppLearner Jan 6 '19 at 19:18
  • You must invert the selection to paint inside the letter – user120647 Jan 6 '19 at 19:20
  • 1
    That works! You are amazing. Thank you, Daniel. – CppLearner Jan 6 '19 at 22:28

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.