IPB
> Making Barwork For Sony Ericsson Themes In Ghassemoo's Style!
ghassemoo
post May 25 2010, 12:04 PM
Post #1



Group Icon

Group: Certified Themer
Posts: 861
Joined: 29-August 07
From: Tehran-IRAN
Member No.: 1858984



I had some requests to explain how I make my theme softkeys. Do you like to know too?! So... Let's go!

STEP 1
Let's start with a good background in 240x320 px size like this:
(IMG:http://img704.imageshack.us/img704/8965/step01y.jpg)


STEP 2
Add SE logo in hub of you bachground.
(IMG:http://img695.imageshack.us/img695/2844/step02h.jpg)


STEP 3
Creat a new document sized 240x30 px. Select foreground color (#3D3D3D) and background color (#7F7F7F) and fill your document with "Gradient Tool" (Left and Right with 3D3D3D color and Middle with 7F7F7F color)
(IMG:http://img692.imageshack.us/img692/2266/step03.jpg)


STEP 4
Select half of your document with "Rectangular Marquee Tool".
(IMG:http://img411.imageshack.us/img411/1596/step04.jpg)


STEP 5
Select foreground color (#222222). Creat a new layer and draw linear gradient (Foreground to Transparent) from top to the bottom. Then change layer mode from "Normal" to "Soft Light". Now click "Ctrl + E" and combine 2 layers.
(IMG:http://img52.imageshack.us/img52/7092/step05small.jpg)


STEP 6
Move your 240x30 px document to bottom of your background picture (with 1 px distance from the down) and change layer mode from "Normal" to "Color Dodge". This is your softkeys background.
(IMG:http://img514.imageshack.us/img514/7404/step06small.jpg)


STEP 7
Make statusbar background like softkeys bachground.
(IMG:http://img580.imageshack.us/img580/5237/step07small.jpg)


STEP 8
Now we want to make frame of softkeys and statusbar. So select an area (sized 240x2 px) with "Rectangular Marquee Tool". Select foreground color (#626262) and background color (#FFFFFF). Creat new layer and draw linear gradient from left to right (Left and Right with 626262 color and Middle with FFFFFF color).
(IMG:http://img175.imageshack.us/img175/8747/step08.jpg)


STEP 9
Go to Layer/ Layer Style/ Stroke Style and add stroke to your frame with this parameters:
Size: 1 px
Position: Outside
Blend Mode: Normal
Opacity: 50%
Fill Type: color
Color: 000000

(IMG:http://img295.imageshack.us/img295/6796/step09small.jpg)


STEP 10
Duplicate your frame and insert that bottom and top of your softkeys and statusbar.
(IMG:http://img210.imageshack.us/img210/1112/step10s.jpg)


STEP 11
Duplicate twice top frame of softkeys and bottom frame of statusbar and insert new duplicated frames below your frames with 2 pixle distance.
(IMG:http://img522.imageshack.us/img522/3411/step11g.jpg)


STEP 12
Remove some of the parts of your new duplicated frames and then combine all frames to 1 layer.
(IMG:http://img227.imageshack.us/img227/9274/step12.jpg)


STEP 13
Change frame layer mode from "Normal" to "Over Layer".
(IMG:http://img96.imageshack.us/img96/787/step13small.jpg)


STEP 14
Duplicate frame layer and change frame duplicated layer mode from "Over Layer" to "Normal" and set Opacity 60%.
(IMG:http://img294.imageshack.us/img294/1981/step14small.jpg)


STEP 15
Select an area of softkeys background with "Rectangular Marquee Tool" and "Polygonal Lasso Tool" and duplicate softkeys background on it then change duplicated layer mode from "Screen" to "Luminosity".
(IMG:http://img176.imageshack.us/img176/3392/step15small.jpg)


STEP 16
Go to Edit/ Fill and fill selected area by this pattern (With Opacity 25%).
(IMG:http://img532.imageshack.us/img532/171/step16small.jpg)


STEP 17
Go to Layer/ Layer Style/ Bevel and Emboss and set parameters like picture.
(IMG:http://img217.imageshack.us/img217/1718/step17small.jpg)


Main screen of our theme is ready!
(IMG:http://img227.imageshack.us/img227/4474/jasperse.jpg)

You can download PSD file here

I made another elements like main screen and this is preview of finished theme:
(IMG:http://patricia.mobile9.com/download/wmpreview/300/1274810204-1.png)

You can download this theme here (v4.6) and here (v4.7)
Go to the top of the page
 
+Quote Post

Posts in this topic
- ghassemoo   Making Barwork For Sony Ericsson Themes In Ghassemoo's Style!   May 25 2010, 12:04 PM
- - shadowthemes   Thanks for providing this tutorial .this will h...   May 25 2010, 05:10 PM
- - ronaldo23   Yes what a great tutorial indeed ghassemoo thank...   May 25 2010, 05:52 PM
- - findgirl45   wow !!!!!!!!!...   May 25 2010, 09:36 PM
- - _anuj_   This is an amazing tutorial, thanks for taking the...   May 26 2010, 12:09 AM
- - pingallery   This is a very beautiful and full instructions. ...   May 26 2010, 04:39 AM
- - ghassemoo   @Shadow, @Rony, @Sonia, @Anuj and @Petra. Thanks...   May 26 2010, 01:17 PM
- - ArthurWill   Did you just reveal your secret recipe to others? ...   May 27 2010, 06:15 PM
- - angelnaina   woooow awesome tutorial. ..Hats off to you   May 28 2010, 12:22 AM
- - ankur_shah88   this tutorial is for sony ericsson, can you provid...   May 28 2010, 12:46 AM
- - cute_heart   This is awesome bro , thanks 4 the trip   May 28 2010, 09:32 AM
- - arbri135   @Ghaseemoo Thank you so much This tutorial was v...   May 30 2010, 12:35 AM
- - ghassemoo   @Patricia, @Naina, @Imran, Thanks. @ankur_sha...   Jun 1 2010, 12:21 AM
|- - ankur_shah88   QUOTE (ghassemoo @ Jun 1 2010, 12:51 PM) ...   Jun 2 2010, 05:57 AM
- - shaon007009   Oooooopppssss.. I forgot to say thanks.. Big thank...   Jun 1 2010, 12:37 AM
|- - ghassemoo   QUOTE (shaon007009 @ Jun 1 2010, 12:37 AM...   Jun 1 2010, 04:09 AM
- - shalu2173   Wow!! Ghass !! Amazing..You are j...   Jun 1 2010, 07:56 AM
- - Alamin007   thank u so much bro.....   Jul 11 2010, 02:50 PM
- - novchanthol   Thank for tutorial !   Jul 11 2010, 03:47 PM
- - Asad_rider   Im using Adobe photoshop 7 and i think there is no...   Aug 6 2010, 12:56 AM
|- - _anuj_   QUOTE (Asad_rider @ Aug 6 2010, 08:56 AM)...   Aug 6 2010, 01:05 AM
- - Asad_rider   QUOTE (_anuj_ @ Aug 6 2010, 01:05 AM) QUO...   Aug 6 2010, 11:59 PM
- - kewlone   WOW Fabulous Job thanks Ghas   Sep 15 2010, 02:16 AM
- - eliasjan   QUOTE (ghassemoo @ May 25 2010, 11:34 PM)...   Jan 30 2011, 10:54 PM
- - Pavlinaslazi   Is there any video for this because i can`t ma...   May 4 2011, 05:28 AM
- - akhilnn   thnx   May 27 2011, 03:53 AM
- - Aleena143   wow,thanks bro for ths wondeful tutorial.its very ...   Jul 20 2011, 05:18 AM
- - san-sagar   thanks for cute totorial ...   Oct 6 2011, 12:01 PM
- - SweetHoneyBee2512   Thank you very much.. It was very useful   Apr 2 2012, 10:51 PM


Reply to this topicStart new topic

 

Lo-Fi Version Time is now: 22nd August 2014 - 02:41 PM