Create a handwritten or write-on revealing text effect using GIMP and SHOTCUT

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
hi everybody I'm going to show you how you can create handwriting effect like this one for free this cool effect shows text on screen appearing as if it was written on by hand it's really effective with fancy fonts like this one sometimes it's called a write on text effect in this tutorial you'll be shown how to create this and then later this it's done with two free open source programs one is a graphics editor 2 is shocked us of video editor before you start download and install both programs you will also need the font Alex brush installed this is easy to do search download then copy the TTF file into your fonts folder in Windows it's free for personal use when you have perfected this technique you will be able to use any font of your choice okay let's get started to begin create a project folder place this in a convenient location on your computer then open go to file then you type in 1 9 to 0 and 1 0 8 0 these are the dimensions in pixels of a video screen in high-definition now this why Tristan will now represent a full HD screen I'll save this project files have the extension dot X cm I'm going to change the color of this viewing screen to blue blues not essential it could be a different color I just want to dark the color here to contrast with white text I'm about to add now change the foreground color to blue by clicking here okay and use the bucket tool to change the color next select the text tool [Music] and create some text I'm going to type in the word Christmas double click it to make it turn yellow and change the text color to white now change the font to Alex brush make it 300 pixels large actually I want it to be 400 pixels large and change my mind now select the move tool and drag the text to the center tip here you must select part of the white text itself otherwise nothing will move and select the Select by color tool go back to the text and click on any part of it the text is surrounded by an animated dotted line which is often called marching ants now go to select and down to perot and choose grow selection by one pixel this makes sure all the text area is selected next go to layer then new layer and create a new transparent layer make sure transparency is selected you will see the new layer in the layers panel next select the brush tool select this circle to give the brush tip a hard edge and there are some more important settings to make to the brush tool click here and select color from gradient click on this plus sign and type in a figure of 10,000 pixels for the fade length next change the foreground color back to black I click here to show the gradient going from white to black [Music] now zoom in slightly keyboard shortcuts for these are Shift + + to zoom in and - to zoom out and Center the text in the viewing area the next step is to draw over the text with a brush tool start from the right-hand side and work backwards the brush size should be just a little larger than the width of the text never let go of the mouse button when the brush tip goes over the text edges onto the blue background it will be stopped by the marching ants paint over one letter at a time a gradient color is applied to the line you draw from white to black if you go wrong stop select undo and try again remember never let go of the mouse button for the letter C start from the bottom bar and paint round to the top [Music] when you finished release the mouse button finally paint over the dots of the eye there may be parts where you didn't fill in the text correctly leaving gaps zoom in locate the problem spots and use the clone tool to fill them to use the clone tool place the tip over the part of the text you want to clone control click this copies the contents of the tip then move the tip and left click to paste in the color to a new position [Music] I've speeded up this bit now toilet parts of the tanks which intersect [Music] and there we are zoom out and center the text next go to the layers panel and click on the eye icons of both layers below the top layer the background becomes transparent next go to colors then levels tweak the middle arrow slightly to the right the idea is to darken the gray into the text so as to make it as uniform as possible from dark to light next export this as a PGM file a PGM file is a portable gray map file video editors use PTM files also known as luma files to create transitions do this via file then export as [Music] you'll need to change the extension tube dr. PGM change it by deleting the extension and typing PGM also select raw here or it won't work now go back to the layers panel deselect the eye icon and select the one for the layer below then export this layer as a PNG file a PNG file is a graphics file which can have a transparent background we want ours to have a transparent background [Music] again change the extension by typing dot PNG click export and use the default values save this file and that's the end of our work in the next step is to open shot cut I'm using version 18.1 1.1 3 November 2018 always use the latest version now open file navigate to the project folder locate the PNG file I made in click open and it appears in the viewer the black background behind the text is actually transparent now click the viewer and drag to the timeline add another video track make the track shorter in height then click hold and slide to the right extend the clip then open a new transparent lip to do this open other color again the transparent cliff looks black in the viewer now click here type O for out point and drags the time ride extend and position the clip slide the PNG clip here and drag it over to create a transition a transition in shotgun is shown by a purple block with diagonal lines play the transition keyboard shortcut is the spacebar and the Christmas text fades in this is because the default transition is a dissolve to confirm this with the transition purple box selected go to properties and then go up here and notice it says dissolve however we want a write on effect so navigate down the list and select custom this will open up your project folder select the PGM file we created earlier and click open now play the transition again and this happens whoo-hoo r-right on effect I'm going to show in this transition slightly then go to softness and reduce it to zero play the transition again and there's no blurring and there you have it a really nice right on or revealing text effect it's easy to change the speed or rate of the text animation to speed it up and drag the right-hand edge to make the box smaller the smaller the box the faster the effect and to make it slower drag to make the Box larger next resize the box back to its former size then go to open other then color [Music] and select a color click here and type Oh for Harry point then drag the screen to the timeline drag to position it and drag the edge to make you larger notice the blue color shows through the transparent clip above it often though you may find that the transition does not appear in the middle session and this screen is just blue and the text appears when the playhead reaches here [Music] if that happens go to filters click on the plus icon [Music] type CHR om and select the chroma key simple filter click above the transition box then select the eyedropper click on any black part of the stream and it will make the background transparent the transition will now work the morning with the blue color showing through now delete the blue color clip go to export and export the video as a QuickTime animation you can see the progress of the export here while it exports here are two important facts about QuickTime animations one they are video files with the extension dot MOV the two unlike mp4 files they can have a transparent background now when complete closed down Shoplet then open it the game go to open file find the dot MOV file you just exported open it and drag it to the timeline add a new video track and move it up to the top track thank you back to open other color and drag another color clip to the timeline and check it works it does the purple color shows through the transparency next I shall delete the color glim i want to replace the color clip with a nice Christmas Eve IDEO close shot blurs and head to YouTube now search for Christmas scene choose one and enlarge it to full screen the next stage is to capture the video screen there are many video capture programs available I recommend share X which is completely free now when the capture is finished import the video back into shut-ins position it on track 1 and preview [Music] hey looking good maybe finished just a few more things to do add another video track and change the color of the text now to do this I add a color grading filter by tweaking this circle you can change the color dramatically [Music] and finally I import the dot MOV file again swap them over and apply a size and position filter to the lower one then I drag the center button to move the text slightly to the right and down position carefully play and it gives a nice 3d effect to the text I would like the effect to be a little faster so a go to properties speed and I increase both flips to twice speed and here is the result is looking really nice but I noticed there is unwanted text on the background video to remove this I apply rotate and scale filter and increase the scale for 126 percent to make the Christmas text start early in the video I do a bit of trimming of Clips and a bit of repositioning I add a fade into the background video to do this double click the black flashing circle trim the clip once more add a fade out and preview by hitting space actually I need it's a bit shorter selecting each clip and pressing o I'll point will trim the end of the clips and I think that's it go to export and export the video as an mp4 done here's the final result thanks for watching
Info
Channel: Jonray JR
Views: 22,325
Rating: 4.968442 out of 5
Keywords: shotcut, gimp, handwritten text, text effect, write-on, write-on text, animated text, text animation, effect, handwriting, handwriting video, written on text, video animation, video editor animation, text
Id: rQalT0TxLP0
Channel Id: undefined
Length: 18min 27sec (1107 seconds)
Published: Tue Jul 30 2019
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.