Professional IconsEverybody has heard about the iPhone, the phone that shook the world of mobile phones. The iPod Touch is the same device, but without the phone. These devices have an interface consisting largely of icons arrayed on panels, and a dock. Both default icons for applications and themed icons are a necessity. This tutorial covers the methods and theories behind the icon making process. It will also teach you to incorporate standard graphics design methods into your icons. Be sure to check the attached images for an example of parts of the icon, some finished products, and an example of an icon set. Step 1 – Basics. We’re going to need a slate on which to create our icon! – Create a new document in Photoshop, size 60x60px with a transparent background. Step 2 – Wallpaper the icon. This is the back part of the icon, behind the symbol. This is typically what defines a theme, and stays the same throughout one (save perhaps for color). – If you’ve deselected the layer, reselect its contents (Ctrl+Click on the layer preview on the left of the layer in the layers panel). Step 3 – Symbolism. This part of the process defines what the icon is for. From a simple text to the most detailed image, all of these are symbols. The symbol of the icon should convey what the icon is for, whether it be a web browser, a picture viewer, what have you. – Design your symbol – this can be a photo, a cutout from a photo, a mono color design made on the spot, or anything else you can imagine. The size of the symbol should leave at least 5-10px of padding space on every side of it. Step 4 – Reflection. We’re going to create a professional reflectivity effect, to make the icon look crystallize, or glassy. – Create a new layer (Ctrl+Shift+N). In order to create a reflection of the standard icon style (see the images for an example), follow these steps: – Deselect anything you’ve got selected (Ctrl+D) and make sure you’re on the reflection layer. Step 5 – Templates and Glory. Save the icon files and revel in your now-evident icon-creation skills. – Save the PSD file. Most of you would do this anyway, but it’s especially important with icons. This way if you’d like to make matching icons, you can simply re-open this and replace the symbol layer(s). The post Photoshop Tutorial: iPhone and iPod Touch Icons appeared first on Photoshop Online. via Blogger Photoshop Tutorial: iPhone and iPod Touch Icons
0 Comments
Leave a Reply. |
WHO WE ARE
We are small team of Photoshop lover and we love to share our expertise in Photoshop. We have created this website as a platform to share Photoshop tutorials. We plan to video tutorial section in the coming month. Please let us know if you have any suggestion to my website. SOCIAL LINKS
Photoshop Tutorials PhotoshopOnline G+page Photoshop Online YouTube Photoshop Online Blogger's Photoshop Online Tumblr Photoshop Online Delicious Photoshop Online Diigo Photoshop Online Evernote Photoshop Online Pocket Photoshop Online Onenote Photoshop Online Weebly Photoshop Online Medium Photoshop Online facebook Photoshop Online Twitter Photoshop Online About Me Photoshop Online Instapaper Photoshop Online Disqus Photoshop Online Pinterest Photoshop Online Alternion |