3D Text Effect in Photoshop 7.0 — No Plugins Required
The short version
Photoshop 7.0 has no built-in 3D engine — Adobe did not add real 3D text until Photoshop CS5 (Extended) in 2010. But you can fake convincing 3D text using a technique that predates every 3D plugin: type your text, duplicate the layer 20–30 times, offset each copy by 1 pixel down and 1 pixel right, then style only the topmost layer. The stack of offset duplicates becomes the "extruded" body; the topmost styled layer becomes the visible front face. Total time: 15–20 minutes for a finished design.
Setup
Open a new document at 1920×1080 px, RGB, 72 dpi. Fill the Background with a dark colour — D to set default colours, swap to background black with X, then Alt+Backspace to fill (actually use a colour-picker dark grey like #1a1a1a for a bit of texture). 3D text effects always look best against a darker backdrop.
Step 1: Create the Text Layer
- Press T for the Type tool.
- In the options bar, choose a heavy display font. Impact, Arial Black, Bebas Neue, or any sans-serif at weight 900 works well. Thin fonts produce thin 3D — the effect needs mass.
- Set the size to about 200 pt.
- Set the colour to a light grey or off-white (we will style the colour later, so anything not-black is fine).
- Click in the centre of the canvas and type a short word: 3D, BOLD, your name — anything 3–6 characters.
- Press Ctrl+Enter to commit the text.
The text layer appears in the Layers palette. Centre it on the canvas: Ctrl+A to select all, then with the Move tool active, press the two centring icons in the options bar (Align Horizontal Centres + Align Vertical Centres). Ctrl+D to deselect.
Step 2: Build the Extruded Depth
This is where the fake-3D magic happens.
- With the text layer selected, press Ctrl+J to duplicate it.
- Press the ↓ arrow once, then → once. The duplicated text layer is now 1 pixel below and to the right of the original.
- Press Ctrl+J again, then ↓ + →.
- Repeat 25 more times for a total of about 27 duplicated layers.
Tip: instead of pressing the keys manually 27 times, record the action once and replay it. Open Window → Actions. Click the small "New Action" icon, name it "Offset 1px", click Record, press Ctrl+J then ↓ then →, click Stop. Now hit Play 26 more times. Total time: 10 seconds.
You should now see your text with a noticeable "extruded" body — about 27 pixels of fake depth angled toward the bottom-right.
Step 3: Merge the Body Layers
- In the Layers palette, click the topmost text layer (the original copy nearest the top).
- Shift-click the layer that is 1 above the original (i.e., the second-from-bottom of the offset stack). All the body layers are now selected.
- Ctrl+E to merge them into a single layer. Name it 3D Body.
- Keep the original text layer (not part of the merge) — that becomes the front face.
Step 4: Style the 3D Body
Double-click the 3D Body layer to open Layer Styles.
- Colour Overlay: tick it, click the colour swatch, choose a darker version of your front-face colour. If your final text will be red, set this overlay to a darker burgundy (#7a0e0e). This gives the side of the 3D text its "shadow" tone.
- Click OK.
Step 5: Style the Front Face
Now double-click the original (top) text layer to style the front. This is where most of the visual interest comes from.
- Colour Overlay: pick your main colour — bright red (#e0233a), neon yellow, electric blue, whatever the design calls for.
- Bevel and Emboss: Style = Inner Bevel, Technique = Smooth, Depth = 100%, Size = 5 px, Soften = 0. Use Global Light angle of 120°. Highlight Mode = Screen, white, 75% opacity. Shadow Mode = Multiply, black, 50% opacity. This gives the front face a glossy lit appearance.
- Inner Shadow (optional): subtle dark inner shadow gives a recessed look. Distance 2 px, Size 5 px, Opacity 30%.
- Drop Shadow: cast the entire 3D shape's shadow onto the background. Distance 25 px, Spread 0%, Size 35 px, Angle 120° (matching the global light direction). Opacity 50–60%.
Click OK. Your text is now visibly 3D.
Step 6: Add a Floor Reflection (Optional)
The detail that takes a 3D-text effect from good to great is a soft reflection on a virtual floor.
- Select both layers (3D Body + front text). Ctrl+Alt+Shift+E to stamp visible — a flat copy of the combined 3D effect appears as a new layer at the top.
- With this stamped layer active, press Ctrl+J to duplicate it.
- Edit → Transform → Flip Vertical.
- Move the flipped copy down so its top edge touches the bottom of the original.
- Lower its Opacity to 25%.
- Add a layer mask. Press G for Gradient tool. Set foreground to black, background to white. Draw a vertical gradient on the mask from the bottom (full black, fully hidden) to the top of the reflection (full white, fully visible). The reflection now fades out naturally toward the bottom.
Step 7: Light and Atmosphere
Add a soft radial light behind the text to ground it in a scene:
- Create a new layer above the Background but below the 3D text. Name it Light.
- Press B for Brush. Pick a very large soft brush (~600 px), opacity 30%, white.
- Click once behind the centre of the text. A soft white glow appears.
- Set the Light layer's blending mode to Screen at 60% opacity.
Step 8: Final Polish
- Ctrl+Alt+Shift+E to stamp visible once more.
- Filter → Sharpen → Unsharp Mask at Amount 50%, Radius 1.0 px, Threshold 0. Subtle but adds bite.
- Ctrl+Shift+S to Save As. Keep a PSD with all layers, export a PNG-24 with transparency, and/or a JPEG for sharing.
Variations
- More depth: use 50 duplicated layers instead of 27.
- Different angle: change the arrow keys from ↓→ to ↓← for a 3D body angled to the bottom-left.
- Metallic look: replace Colour Overlay on the front face with a Gradient Overlay (silver gradient: white → mid-grey → black → mid-grey → white).
- Neon 3D: see our neon text tutorial and combine with the duplicated-layer technique above.
FAQ
Why is my 3D text "blurry" at the corners?
Anti-aliasing — Photoshop softens the edge of every text pixel. It is normal and looks fine at the size you exported. If you want a hard pixel edge, set the type tool's anti-aliasing to "None" in the options bar before typing.
Can I rotate the finished 3D text?
Yes — Ctrl+T on the stamped-visible layer, then rotate. The fake 3D will tilt convincingly within ±15°. Beyond that the illusion breaks because the perspective is faked, not real.
Why are the offset duplicates eating my RAM?
Each duplicate is a separate layer in memory. After Step 3 you merged them into one, so this is no longer an issue. If you need to keep them editable, save as PSD and close the file between sessions.
Can I do this with Photoshop's Repoussé instead?
Photoshop 7.0 does not have Repoussé — that arrived in CS5 Extended in 2010. The duplicate-and-offset technique above is the only way in 7.0.
