Welcome Guest ( Log In | Register )
Search
· Help
May 25 2010, 12:04 PM
Post
#1
|
|
![]() 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) |
|
|
|
![]() |
Aug 6 2010, 12:56 AM
Post
#2
|
|
![]() Group: Gifted Themer Posts: 3187 Joined: 14-December 09 From: Pakistan (Faisalabad) Member No.: 6499707 |
Im using Adobe photoshop 7 and i think there is no Polygonal Lasso Tool ... plz can any one tell me where it is in adobe photoshop7?
|
|
|
|
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
_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![]() ![]() |
| Lo-Fi Version | Time is now: 24th May 2013 - 05:37 PM |
© Copyright 2009 mobile9. Powered by 9WOS v5 [SS]. Sitemap