Dec 09

Create a Daft Punk Inspired Text Effect

Thu, 12/09/2010 - 18:55 — julie

psdfanmembersbut Create a Daft Punk Inspired Text Effect

Final Image

Today we’re going to learn how to recreate the text effect used on Daft Punk’s album ‘Discovery’. It’s a great piece of art, and this tutorial is written as a tribute to a truly great band, as well as an impressive piece of art.

As always, this is the final image that we’ll be creating:

chrometext18b Create a Daft Punk Inspired Text Effect

Step 1

Download the first texture from today’s Texture Thursday: Black.

Paste this into a new document, and resize your document to be 600px wide.

chrometext1 Create a Daft Punk Inspired Text Effect

Step 2

Now create a hue/saturation adjustment layer.

Hue/Saturation Adjustment Layer Settings:

Hue: 0
Saturation: 0
Lightness: -80

chrometext2 Create a Daft Punk Inspired Text Effect

Step 3

Now create a new layer called ‘radial gradient’. Create a white to transparent radial gradient in the center of your canvas.

Then change this layer’s blend mode to ‘overlay’.

chrometext3a Create a Daft Punk Inspired Text Effect

chrometext3b Create a Daft Punk Inspired Text Effect

Step 4

Now go to filter>render>clouds to render some clouds.

Call this layer ‘clouds’. Then reduce it’s opacity to 30% and change it’s blend mode to ‘overlay’.

chrometext4a Create a Daft Punk Inspired Text Effect

chrometext4b Create a Daft Punk Inspired Text Effect

Step 5

Now download this great daft punk font.

Type out some text in the center of your canvas, making sure to use white text. Then go to edit>transform>rotate and rotate your text by 5 degrees.

My Font Settings:

Font Face: Daft Font
Size: 150pt
Kerning: 0
Color: ffffff (white)

chrometext5 Create a Daft Punk Inspired Text Effect

Step 6

Now we want to add a chrome-type effect to our text. Luckily we can achieve this via a combination of layer styles! Go to blending options for your text layer, and apply a drop shadow, inner glow, bevel and emboss and satin blending option:

Drop Shadow Settings:

Color: Black (000000)
Blend Mode: Multiply
Opacity: 100%
Angle: -30
Distance: 5px
Spread: 0%
Size: 10px

Inner Glow Settings:

Blend Mode: Normal
Opacity: 70%
Color: Black (000000)
Choke: 0%
Size: 4px
Range: 50%
Jitter: 0%

Bevel and Emboss Settings:

Style: Inner Bevel
Technique: Smooth
Depth: 20%
Direction: Down
Size: 10px
Soften: 0px
Angle: -30
Altitude: 25 degrees
Contour: Gloss Contour (anti-aliased)
Highlight Mode: Screen (white – 100% opacity)
Shadow Mode: Multiply (030a0e – 80% opacity).

Satin Settings

Blend Mode: Multiply
Color: 06293f
Opacity: 10%
Angle: -125 degrees
Distance: 10px
Size: 20px
Contour: Gloss contour (invert)

chrometext6a Create a Daft Punk Inspired Text Effect

chrometext6b Create a Daft Punk Inspired Text Effect

Step 7

Now duplicate your text layer, and move the duplicate beneath the original in your layers palette.

Then right click on your layer and click ‘remove all layer styles’. Now apply a color overlay blending option (black).

Then use your keyboard cursors to shift this layer 3px down and 3px to the right.

This creates an artificial drop shadow. However, the shadow is a little harsh at the moment. To fix this, go to filter>blur>gaussian blur, and apply a subtle 1px gaussian blur.

Color Overlay Settings:

Color: Black (000000)
Overlay: 100%

chrometext7a Create a Daft Punk Inspired Text Effect

chrometext7b Create a Daft Punk Inspired Text Effect

Step 8

Now duplicate your shadows layer, moving it below the original. Move it 3px right and 3px down so that it’s visible.

Again, clear all current layer styles, and then apply an outer glow, inner glow and gradient overlay effect.

