10 Awesome icons tutorial related to mobile

Here are few awesome Icons tutorial that i came across few websites related to mobile.This tutorial will help you to build icons in vector, png, jpg and other possible formats using adobe illustrator and photoshop.follow the link to view tutorial

Icon Design Tutorial: Drawing A Pencil Icon

Drawing A Pencil Icon tutorial

A tutorial to create awesome icons for mobile

Create a Documents Icons

document icon tutorial

Tutorial to create document folder icons

Tutorial: How to Create a Television Icon

vector icons tutorial

A retro television icon tutorial

How to Design a Set of Multicolored Buddy Icons

Multicolored Buddy Icons tutorial

A contact icons or social icons tutorial

Icon Design tutorial: How to Make a Calendar Icon

calendar icon tutorial

A calendar icon tutorial

Create an Aperture Style Camera Lens Icon

Camera Lens Icon tutorial

A camera lens icon tutorial with gradient effect

Create a Stylized GPS Icon

stylized gps icon tutorial

Cool gps device tutorial

Create an Envelope Icon with a Satin Feel

free sms message icon tutorial

Sms or message icons with stained effect for mobile

Design a Stylish Wallet Icon in Illustrator

Stylish Wallet Icon in Illustrator

Create a stylish wallet icon

Make 3D Yet Flat Looking Shopping Basket Icons

shopping cart icon tutorial

A shopping cart or basket used for e commerce website, mobiles and more

Design Your Own Mobile Phone Tutorial

Design Your Own Mobile Phone Tutorial

Info:
How to Design Your Own Mobile Phone Tutorial

All you will need is Adobe Photoshop (CS, CS2, CS3 or CS4).
After following the steps in this tutorial you should end up with something like this:

So let’s start,
open a new photoshop document, and set the width and height to 450×615 pixels and resolution to 72 pixels/inch.Using the gradient tool (G). Set mode to Normal and opacity to 100%. Set a nice gradient going from light to dark and with the gradient tool go from the top to the bottom of the document.

Create a new layer (Layer> new> new layer) and take the Rounded rectangle tool (U).

Design Your Own Mobile Phone Tutorial
Make the basic outline of your phone. Now in the right bottom corner of the layer case right click on the layer with the shape, and select blending options. Set this options:
Design Your Own Mobile Phone Tutorial
Design Your Own Mobile Phone Tutorial
Design Your Own Mobile Phone Tutorial

Now create a new layer and use the Rounded Rectangle tool (U) and set the radius to 12px.
Now with black foreground make a screen for your mobile leaving enaugh space for navigations
and buttons. Set the following Blending options for this layer:

Inner shadow: Angle 135
Rest default

Gradient Overlay: Opacity; 12%
Angle 90
Rest default

Stroke: Size: 1
Outside
Normal
Opacity: 54%
Fill type: gradient
Angle: -159
Scale: 100

Design Your Own Mobile Phone Tutorial

Than on a new layer you will create the navigations. Take the Rounded rectangle tool and set radius to 20 px. You can make a close up to about 200% to make it button more neat. And make a small (about 45px high) button. now set the same blending options but add stain with this settings:
Design Your Own Mobile Phone Tutorial

Now with the move tool (V) you can place it right in the center.

Using the text tool (T) And type in ‘OK’ or anything else you want. With the move tool place it on the button you created. And you can set some blending options for your text if want.
Create a new layer and make navigations. I want to make small arrows using the line
tool (U) or the text tool (T). Using the move tool place them around the button.

Hi everyone,

This is a updated tutorial on how to create your own mobile phone in Adobe Photoshop.
Please leave a comment or send me a message. if you have any problems.

All you will need is Adobe Photoshop (CS, CS2, CS3 or CS4).
After following the steps in this tutorial you should end up with something like this:

Reduced 20%
Attached Image
457 x 624 (21.57K)

So let’s start,
open a new photoshop document, and set the width and height to 450×615 pixels and resolution to 72 pixels/inch.Using the gradient tool (G). Set mode to Normal and opacity to 100%. Set a nice gradient going from light to dark and with the gradient tool go from the top to the bottom of the document.

Create a new layer (Layer> new> new layer) and take the Rounded rectangle tool (U).

Reduced 25%
Attached Image
662 x 28 (4.57K)

Make the basic outline of your phone. Now in the right bottom corner of the layer case right click on the layer with the shape, and select blending options. Set this options:

