hoe311
2nd Apr '08 Wed, 19:20
Sana may matulungan ako dito sa gagawin kong ito..:lol:para po to sa s60 v2 themes..
Dun sa mga gustong matutong gumawa ng sarili nilang themes using NTS1.21. Ganito po ang ginagawa ko sa tuwing gagawa ako ng theme. Gagawin kong sample ung latest ko..Si Rinoa ng final fantasy:smack:
step#1
Mula sa image, kukuha tayo dun ng mga kakailnganin ntin. Ito ung gagawin nating idle pic, background pic (eto ung pagpasok mo sa menu), pinboard(goto), calendar, tska mga pop up windows..etc..Eto ung mga materials na ginagawa ko..nagawa ko po yan gamit ang photoshop cs2..
http://img259.imageshack.us/img259/2594/materialsnu0.png
yan lng mga ginagawa ko kasi yan lng ung mga primary images..ung iba pa ay nasa iconpack na..
step#2
Pili na tayo ng magandang iconpack. Eto ang gagamitin ko kasi mas nadadalian ako dito.:D Yung mga pics lng kasi sa taas ang binabago ko pag itong iconpack na to ang gamit ko tska astig din mga icons nito..:lol: :thanks: to MATALO for the iconpack:salute:
iconpack download (http://www.sendspace.com/file/9dhvzg)
lagay nyo lng ung folder sa C:\Program Files\Theme Studio\data\skinsdir
step#3
Ayan gagawa na tayo ng theme..Open nyo na ung NTS nyo.
dapat makikita nyo ung nilagay nating iconpack..double click nyo lng un para maopen..
http://img172.imageshack.us/img172/7428/pic1mz4.gif
pag lumabas na ung mga images sa gitna pwde na ntin click ang EDIT button para makapagstart na tayo..:D
http://img178.imageshack.us/img178/2608/pic2xs4.gif
step#4
pakisundan na lng po ung mga numbers sa picture..:D
http://img297.imageshack.us/img297/7609/pic3sw3.gif
step#5
click nman natin ngaun ung #2. AREAS.
NOTE: automatic ng mababago ung mga AREAS (status, list columns at control) after nating i-set ang backround image..un eh kung gmit ntin tong iconpack na to..meron din ibang iconpack na automatic ding nababago ung AREAS..pero kapag hnde, eto ang gagawin ntin..
http://img120.imageshack.us/img120/3047/pic4uv0.gif
step#6
gawin nyo lng ung same step tulad sa taas para maiset natin ung iba png images..pwde nyo ng d baguhin ung "highlights" at "this and that"..un eh kung ok na sa inyo ang mga components na un na present na sa iconpack..
step#7
kung ok na lahat ng components, baguhin nman ntin ung color ng font..sympre nakadpnde un sa gagamitin nting images..para mkita natin ung mga letters sa phone..
note: limited lng ung font color napwde nating mabago..d lahat ng font kayang mabago ng NTS1.21.
http://img139.imageshack.us/img139/8581/pic5dp4.gif
step#8
kung ok na lahat ng images pati color..check na ntin ung outcome..at kung ok na sa panlasa natin, gawin na ntin ung theme..:lol:
http://img516.imageshack.us/img516/263/pic6nk7.gif
http://img515.imageshack.us/img515/8103/pic7sn9.gif
http://img515.imageshack.us/img515/6461/pic8uo9.gif
***ayan natapos din..reply lang kayo dto kung may tanong kayo..sasagutin ko kung kaya ko din nman..:D***
:thumbsup:
-------
edit:
Tips sa paggawa ng background image
1. Dahil sa black ang default font color sa menu background, mas madali natin tong makikita kung mejo light ang menu background mo..parang ganito oh..nalagyan ko ng konteng light effect ung backgound para nman makita ko ung text..tska para mabasa ng mga N70 user ung mga text nila..:D
http://img402.imageshack.us/img402/1269/fescr168pu8.jpg
*** nagattached na din ako ng psd file ng background image..sana makatulong din***
----------------------------
ganito nman ang pagmamask..
mula sa image natin na ito..gagawa tayo ng menu icon at mask..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/183185748_a158d1c427.jpg
1. mula sa photoshop natin..right click ung lasso tool at piliin ung magnetic lasso tool..at galain natin ung side ng image natin para maselect natin ung gusto nating maging icon..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/magneticlassotool.jpg
2. habang nakaselect pa din ung naging resulta ng lagnetic lasso, press natin ang "ctrl+c" at "ctrl+v". ito ay para macopy ntin ung naselect natin at mapaste as a new layer..ganito dapat un oh..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/cccv.jpg
3. gawa tayo ng lew layer, fill natin ng color black at lagay natin sa baba ng ating icon..ganito dapat oh..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/newlayer.jpg
4. ngaun crop na ntin ung image sa 44x44 pixel..ganito po sya..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/crop.jpg
ganito dapat ang resulta nyan..ang size nya ay 44x44 pixel na..save na natin yan kasi yan na ung icon natin..next nting gagawin ay ung mask nya..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/menu1.jpg
5.highlight natin ung icon natin, click layer properties button then select color overlay..ngaun fill natin ung icon ng color white..save na din natin yan kasi yan na ung mask natin..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/masking.jpg
6. ngaun lipat tayo sa application icon ng NTS, mula sa browser tab, browse nyo ung 2 file na sinave natin knna..double click the menu icon file para maload..gnito dapat un..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/loadmenu.jpg
7. ngaun naman load natin ung mask icon natin..ganito po sya..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/loadmask-1.jpg
8. para makita natin na ok na un icon natin..click lng uli natin ung mask mula sa toolbax..dont forget to click save ha..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/outcome.jpg
ganyan lng po ang masking..sana nakatulong uli to..:D
----------------------------------------------------
Dun sa mga gustong matutong gumawa ng sarili nilang themes using NTS1.21. Ganito po ang ginagawa ko sa tuwing gagawa ako ng theme. Gagawin kong sample ung latest ko..Si Rinoa ng final fantasy:smack:
step#1
Mula sa image, kukuha tayo dun ng mga kakailnganin ntin. Ito ung gagawin nating idle pic, background pic (eto ung pagpasok mo sa menu), pinboard(goto), calendar, tska mga pop up windows..etc..Eto ung mga materials na ginagawa ko..nagawa ko po yan gamit ang photoshop cs2..
http://img259.imageshack.us/img259/2594/materialsnu0.png
yan lng mga ginagawa ko kasi yan lng ung mga primary images..ung iba pa ay nasa iconpack na..
step#2
Pili na tayo ng magandang iconpack. Eto ang gagamitin ko kasi mas nadadalian ako dito.:D Yung mga pics lng kasi sa taas ang binabago ko pag itong iconpack na to ang gamit ko tska astig din mga icons nito..:lol: :thanks: to MATALO for the iconpack:salute:
iconpack download (http://www.sendspace.com/file/9dhvzg)
lagay nyo lng ung folder sa C:\Program Files\Theme Studio\data\skinsdir
step#3
Ayan gagawa na tayo ng theme..Open nyo na ung NTS nyo.
dapat makikita nyo ung nilagay nating iconpack..double click nyo lng un para maopen..
http://img172.imageshack.us/img172/7428/pic1mz4.gif
pag lumabas na ung mga images sa gitna pwde na ntin click ang EDIT button para makapagstart na tayo..:D
http://img178.imageshack.us/img178/2608/pic2xs4.gif
step#4
pakisundan na lng po ung mga numbers sa picture..:D
http://img297.imageshack.us/img297/7609/pic3sw3.gif
step#5
click nman natin ngaun ung #2. AREAS.
NOTE: automatic ng mababago ung mga AREAS (status, list columns at control) after nating i-set ang backround image..un eh kung gmit ntin tong iconpack na to..meron din ibang iconpack na automatic ding nababago ung AREAS..pero kapag hnde, eto ang gagawin ntin..
http://img120.imageshack.us/img120/3047/pic4uv0.gif
step#6
gawin nyo lng ung same step tulad sa taas para maiset natin ung iba png images..pwde nyo ng d baguhin ung "highlights" at "this and that"..un eh kung ok na sa inyo ang mga components na un na present na sa iconpack..
step#7
kung ok na lahat ng components, baguhin nman ntin ung color ng font..sympre nakadpnde un sa gagamitin nting images..para mkita natin ung mga letters sa phone..
note: limited lng ung font color napwde nating mabago..d lahat ng font kayang mabago ng NTS1.21.
http://img139.imageshack.us/img139/8581/pic5dp4.gif
step#8
kung ok na lahat ng images pati color..check na ntin ung outcome..at kung ok na sa panlasa natin, gawin na ntin ung theme..:lol:
http://img516.imageshack.us/img516/263/pic6nk7.gif
http://img515.imageshack.us/img515/8103/pic7sn9.gif
http://img515.imageshack.us/img515/6461/pic8uo9.gif
***ayan natapos din..reply lang kayo dto kung may tanong kayo..sasagutin ko kung kaya ko din nman..:D***
:thumbsup:
-------
edit:
Tips sa paggawa ng background image
1. Dahil sa black ang default font color sa menu background, mas madali natin tong makikita kung mejo light ang menu background mo..parang ganito oh..nalagyan ko ng konteng light effect ung backgound para nman makita ko ung text..tska para mabasa ng mga N70 user ung mga text nila..:D
http://img402.imageshack.us/img402/1269/fescr168pu8.jpg
*** nagattached na din ako ng psd file ng background image..sana makatulong din***
----------------------------
ganito nman ang pagmamask..
mula sa image natin na ito..gagawa tayo ng menu icon at mask..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/183185748_a158d1c427.jpg
1. mula sa photoshop natin..right click ung lasso tool at piliin ung magnetic lasso tool..at galain natin ung side ng image natin para maselect natin ung gusto nating maging icon..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/magneticlassotool.jpg
2. habang nakaselect pa din ung naging resulta ng lagnetic lasso, press natin ang "ctrl+c" at "ctrl+v". ito ay para macopy ntin ung naselect natin at mapaste as a new layer..ganito dapat un oh..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/cccv.jpg
3. gawa tayo ng lew layer, fill natin ng color black at lagay natin sa baba ng ating icon..ganito dapat oh..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/newlayer.jpg
4. ngaun crop na ntin ung image sa 44x44 pixel..ganito po sya..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/crop.jpg
ganito dapat ang resulta nyan..ang size nya ay 44x44 pixel na..save na natin yan kasi yan na ung icon natin..next nting gagawin ay ung mask nya..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/menu1.jpg
5.highlight natin ung icon natin, click layer properties button then select color overlay..ngaun fill natin ung icon ng color white..save na din natin yan kasi yan na ung mask natin..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/masking.jpg
6. ngaun lipat tayo sa application icon ng NTS, mula sa browser tab, browse nyo ung 2 file na sinave natin knna..double click the menu icon file para maload..gnito dapat un..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/loadmenu.jpg
7. ngaun naman load natin ung mask icon natin..ganito po sya..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/loadmask-1.jpg
8. para makita natin na ok na un icon natin..click lng uli natin ung mask mula sa toolbax..dont forget to click save ha..
http://i283.photobucket.com/albums/kk306/hoe311/my%20photo%20gallery/outcome.jpg
ganyan lng po ang masking..sana nakatulong uli to..:D
----------------------------------------------------