In this tutorial we will use Photoshop to create a fancy looking golden pen and envelope icon. We will be using lots of shape and layer style to achieve a realistic look. Before we start, take a look at the final image below.
If you like outcome be sure to keep reading – you will learn a lot of advanced and interesting features to build these two icons.
Start by creating a new group, named pen. We’ll put everything there to keep layers organized.
Activate rectangle tool and draw a rectangle. Click top, right, and left middle to add points. Move some points to create pen’s base. Use image below for reference.
Add these layer styles.
Select path we just created, copy it by pressing – CTRL+C.
In Path panels, create new path and paste (ctrl+V). Modify the path to make it longer. See picture below (#2). Change path to selection by ctrl+click the path. In Layers panel create new group and click Add Layer Mask icon. Every details on the pen will be placed inside this group.
Draw a small rectangle on top of the pen. Use color #906a00. Press ctrl+T for transformation, right click and choose warp. In the option bar select Warp: Arch with blend setting 30%.
Add these layer styles.
Using similar steps above, create another shape on the pen. Use layer styles shown below.
Using an ellipse tool create an ellipse. Add these layer styles.
Zoom closer to see more detail. Create new layer. Create selection with polygonal lasso for highlight. Fill the selection with white (Edit > Fill). Remove selection ( ctrl+D ) then add Gaussian Blur (Filter > Blur > Gaussian Blur). Make the highlight more subtle by lowering its opacity to 80%.
Create shape shown below. Change its fill layer to 0% and add these layer styles.
Duplicate shape a few times and place it below.
Create new layer. Using soft brush, draw white line along the pen’s body. Add Gaussian Blur to soften it. Change its opacity to 65%. Erase both ends using soft eraser. Duplicate highlight layer to make it stronger.
The gold metal is more reflexive and need to cast more lights. Create new layer. paint it with white, add Gaussian blur and change its opacity to 50%.
Now, we’ll add marble texture to the pen. Add another layer above all layers. Press D button to change foreground and background color to black and white. Click Filter > Render > Clouds then Filter > Render > Difference Clouds. Do this a few times until you have satisfying result. Change blend mode to Overlay and opacity to 40%.
Use pen tool and draw pen’s handle. Add Inner shadow.
Draw small circle under the pens handle. Add these layer styles.
Draw small circle and put it under all the other layers.
Draw small rectangle to connect pen and its handle.
Draw pen’s tip underneath the pen’s body. Add some layer styles.
We’re done with the pen. Right click pen’s group and choose Convert to Smart Object.
Next, we’ll focus on the envelope so click the eye icon to hide the pen.
Create new group named envelope. We’ll put every shapes here.
Activate rounded rectangle tool. Choose radius 3px in the option bar. Draw a rectangle on the stage. Add these layer styles.
Draw another shape like shown below. Add these layer styles.
Draw similar shape, this time on top. Use layer styles shown below.
Copy the path, and transform it until it looks like this.
Ctrl+click on path to change it to selection. Create new layer, fill it with black.
Remove selection ( ctrl+D ). Add Gaussian Blur.
Change its opacity to 40% and erase shadow outside the envelope using soft brushed eraser.
Draw a rectangle shape. Press ctrl+T, right click and choose Warp, then move its top side. Duplicate rectangle by pressing ctrl+alt+T
and right arrow a few times. Press ctrl+shift+alt+T few time to repeat the duplication.
Duplicate layer ( ctrl+J ) and change its color to #f1b6c1.
Select rectangle number 1, 3, 5, 7, … and delete it. This way, we’ll alternating red and blue shape.
Select both red and blue shape layers, alt+drag to duplicate it. Put it in every side of the envelope.
Remove unneeded shape by adding layer mask and paint it with black.
Okay, we’re done. Right click envelope group and choose Convert to Smart Object. Press ctrl+T and rotate the envelope.
Unhide the pen by clicking its eye icon. Ctrl+click pen to create selection base on its shape. Create new layer and fill it with black. Press ctrl+T, move pivot point to bottom left corner and start dragging to rotate it.
Click Filter > Blur > Gaussian Blur. Add layer mask and give it a white to black gradient. As you can see below, we have just creating its shadow.
Oops, I forgot the envelope’s shadow. This one is easy, just add drop shadow layer style to the envelope layer.
We’re done. I hope you like the result and enjoy doing this tutorial.