In this Photoshop tutorial, I will show you how to create a realistic 3D Baseball cap in Adobe Photoshop using the Pen tool brushes and some nifty tricks.
Step 1: Create the shape
Create a new document in Photoshop and fill it with white (#FFFFFF). Create a new layer and use the Pen Tool (P) to create the shape of the cap (you can use an image of a cap as reference for this, or use the outline shown below). After that, press Command+Enter to transform the path into a selection. Then fill it with the color #1c1812.
Step 2: Define shapes
It’s time to define some parts of the cap. Use the Burn Tool (O) for adding some shadows to the cap (shown below) and then use the Pen Tool (P) to create two lines (#413a2f).
Step 3: Create the Texture
The rear part of the cap must be darker. Create a selection on the back of the hat, and use the Brush Tool (B) to fill the selection with a black color on a new layer.
Step 4: Blending Options,
Right-click on the layer with the rear part of the cap and select Blending Options. Then go to Pattern Overlay and add the below settings.
Blend Mode: Hard Light
Step 5: Merge Layers,
The seams of the visor are created with the Pen Tool (P). Create each seam on a separate layer by drawing the line with the pen tool, stroking with a thin hard brush, and then erasing the edges with a large soft eraser. Select these layers with the seams, and Merge Layers.
Duplicate them, invert their color (Ctrl+I) and place the black seams layer behind the other ones. This gives it a bevel effect
Step 6: Noise Selection of the Layer
Create a new layer. Again use the Pen Tool (P) to create a shape like below and fill the selection with black. Then add noise to the selection (Filter > Noise > Add Noise | Keep it below 10%), and keep the Opacity of the layer to 75%.
Step 7: Light Effects to make Rear Side
Create another layer and build a shape like below using the Pen Tool (P). Next thing you’ll have to do is to add some light, to make the rear side of the cap look more transparent (as if light is fading through from the other side). Use the Brush Tool (B) with white color and add some smooth light.
Step 8: Add logo
To give it an unique look you can add a brand or some unique design elements of your own. I used #7b7452 and then set the layer to Color Dodge.