Attached Image

Attached Image

Attached Image

Now create a new layer and use the Rounded Rectangle tool (U) and set the radius to 12px.
Now with black foreground make a screen for your mobile leaving enaugh space for navigations
and buttons. Set the following Blending options for this layer:

Inner shadow: Angle 135
Rest default

Gradient Overlay: Opacity; 12%
Angle 90
Rest default

Stroke: Size: 1
Outside
Normal
Opacity: 54%
Fill type: gradient
Angle: -159
Scale: 100

Reduced 31%
Attached Image
536 x 717 (31.87K)

Than on a new layer you will create the navigations. Take the Rounded rectangle tool and set radius to 20 px. You can make a close up to about 200% to make it button more neat. And make a small (about 45px high) button. now set the same blending options but add stain with this settings:

Attached Image

Now with the move tool (V) you can place it right in the center.

Using the text tool (T) And type in ‘OK’ or anything else you want. With the move tool place it on the button you created. And you can set some blending options for your text if want.
Create a new layer and make navigations. I want to make small arrows using the line
tool (U) or the text tool (T). Using the move tool place them around the button.

Design Your Own Mobile Phone Tutorial

On a new layer use the rounded rectangle tool (U) and set the ratius to 15px.
Make a small recangle on one side of the phone, something like that:
Design Your Own Mobile Phone Tutorial

And it should set the previous blending options if not set them.
Now duplicate the layer and palce the button other side of the phone.

Using the text tool (T) type this symbol _ (Shift & -). Set the siye to 36 and font Arial
and set colour to green (10f020). Now duplicte this layer and set colour to red (fe0303)
With the move tool place red on right button and green on left button.

Now create a new layer, select the rounded rectangle tool (U) and set ratius to 7px.
Make a rectangle for the key pad. With the following blending options:

Design Your Own Mobile Phone Tutorial
Design Your Own Mobile Phone Tutorial

Hi everyone,

This is a updated tutorial on how to create your own mobile phone in Adobe Photoshop.
Please leave a comment or send me a message. if you have any problems.

All you will need is Adobe Photoshop (CS, CS2, CS3 or CS4).
After following the steps in this tutorial you should end up with something like this:

Reduced 20%
Attached Image
457 x 624 (21.57K)

So let’s start,
open a new photoshop document, and set the width and height to 450×615 pixels and resolution to 72 pixels/inch.Using the gradient tool (G). Set mode to Normal and opacity to 100%. Set a nice gradient going from light to dark and with the gradient tool go from the top to the bottom of the document.

Create a new layer (Layer> new> new layer) and take the Rounded rectangle tool (U).

Reduced 25%
Attached Image
662 x 28 (4.57K)

Make the basic outline of your phone. Now in the right bottom corner of the layer case right click on the layer with the shape, and select blending options. Set this options:

Attached Image

Attached Image

Attached Image

Now create a new layer and use the Rounded Rectangle tool (U) and set the radius to 12px.
Now with black foreground make a screen for your mobile leaving enaugh space for navigations
and buttons. Set the following Blending options for this layer:

Inner shadow: Angle 135
Rest default

Gradient Overlay: Opacity; 12%
Angle 90
Rest default

Stroke: Size: 1
Outside
Normal
Opacity: 54%
Fill type: gradient
Angle: -159
Scale: 100

Reduced 31%
Attached Image
536 x 717 (31.87K)

Than on a new layer you will create the navigations. Take the Rounded rectangle tool and set radius to 20 px. You can make a close up to about 200% to make it button more neat. And make a small (about 45px high) button. now set the same blending options but add stain with this settings:

Attached Image

Now with the move tool (V) you can place it right in the center.

Using the text tool (T) And type in ‘OK’ or anything else you want. With the move tool place it on the button you created. And you can set some blending options for your text if want.
Create a new layer and make navigations. I want to make small arrows using the line
tool (U) or the text tool (T). Using the move tool place them around the button.

Attached Image

On a new layer use the rounded rectangle tool (U) and set the ratius to 15px.
Make a small recangle on one side of the phone, something like that:

Attached Image

And it should set the previous blending options if not set them.
Now duplicate the layer and palce the button other side of the phone.

Using the text tool (T) type this symbol _ (Shift & -). Set the siye to 36 and font Arial
and set colour to green (10f020). Now duplicte this layer and set colour to red (fe0303)
With the move tool place red on right button and green on left button.

