Home | Drawing | Socket Plug
Socket Plug - Photoshop Tutorial

In this tutorial, we'll walk through the steps necessary for creating a two-prong socket plug. These plug graphics are great for website interface designs or graphic design projects. What is especially useful about this tutorial is that once you learn it, you can apply variations in the design to create different types of plugs.

Step-by-Step Instructions:

1. Create a new file of 500 x 500 pixel wide & of 72 dpi.

2. Create a new layer and draw a box like shown in the figure. Fill it with Grey Color.



3. Now drag a guide in 1/3rd portion of the rectangle and draw a circle like shown in the figure.



4. Now press delete to remove the portion.

5. Draw a circle again in the lower portion of the rectangle and delete that portion too. You should have an image like that.



6. Select the plug image and right click on it and select blending options. Give this value to the plug image.



7. Press Ctrl+J to duplicate the layer. Select this duplicate layer by control clicking on its name. Now go to Select > Modify > Contract and contract the selection to 8-10 pixels.

8. Press Shift+Ctrl+I and press delete to remove the portion.

9. Right click on the layer and select blending options and give these values.






10. Now draw a circle and press delete as shown in the figure.


11. Now select rectangular marquee tool to draw a line like shown in the figure and press delete. Again press Shift+Ctrl+Right arrow key to move the selection and press delete. Repeat this step for one more time. After that select single column marquee tool and press delete. Move the selection to have a shape like that.



12. Right click on the layer 1 name and click on copy layer style.

13. Create a new layer. Draw a line as shown in the figure. Right click on the line layer and select paste layer style.

14. Duplicate this layer to have a shape like this:



15. Create a new layer and draw a straight line. Use liquify command (Filter > Liquify) to have a shape like wire in the following image and add little drop shadow to the wire layer. Place this as shown in the figure.



16. Your image is ready. :)


Creating a Plug | Two Pronged Socket Plug | Drawing Tutorial | Photoshop Tutorials | Tutorial Photoshop