Red and White Pearl Download Icon
Posted on 02. Aug, 2009
by Tutorials Etc in Icons
Today's Etc Tutorial is a red and white pearl icon. We will be using a standard down arrow Photoshop shape to create the image inside of the white pearl icon.
Here we’re going to create the download icon from the red and white pearl icons series at IconsETC.
STEP #1
Create a new document 400px * 400px with 72dpi and a white background as seen below.
STEP #2
To create the base of the icon first activate the shape tool by pressing U. Make sure the ellipse shape tool is selected then draw out a circle similar to the one shown below.
STEP #3
Activate the layer styles pallet by double clicking on the layer you just created or by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu. Then enter the settings below.
STEP #4
Now above the pearl layer create a new layer by going to LAYER >> NEW >> LAYER in the menu. Activate the shape tool by typeing U. Make sure the custom shape tool is selected then choose the built in arrow shape and drag out a shape similar to the one below.
STEP #5
Rotate the arrow you just created by 90% by going to EDIT >> TRANSFORM >> ROTATE >> ROTATE 90 CW. Then select the move tool and center the arrow.
STEP #6
Activate the layer styles pallet on the arrow layer now and enter the settings below.
That’s it!
You should now have something like what you see below.
Didn’t get the exact same results? Want to save some time? Download the source files below.
What’s Included in the Download:
• Fully layered source PSD
• .ASL file with layer style needed to create the icons – ready to install!
BONUS: 36 fully layered popular icons in this style as seen in the preview.
Related Tutorials
Premium
Ariath
08. Sep, 2009
Wow! quite simple and yet, so handy
karen
01. May, 2011
Although I haven’t used Photoshop before, I might say that this tool is very efficient in making icons and other stuff. I have seen the black white pearls icons and I have to say that the icons are very nice. Although the red and white pearl looked good, I like the astrological icons in black white pearls icons.
Martin
05. Jun, 2011
I still find the whole thing a little bit complicated. Can’t you explain the whole thing in a little more user-friendly manner – think about total newbies to photoshop. That’s me.
Maybe people a little bit more familiar with the photoshop world, might have liked this and found it very useful tutorial.
Regards,
Webmaster – Photoshop Tutorials Videos
Rachel
14. Jun, 2011
Can you use the same basic instructions to create the icon using the Gimp? Detailed tutorial..thanks.
Pimsleur Spanish
Dave
18. Jun, 2011
@tutorials etc
I was just wondering, when you rotated the icon, does the glow remain at the bottom and not pointing to the direction of the arrow?
thanks
Dave
Custom Wine Cellar Marketer
Roy
01. Jul, 2011
instruction to create the icon using the Gipm helped me a lot. i appreciate your efforts that you have spent in this blog. Roy
Dave
10. Oct, 2011
I think it was a very good tutorial. I am basically a newcomer to gimp, (have never used actual photoshop) and was able to figure out how to make this. While gimp is different I don’t think it is so different that with just a little poking around I was able to figure it out. Also, I googled three things because I could not find them. Thanks.
here
19. Apr, 2012
“NXW-1fOUg8mqw-1328902933614 Thanks for that awesome posting. It saved MUCH time
Sagan Marketing
13. Jun, 2012
Beautiful style. A gimp tutorial would be most welcome. The source files do not work in Gimp… though obviously Photoshop CS6 took them without a problem
Trackbacks
18. Jun, 2013