That example was done in FCP7. These days, those types of text effects, most of which can be done in FCPX, are probably better (at least easier) done in Motion. You *can* create a Basic Text "4" and animate the bars with Shape generators, etc. but it's a common enough use of the #4 that I put it together in Motion for you.
You can download it here:
http://sight-creations.com/fxexchange/sc_divideby4.zip
You can:
Animate all 3 strokes ("Crossbar", horizontal and vertical) from 0% to 100% (for horiz and vert - they will go far enough off the screen for you to create a border at the upper left corner of 16:9 aspect video.
Use the onscreen control to position the intersection of the vertical and horizontal strokes (animated via keyframes).
Colorize
Scale (relative to the OSC)
Rotate (relative to the OSC)
Shear (tilt) (relative to the OSC)
Fade with Opacity
Blend into the storyline media (background) using Blend Mode
Apply Drop Shadow