1stwebdesigner |
Draw Golden Pen and Envelope Icon in Photoshop Posted: 15 May 2010 04:00 AM PDT 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. Final previewStep 1Start 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. Step 2Add these layer styles. Step 4Select 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. Step 5Draw 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%. Step 6Add these layer styles. Step 7Using similar steps above, create another shape on the pen. Use layer styles shown below. Step 8Using an ellipse tool create an ellipse. Add these layer styles. Step 9Zoom 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%. Step 10Create shape shown below. Change its fill layer to 0% and add these layer styles. Step 11Duplicate shape a few times and place it below. Step 12Create 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. Step 13The 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%. Step 14Now, 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%. Step 15Use pen tool and draw pen’s handle. Add Inner shadow. Step 16Draw small circle under the pens handle. Add these layer styles. Step 17Draw small circle and put it under all the other layers. . Step 18Draw small rectangle to connect pen and its handle. Step 19Draw pen’s tip underneath the pen’s body. Add some layer styles. Step 20We’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. Step 21Create 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. Step 22Draw another shape like shown below. Add these layer styles. Step 23Draw similar shape, this time on top. Use layer styles shown below. Step 24Copy the path, and transform it until it looks like this. Step 25Ctrl+click on path to change it to selection. Create new layer, fill it with black. Step 26Remove selection ( ctrl+D ). Add Gaussian Blur. Step 27Change its opacity to 40% and erase shadow outside the envelope using soft brushed eraser. Step 28Draw 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. Step 29Duplicate layer ( ctrl+J ) and change its color to #f1b6c1. Step 30Select rectangle number 1, 3, 5, 7, … and delete it. This way, we’ll alternating red and blue shape. Step 31Select both red and blue shape layers, alt+drag to duplicate it. Put it in every side of the envelope. Step 32Remove unneeded shape by adding layer mask and paint it with black. Step 33Okay, we’re done. Right click envelope group and choose Convert to Smart Object. Press ctrl+T and rotate the envelope. Step 34Unhide 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. Step 35Click 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. Step 36Oops, I forgot the envelope’s shadow. This one is easy, just add drop shadow layer style to the envelope layer. Final ResultWe’re done. I hope you like the result and enjoy doing this tutorial. |
You are subscribed to email updates from Graphic and Web Design Blog To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google Inc., 20 West Kinzie, Chicago IL USA 60610 |
Comments (0)
Post a Comment