An Interest In:
Web News this Week
- April 22, 2024
- April 21, 2024
- April 20, 2024
- April 19, 2024
- April 18, 2024
- April 17, 2024
- April 16, 2024
How to Create an Aquaman-Inspired Text Effect in Adobe Photoshop
This tutorial will show you how to use layer styles, textures, brushes, with a bunch of tools and adjustments to create a text effect inspired by the Aquaman movie poster. Let's get started!
This text effect was inspired by the many Layer Styles available on GraphicRiver.
Tutorial Assets
The following assets were used during the production of this tutorial:
- Lato Heavyfont
- by dadrian
- by spiritsighs-stock
- by redwolf518stock
- by jojo-ojoj
- by darkwood67
- by Chrisdesign
- by DivsM-stock
- 30 Awsome Lens Flareby mbarekamsoftgfx
- Free Water Splash Photoshop Brushesby Brusheezy.com
- by Serkenil
- by artboy2007
1. How to Create a Background
Step 1
Create a new 3000 x 2071 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.
Create the gradient fill using the Colors #297f82
to the left, #1a3344
in the middle, and #0d1018
to the right.
Change the Style to Radial, and click-drag the center of the gradient to place it at the top of the document.
Increase the Scale value to 200, and check the Dither box.
Step 2
Go to File > Place Linked, open the Under water texture image, and go to Image > Adjustments > Hue/Saturation to change the Saturation value to -100.
Step 3
Change the texture layer's Blend Mode to Color Dodge.
Step 4
Go to Edit > Transform > Warp, choose Arc from the Warp menu in the Options bar, and click-drag the control point to get a result you like.
Step 5
Hit the Return key to commit the changes, and click the Add layer mask icon at the bottom of the Layers panel.
Step 6
Pick the Gradient Tool, set the Foreground and Background Colors to White
and Black
, choose the Foreground to Background gradient fill, and click the Radial Gradient icon in the Options bar.
Select the mask's thumbnail, and click-drag from the document's top to its bottom to create a gradient mask.
2. How to Add a Light Rays Brush
Step 1
Pick the Brush Tool, and create a new layer and name it Light Rays.
Change the layer's Blend Mode to Overlay and its Opacity to 50%.
Step 2
Hold the Option key, and click-drag the texture layer mask's thumbnail to the Light Rays layer to duplicate it.
Step 3
Unlink the mask by clicking the link icon between the layer and mask thumbnails.
Select the layer's thumbnail, and add a light rays brush from the Light Rays pack. You can then press Command-T to enterFree Transform Mode and rotate, resize, and warp the rays.
3. How to Add a Fizz Texture
Step 1
Open the Phineas F. Texture Stock image, and go to Image > Calculations.
Change both Channel values to Red, the Blending to Overlay, and the Result to Selection. Click OK, and go to Edit > Copy.
Step 2
Back to the original document, go to Edit > Paste, rename the layer to Top Fizz, and change its Fill value to 0%.
Place the texture at the top of the document and resize it as needed.
Double-click the Top Fizz layer to apply the following layer style:
Step 3
Add a Bevel and Emboss with these settings:
- Size: 2
- Uncheck the Use Global Light box
- Angle: 122
- Altitude: 42
- Gloss Contour: Ring
- Check the Anti-aliased box
- Highlight Mode: Linear Light
- Shadow Mode:
- Opacity: 35%
Step 4
Add a Contour with these settings:
- Contour: Ring - Double
- Check the Anti-aliased box.
Step 5
Lower the Opacity to 50%.
Step 6
Put all the layers except for the Background layer in a group and name it Background.
4. How to Create a Smart Object Text Layer
Step 1
Create the text in All Caps using the font Lato Heavy. Set the Size to 250 ptand the Tracking to 645.
Step 2
Rename the text layer to Text, right-click it, and choose Convert to Smart Object.
5. How to Record a Simple Extrusion Action
Step 1
Open the Actions panel, click the Create new set icon at the bottom of the panel, typeExtrusion in the Name field, and click OK.
Step 2
Click the Create new action icon at the bottom of the panel, typeAction in the Name field, and click Record.
Step 3
Press Command-J to duplicate the Text layer.
Step 4
Press Command-T to enterFree Transform Mode.
In the Options bar, click the Maintain aspect ratio icon between the W and H fields, and set their values to 99.9%.
Hit the Return key to commit the changes. You should see all the steps recorded and added to the action you've created.
Step 5
Click the Stop recording icon at the bottom of the Actions panel.
6. How to Create an Extrusion
Step 1
Click the Play selection icon at the bottom of the Actions panel ten times to create ten more copies with the transformation.
Step 2
Select all the Text layers, and go to Layer > Arrange > Reverse. This will place the last copy layer at the bottom and bring the original to the top.
Step 3
Deselect the first and last Text layers, and place the rest in a group and name it Center.
Step 4
Rename the topText layer to Front and the last to Back.
Step 5
Duplicate the Front layer twice.
Step 6
Drag the Front layer on top of all layers inside the Center group.
7. How to Style the Front Text Layers
Double-click the Front copy 2 layer to apply the following layer style:
Step 1
Add a Bevel and Emboss with these settings:
- Style: Stroke Emboss
- Depth: 300
- Size: 5
- Uncheck the Use Global Light box
- Angle: -176
- Altitude: 21
- Gloss Contour: Gaussian
- Check the Anti-aliased box
Step 2
Add a Contour with these settings:
- Contour: Cone - Asymmetrical
- Check the Anti-aliased box.
Step 3
Add a Stroke with these settings:
- Size: 3
- Position: Inside
- Fill Type: Gradient
- Style: Reflected
- Create the Gradient using the Colors
#7e662e
to the left, and#cfb765
with a Location value around 86%.
Step 4
Change the Fill value to 0%.
Step 5
Convert the layer to a Smart Object.
Step 6
Double-click the Front copy layer to apply a Pattern Overlay effect with these settings:
- Pattern: 1.jpg (Open the image from the Metal seamless textures pack, and go to Edit > Define Pattern to add it to the preset)
- Scale: 50%
This will style the front part of the text.
8. How to Style the Extrusion
Double-click the Front layer to apply the following layer style:
Step 1
Add a Bevel and Emboss with these settings:
- Style: Stroke Emboss
- Depth: 230
- Size: 5
- Uncheck the Use Global Light box
- Angle: -90
- Altitude: 50
- Gloss Contour: Cove - Deep
- Check the Anti-aliased box
Step 2
Add a Contour with these settings:
- Contour: Rolling Slope - Descending
- Check the Anti-aliased box.
Step 3
Add a Stroke with these settings:
- Size: 3
- Position: Center
- Fill Type: Gradient
- Style: Linear
- Create the Gradient using the Colors
#7e662e
to the left and right, and#d4c591
in the middle.
Step 4
Change the Frontlayer's Fill value to 0%, right-click it, and choose Copy Layer Style.
Step 5
Select the other layers inside the Center group, right-click any of them, and choose Paste Layer Style.
9. How to Style the Back Text Layer
Double-click the Back text layer to apply the following layer style:
Step 1
Add a Bevel and Emboss with these settings:
- Style: Stroke Emboss
- Size: 4
- Uncheck the Use Global Light box
- Angle: -164
- Altitude: 53
- Gloss Contour: Gaussian
- Check the Anti-aliased box
Step 2
Add a Contour with these settings:
- Contour: Cone - Asymmetrical
- Check the Anti-aliased box.
Step 3
Add a Stroke with these settings:
- Size: 2
- Position: Outside
- Fill Type: Gradient
- Style: Reflected
- Create the Gradient using the Colors
#7e662e
to the left and right, and#fdcb1c
in the middle.
Step 4
Change the Back layer's Fill value to 0%.
Step 5
Double-click the Center group to apply a Gradient Overlay effect with these settings:
- Check the Dither box
- Blend Mode: Color Burn
- Style: Reflected
- Use the Silver 30 gradient fill
This will finish styling the text.
10. How to Create a Simple Texture Using Filters
Step 1
Create a new layer on top of all layers, fill it with Black
, name it Extrusion Texture, and convert it to a Smart Object.
Step 2
Set the Foreground and Background Colors to Black
and White
, and go to Filter > Render > Fibers.
Change the Vibrance to 20and the Strength to 5.
Step 3
Go to Filter > Blur > Motion Blur, and change the Angle to 90 and the Distance to 25.
Step 4
Use the Rectangular Marquee Tool to select a random small area of the texture.
Step 5
Press Command-J to duplicate the selected area in a new layer, and hide the Extrusion Texture layer.
11. How to Add the Extrusion Texture
Step 1
Move the duplicated texture layer on top of the Center group, right-click it, and choose Create Clipping Mask.
Step 2
Place the clipped texture on top of the letter you want to apply it to, and press the Command-T keys to transform the texture so that it matches the part you want it to cover.
Step 3
You can add a mask and use a round brush tipto remove any areas you don't like.
Step 4
Once you're done, change the texture layer's Blend Mode to Soft Light.
Step 5
For rounded letter parts, you can use the Warp mode to adjust the texture.
Step 6
Show the Extrusion Texture layer, select a new area, and repeat the steps to add the texture to all the letters you have.
Once you're done, put the Center group and its texture layers in another group with the name Center + Textures.
12. How to Add Highlights and a Color Texture
Step 1
Create a new layer on top of all the layers inside the Center + Textures group, name it Highlights, and clip it to the Center group.
Change the Highlights layer's Blend Mode to Linear Light, and its Opacity to 30%.
Set the Foreground Color to #b5aa98
, and use a soft round brush tip to paint some highlights over the bright areas of the extrusion.
Step 2
Create a new layer on top of the Front copy 2 layer, name it Stroke Highlights, and change its Blend Mode to Vivid Light.
Clip the Stroke Highlights layer to the Front copy 2 layer, and add some highlights to the stroke.
Step 3
Place the out of the blue image on top of the Front copy layer, resize it as needed, rename its layer to Color Texture, and change itsBlend Mode to Color.
Command-click the Front copy layer to create a selection.
Step 4
Click the Add layer mask icon.
Step 5
Put all the front layers in a group and name it Front.
13. How to Add Texture Overlays
Step 1
Place the grunge-background8 image from the Grunge-Backgrounds pack on top of the Front group, clip it to it, change its layer's Blend Mode to Soft Light, and resize it as needed.
Step 2
Go to Image > Adjustments > Hue/Saturation, and change the Saturation value to -100.
Step 3
If you like a smaller texture overlay, you can create copies to cover the whole text instead of scaling the texture up.
Step 4
Add the Ur gravel texture on top of the grunge-background8 layers, and go to Image > Adjustments > Levels.
Change the Input Levels Shadows' value to 50and the Output Levels Highlights' value to 150.
Step 5
Clip the layer to the Front group, change its Blend Mode to Soft Light, and resize the texture to cover the first letter.
Step 6
Duplicate to add the texture to each of the remaining letters, and then put the Frontgroup and its texture layers in another group and name it Front + Texture.
14. How to Add a Lens Flare
Step 1
Place the Lens Flare 02 image from the 30 Awsome Lens Flare pack on top of all layers, and go to Edit > Transform > Rotate 90° Clockwise.
Step 2
Double-click the lens flare layer's thumbnail to open its original file. Create a new layer under the flare's layer and fill it with Black
.
Step 3
Select both layers and press Command-E to merge them, and save and close the file.
Step 4
Change the flare layer's Blend Mode to Screen and its Opacity to 70%. Place the flare on top of one of the letters in the center of the text, and resize it as needed.
Step 5
Go to Image > Adjustments > Hue/Saturation, check the Colorize box, and change the Hue to 180 and the Saturation to 50.
Step 6
Go to Image > Adjustments > Levels, and change the Gamma value to 0.61.
15. How to Add Water Splashes
Step 1
Create a new layer on top of the flare layer and name it Water Splash 01, and change its Fill value to 0%.
Double-click the Water Splash 01 layer to apply the following layer style:
Step 2
Add a Bevel and Emboss with these settings:
- Size: 3
- Uncheck the Use Global Light box
- Angle: -48
- Altitude: 21
- Gloss Contour: Ring
- Check the Anti-aliased box
- Highlight Mode: Linear Light
- Opacity: 35%
- Shadow Mode:
- Opacity: 20%
Step 3
Add a Contour with these settings:
- Contour: Ring - Double
- Check the Anti-aliased box.
Step 4
Use the Free Water Splash Photoshop Brushes and Water Splash Brushes packs' brush tips to add water splashes to the letter with the flare.
For better results, add each splash in a separate layer, and copy and paste the layer style to each copy.
Step 5
You can also add some splashes to the background behind the text.
16. How to Make Global Adjustments
Step 1
Place the Concrete Rough 5 texture on top of all layers, rename its layer to Texture Overlay, and change its Blend Mode to Soft Light and its Opacity to 10%.
Step 2
Add a Photo Filter adjustment layer on top of all layers, and use the default values.
Step 3
Save the file as an image, open the image, and go to Image > Image Size to change the size to 1500 x 1063 px.
Step 4
You can also use the Crop Tool to control the final size even more.
Congratulations! You're Done!
In this tutorial, we created a simple background and a text smart object layer. After that, we recorded an action to create the extrusion, and styled all parts of the text.
Then, we created and added a bunch of different texture overlays, flare, and adjustment layers to the text. Finally, we added some water splash brushes to finish off the effect.
Please feel free to leave your comments, suggestions, and outcomes below.
Original Link: https://design.tutsplus.com/tutorials/aquaman-movie-poster-text-effect--cms-29098
TutsPlus - Design
TutsPlus+ is a blog/Photoshop site made to house and showcase some of the best Photoshop tutorials around.More About this Source Visit TutsPlus - Design