IPB
 
Reply to this topicStart new topic
> How To Make Simple Icons For Nokia S40, for photoshop beginners
your_mother
post Jul 10 2011, 06:26 AM
Post #1



Group Icon

Group: Legendary Designer
Posts: 2657
Joined: 9-January 08
From: Taka Tuka Land
Member No.: 2505090



This is an easy tutorial for photoshop beginners who want to make their own icons. Hope it's understandable (finally my photoshop is in english!!), if you have any questions don't hesitate to ask...

1. Create a new file with the size 48 x 48 px.

2. Add a new layer on top of your background layer. You can simply click on the little icon on the bottom of your layers-palette.
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/1.jpg)

3. Select the ellipse tool. You might have to make a right-click to find it...
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/2.jpg)
Make sure the option shown below is active. You can find those options on the top of your photoshop window.
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/3.jpg)

4. Draw an ellipse. If you want it perfectly round you can hold shift while drawing.

5. Right click on the layer with your ellipse and choose 'Blending Options'.

(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/6.jpg)

6. Play around with the layer-options.
As you can see I added a small shadow (size and distance 2px), beavel and emboss (I used an angle of 90 to 70 with a pretty big size and low depth), color overlay (light blue) and a stroke (1px).
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/7.jpg)
You can already see what it looks like now on your screen. Once you're satisfied click ok.

7. Choose the custom shape tool. Again, you have to right click on the tools palette to find it.
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/8.jpg)

8. Choose your desired shape in the options on the top of your photoshop window. If you click on the little arrow on the right you are able to choose from more shapes.
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/9.jpg)

9. Create a new layer. As described in point 2.

10. Draw your shape to fit nicely into your ellipse.

11. Hide the background of your icon. That's very important, otherwise you end up with a white square. Simply click on the little eye on the side of your background layer to do that.
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/10.jpg)

12. Save your file as .png. Choose 'File' - 'Save for web and devices'. Choose 'PNG 24' in the dropdown menu on the right top and save.
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/11.jpg)


And that's it. Here's the finished icon:
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/Untitled-1.png)
Now of course you don't have to repeat all of this for every icon. You can simply add a new layer and draw a new custom shape on it for your next icon. Of course you have to always hide the previous shape before...

This post has been edited by your_mother: Jul 10 2011, 06:29 AM
Go to the top of the page
 
+Quote Post
Aleena143
post Jul 11 2011, 04:41 AM
Post #2



Group Icon

Group: Dedicated Artist
Posts: 2123
Joined: 22-April 09
From: PeaceHOME
Member No.: 5001715



Mom nice tutorials,definetly it will be a great tutorials whom r beginners...

mom i need a help frm u....pls teach me r give me one examples for ,how to create ornamental softkeys.i just love to do it...

like lia, u, and others doing.....here

(IMG:http://img651.imageshack.us/img651/341/softkeys.jpg)

waiting for one more tutorial based on ths softkeys.

Go to the top of the page
 
+Quote Post
your_mother
post Jul 11 2011, 08:03 AM
Post #3



Group Icon

Group: Legendary Designer
Posts: 2657
Joined: 9-January 08
From: Taka Tuka Land
Member No.: 2505090



QUOTE (Aleena143 @ Jul 11 2011, 01:41 PM) *
mom i need a help frm u....pls teach me r give me one examples for ,how to create ornamental softkeys.i just love to do it...

I would love to help you, but for once I can't. I simply don't know myself how those people do it... If you take a look at my themes you can see that most of them have very simple borders. I'm hoping somebody else makes a tutorial about it, I'd like to learn that myself...
Go to the top of the page
 
+Quote Post
Na3em0
post Jul 11 2011, 08:21 AM
Post #4





Group: Super Members
Posts: 515
Joined: 27-June 09
Member No.: 5446391



owsum tutorial thnx
Go to the top of the page
 
+Quote Post
LordOfLightning
post Jul 12 2011, 05:17 AM
Post #5





Group: Super Members
Posts: 1325
Joined: 23-December 10
From: The Shadows
Member No.: 8562758



Awesome tutorial mom
and thanks
Go to the top of the page
 
+Quote Post
Aleena143
post Jul 13 2011, 12:11 AM
Post #6



Group Icon

Group: Dedicated Artist
Posts: 2123
Joined: 22-April 09
From: PeaceHOME
Member No.: 5001715



QUOTE (your_mother @ Jul 11 2011, 09:03 AM) *
QUOTE (Aleena143 @ Jul 11 2011, 01:41 PM) *
mom i need a help frm u....pls teach me r give me one examples for ,how to create ornamental softkeys.i just love to do it...

I would love to help you, but for once I can't. I simply don't know myself how those people do it... If you take a look at my themes you can see that most of them have very simple borders. I'm hoping somebody else makes a tutorial about it, I'd like to learn that myself...


Oh, thanks mom, but i hope anyone write tutorial on ths .
Go to the top of the page
 
+Quote Post
Mr_Crash
post Jul 14 2011, 03:31 AM
Post #7





Group: Members
Posts: 204
Joined: 28-February 11
Member No.: 8880406



(IMG:style_emoticons/default/wow.gif) Once again great Tutorial mom.. (IMG:style_emoticons/default/notworthy.gif)

And about ornament softkey you can download ornament brushes from Deviantart...! (IMG:style_emoticons/default/thumbsup.gif)
Go to the top of the page
 
+Quote Post
san-sagar
post Oct 7 2011, 11:30 AM
Post #8



Group Icon

Group: Rising Themer
Posts: 3390
Joined: 28-March 11
From: India,maharastra-mumbai
Member No.: 9008745



nice tutorial once again momy...****
Go to the top of the page
 
+Quote Post
pokefansara
post Mar 5 2012, 10:03 PM
Post #9





Group: Partial Members
Posts: 7
Joined: 3-August 11
Member No.: 9706137



could i pls knw how do i upload a preview of d icon pds file i've made for the dc contest pls....!!i'm a li' new here...!!
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

 

Lo-Fi Version Time is now: 1st September 2014 - 07:26 AM