Now create a new layer, select the rounded rectangle tool (U) and set ratius to 7px.
Make a rectangle for the key pad. With the following blending options:

Attached Image Attached Image

Make a new layer and with the Rounded rectangle tool (U) make a bit smaller button than the
previous one but almost as wide. Now set this blending options for the layer:

Design Your Own Mobile Phone Tutorial
Design Your Own Mobile Phone Tutorial
Design Your Own Mobile Phone Tutorial

Now duplicate this layer 12 times and place each button to form a nice 4 rows
and 3 colums of buttons like this:

Hi everyone,

This is a updated tutorial on how to create your own mobile phone in Adobe Photoshop.
Please leave a comment or send me a message. if you have any problems.

All you will need is Adobe Photoshop (CS, CS2, CS3 or CS4).
After following the steps in this tutorial you should end up with something like this:

Reduced 20%
Attached Image
457 x 624 (21.57K)

So let’s start,
open a new photoshop document, and set the width and height to 450×615 pixels and resolution to 72 pixels/inch.Using the gradient tool (G). Set mode to Normal and opacity to 100%. Set a nice gradient going from light to dark and with the gradient tool go from the top to the bottom of the document.

Create a new layer (Layer> new> new layer) and take the Rounded rectangle tool (U).

Reduced 25%
Attached Image
662 x 28 (4.57K)

Make the basic outline of your phone. Now in the right bottom corner of the layer case right click on the layer with the shape, and select blending options. Set this options:

Attached Image

Attached Image

Attached Image

Now create a new layer and use the Rounded Rectangle tool (U) and set the radius to 12px.
Now with black foreground make a screen for your mobile leaving enaugh space for navigations
and buttons. Set the following Blending options for this layer:

Inner shadow: Angle 135
Rest default

Gradient Overlay: Opacity; 12%
Angle 90
Rest default

Stroke: Size: 1
Outside
Normal
Opacity: 54%
Fill type: gradient
Angle: -159
Scale: 100

Reduced 31%
Attached Image
536 x 717 (31.87K)

Than on a new layer you will create the navigations. Take the Rounded rectangle tool and set radius to 20 px. You can make a close up to about 200% to make it button more neat. And make a small (about 45px high) button. now set the same blending options but add stain with this settings:

Attached Image

Now with the move tool (V) you can place it right in the center.

Using the text tool (T) And type in ‘OK’ or anything else you want. With the move tool place it on the button you created. And you can set some blending options for your text if want.
Create a new layer and make navigations. I want to make small arrows using the line
tool (U) or the text tool (T). Using the move tool place them around the button.

Attached Image

On a new layer use the rounded rectangle tool (U) and set the ratius to 15px.
Make a small recangle on one side of the phone, something like that:

Attached Image

And it should set the previous blending options if not set them.
Now duplicate the layer and palce the button other side of the phone.

Using the text tool (T) type this symbol _ (Shift & -). Set the siye to 36 and font Arial
and set colour to green (10f020). Now duplicte this layer and set colour to red (fe0303)
With the move tool place red on right button and green on left button.

Now create a new layer, select the rounded rectangle tool (U) and set ratius to 7px.
Make a rectangle for the key pad. With the following blending options:

Attached Image Attached Image

Make a new layer and with the Rounded rectangle tool (U) make a bit smaller button than the
previous one but almost as wide. Now set this blending options for the layer:

Attached Image Attached Image Attached Image

Now duplicate this layer 12 times and place each button to form a nice 4 rows
and 3 colums of buttons like this:

Design Your Own Mobile Phone Tutorial

