Home | Drawing | Butterfly
Butterfly Icon - Photoshop Tutorial

Sometimes, we artists might have a project (web design or print media), where we need to add graphic accents. Nothing accomplishes this more than creating small graphic icons. They are also useful in signatures, icons, or avatars on forum websites. They also make great graphics to use in emails. In this tutorial, we'll walk through the process of making a butterfly icon.

Step-by-Step Instructions:

1. Create a new file of your choice.

2. Create a new layer by pressing shift+ctrl+n.

3. Select Elliptical Marquee tool and draw the shape as shown in the picture.



4. Fill the selection with (#F87603) and press ctrl+d to deselect the layer.



5. Press ctrl+j for 2 times to get 2 copies of the layer and rotate these two layers to obtain the shape like in figure.



6. Link all these 3 layers and after that merge them by pressing ctrl+e.

7. Once again press ctrl+j to duplicate the layer. Now right click on this layer and select blending options. Under blending options, select color overlay and select the color (#FFDC03). Press OK.

8. Press Ctrl+T to transform the layer and reduce its size as shown in the figure.



9. Link and merge these two layers.

10. Now, press Ctrl+J to duplicate this layer and rotate it to get the shape as shown in the figure.



11. Now, the wings of butterfly are ready. We will add head and tail in it to get the perfect shape. For this, create a new layer by pressing shift+ctrl+n and fill it with color values of (#F87603).



12. Rotate it and place it in the middle of the wings as shown in the figure.



13. Remove the upper portion by selecting it from either marquee tools or use eraser to erase it.



14. Now add a small circle over this layer and fill it with color values of (#F87603).



15. Select line tool from custom shape tool and draw two lines as shown in the figure. Butterfly is ready....... ooops.... catch it otherwise it will fly away from you. :-))




Butterfly Icon | Butterflies | Drawing Tutorial | Photoshop Tutorials | Tutorial Photoshop