Add Bevel & Emboss, Inner Shadow, and Gradient Overlay with following settings.
Apply same highlight as the first upper part.
Hit Ctrl + J to duplicate the text we have made earlier.
Change its layer style to Gradient Overlay and Drop Shadow with following settings.
Ctr-click the lower shape to make new selection based on its shape. Add layer mask to the text. From now on, only part of the text that is located on the lowe shape is seen.
Add new layer and then paint subtle shadow on upper part of the text using low Opacity Brush tool.
Convert the shadow layer into a Clipping Mask.
Step 30: Text Display Base
Draw almost black (#060606) rounded rectangle shape behind the text display. This will be the hole where the character panel is located.
Double click the layer to add Bevel & Emboss with following settings.
The result, so far.
Ctrl-click the layer shape we have just made to make new selection based on its shape. Make new layer and then fill it with white.
Paint some areas with white.
Change its layer blend mode to Overlay.
Ctrl-Click the layer we have made. Make new layer. Click Edit > Stroke, set it width to 2 px with white for its color.
Click Filter > Blur > Gaussian Blur to soften the stroke line.
Reduce its layer Opacity to 10%. This white soft line will become highlight on outer edge of the text display.
Add another line stroke similar to what we’ve done in Step 35. But this time use black for its color. This will be shadow on outer edge of the hole.
We also want to add stronger highlight right on the edge. Ctrl-click the shape to make another new selection based on its shape. Click Edit > Stroke with width 1 px and white color.
Add layer mask and fill it with black. Activate soft Brush tool. Set foreground color to white and then paint some areas to reveal the strong highlight on the edge.
Duplicate basic layer shape of the lower part of the text display. Activate Move tool and then hit Shift + Down arrow to move it down 10 pixels.
Double click the layer shape and add Gradient Overlay.
Place the layer shape beneath the main text display area.
Ctrl-click the main lower part of the text display. Make new layer above the layer shape we have just created. Fill selection with black.
Move the layer down 2 pixels.
Apply Gaussian Blur to soften it and make it appears as a natural shadow.
Make sure the shadow goes inside the layer shape by converting it to Clipping Mask.
Select both shape layer –that we have duplicated earlier– and the shadow that stay on top of it.
Hit Ctrl + J to duplicate them both.
Place the layer shape and shadow we have duplicated in earlier step behind the original one. At this moment, we should have two text bases behind the text that is currently displayed.
Again, duplicate the layer shape and its shadow. Keep repeating these steps until we have enough text base at the back of the displayed text.