Outer Glow Settings:

Blend Mode: Overlay
Opacity: 100%
Color: ffffff
Spread: 2%
Size: 5px

Inner Glow Settings:

Blend Mode: Overlay
Opacity: 100%
Color: ffffff
Choke: 0%
Size: 5px

Gradient Overlay Settings:

Blend Mode: Normal
Opacity: 100%
Gradient: Default rainbow gradient available in gradients panel
Style: Linear
Angle: 180 degrees

chrometext8a Create a Daft Punk Inspired Text Effect

chrometext8b Create a Daft Punk Inspired Text Effect

Step 9

Now with your lighting layer selected go to layer>apply layer mask>reveal all. Then use a medium sized black paintbrush to mask off various areas of your lighting. You want to particularly mask off the top parts of your letters, and the edges should fade out nicely:

chrometext9 Create a Daft Punk Inspired Text Effect

Step 10

Create a new layer just above your lighting text layer, but below your drop shadow text layer. Call this layer ’stars’.

Now download this great brush set 1000 stars.

Grab a suitable star brush from the set, and start applying star marks over the edges of your text lighting. To match your star color to each part of the lit area simply use your eye-dropper tool.

Then hit option+e to merge this large down with your lighting layer.

chrometext10 Create a Daft Punk Inspired Text Effect

Step 11

Now create a new layer called ‘lighting highlights’. Create a series of small radial gradients (white to transparent) over certain areas of your lighting colors. Then change this layer’s blend mode to ‘overlay’, and reduce it’s opacity to 50%.

chrometext11a Create a Daft Punk Inspired Text Effect

chrometext11b Create a Daft Punk Inspired Text Effect

Step 12

Now create a new layer above all of your previous layers called ’splatter effect’.

Create a series of circles around your text using your elliptical marquee tool. Make sure that all of these circles are filled with white.

chrometext12 Create a Daft Punk Inspired Text Effect

Step 13

Now go to filter>distort>ripple. Apply a ripple of 100% strength. This will make all of your white circles a more natural, random shape:

chrometext13a Create a Daft Punk Inspired Text Effect

chrometext13b Create a Daft Punk Inspired Text Effect

Step 14

Now copy/paste the layer styles from your main text layer onto your ’splatter effect’ layer. This should give your splatters a chrome effect. If needed reduce the strength of your bevel effect:

chrometext14 Create a Daft Punk Inspired Text Effect

Step 15

Now use the technique that you used previously to create a lighting effect for your splatters. Duplicate your splatter layer, move it below the original, and then copy/paste the layer styles from your text lighting layer:

chrometext15 Create a Daft Punk Inspired Text Effect

Step 16

Now apply a gradient overlay adjustment layer, choosing the default rainbow gradient that you used on your lighting effects.

Then reduce this layer’s opacity to 5%.

chrometext16a Create a Daft Punk Inspired Text Effect

chrometext16b Create a Daft Punk Inspired Text Effect

Step 17

Now apply a final levels adjustment layer just to add more impact to your image:

Levels Adjustment Layer Settings:

15 / 1.00 / 250

chrometext17 Create a Daft Punk Inspired Text Effect

Step 18

Finally, I chose to touch up my text a little bit more.

Select your text layer and go to filter>artistic>plastic wrap.

Plastic Wrap Settings:

Highlight Strength: 20
Detail: 15
Smoothness: 15

chrometext18a Create a Daft Punk Inspired Text Effect

chrometext18b Create a Daft Punk Inspired Text Effect

And We’re Done!

You can view the final outcome below. I hope that you enjoyed this tutorial and would love to hear your feedback on the techniques and outcome.

chrometext18b Create a Daft Punk Inspired Text Effect

Download Source File for this Tutorial

fanextradownloadbutton2 Create a Daft Punk Inspired Text Effect

psdfanmembersbut Create a Daft Punk Inspired Text Effect

 Create a Daft Punk Inspired Text Effect

Copyright 2009. E-mail Me
Auto Spare Parts