Now use the text tool (T) and type in the numbers on the keypad. I used size 24 pt
and asenine wide font (Regular) sharp and colour dark white (#dadada)
After that type in the alphabet latters but in arial font and size 12 pt.

When you done that you can add some symbols like set to silent.
Go to custom shape tool (U) and find a music note. than using the line tool
make line across it like this:
Design Your Own Mobile Phone Tutorial
Now using the rounded rectangle tool (U) set ratius to 8px and on a new
layer make a rectangle for the speaker and set this blending options:

Inner shadow & Outer glow the ame as last time

Design Your Own Mobile Phone Tutorial
Now click on the layer with your basic shape of the phone and make a selection of it by holding ctrl and click. Create a new layer and take the gradient tool and set the gradient to some thing like this
Design Your Own Mobile Phone Tutorial
And set the opacity to 45%. Now go from left side to right.
Using the pen tool (P) select the points on about half part of the phone

Than right click and make selection. Create a layer mask and now follow this steps.

Click on each layer individually and hold ctrl + click and it should select the part, than go to
the gradient layer which should be at the top and press delete. Do this to each part of the phone
that is covered in gradient apart from the basic shape. You might want to change the opacity in the layer style.

And that’s it!, You can add a wallpaper of your choice and change anything you want.
Design Your Own Mobile Phone Tutorial
Than right click and make selection. Create a layer mask and now follow this steps.

Click on each layer individually and hold ctrl + click and it should select the part, than go to
the gradient layer which should be at the top and press delete. Do this to each part of the phone
that is covered in gradient apart from the basic shape. You might want to change the opacity in the layer style.

And that’s it!, You can add a wallpaper of your choice and change anything you want.

Design Your Own Mobile Phone Tutorial
And there are lot’s of different ways and technics of crering your own design.

All Credits to Olek

How to update Carbide.ui from 4.0 to 4.1

Its been quite a long time since i publish tutorial.i as every one sorry for that as i am the only one to work in this website.so today i come up with a tutorial to update Carbide.ui from 4.0 to 4.1.As you all know carbide is the best and only tool for creating themes for Nokia Symbian mobile offline, some say its tough and some says it’s a monster.But the fact is nothing is so easy in the world each things could be molded as your own choice if learned well.
Here is the steps to update carbide.

Step one :
Download carbide.ui 4.0 from Here

Step two:
Install and open carbide.ui 4.0 and wait for few second.you must be online while opening carbide
Step three:
You will see a notification on bottom right as shown in Screenshot below.

tutorial to update carbide.ui 4.0 to 4.1

Step four:
Click on the notification and the update process begins as shown in image below.

tutorial to update carbide.ui 4.0 to 4.1 2

Step five:
As soon as update is over you will be asked to restart carbide.Update takes for few minutes.but its worth waiting because it comes with latest iconpack Symbian Pr2 aka Anna icons.

If you like this tutorial share it on Facebook and twitter.also don’t forget to subscribe to receive latest updates from mobilethemesworld

Tools for making symbian os mobile themes

Hi,For past few days I am getting email asking How to create symbian os mobile themes.So i have decided to create tutorialfor making mobile themes.Lets begin

carbide.ui

Are you tired of using Original Nokia Themes?Do you wish to personalize your phone of your own taste?Then these are the steps you need to follow

The most initial step to create a mobile theme is to get necessary tools .here are list of tools that you needed most

1.Carbide.ui

2.Inkscape

3.And few like Clocks ,Icon Packs etc.

About Carbide.ui :
The Carbide.ui family of tools enable the creation of themes for Symbian and Series 40 devices. Carbide.ui provides access to all the customisable theme elements in the Symbian and Series 40 UIs, which are among the most customisable device UI available. Carbide.ui is designed for professionals and hobbyists alike.

Before Downloading carbide.ui don’t forget to signup/register in Forum.Nokia

How to download?

After signing up go to Carbide.ui page

on the right hand side you will find a drop down menu.click on it and you will find three tools of carbide

1.Carbide.ui (Series 40) (137 MB) for making symbian series 40 phone themes

2.Carbide.ui (Symbian) (154 MB) for making Symbian^3 Themes

2.Carbide.ui 3.4 Theme Edition (166 MB) for making themes for s60v2,s60v3 and s60v5 phones

select the tools that you needed most and click on download.its simple

About Inkscape :
An Open Source vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format.
inkscape
Inkscape supports many advanced SVG features (markers, clones, alpha blending, etc.) and great care is taken in designing a streamlined interface. It is very easy to edit nodes, perform complex path operations, trace bitmaps and much more. We also aim to maintain a thriving user and developer community by using open, community-oriented development.

Using this Inkscape you could edit/make icons,wallpaper and other parts for making a perfect mobile theme

How to download?
Just click on the one displayed on the top-right hand corner of your screen
These are the necessary tools and tips to be done before making a symbian os mobile themes

There are few more website offering online theme creation software program.The top most one is OwnSkin.com

I hope you have enjoyed this tutorial.On my next tutorial i will provide tips on installing carbide.ui on your PC and few changes to be made in carbide before making a theme using it.

if you like this post please subscribe to rss or via email