How to add a shadow to skins.
I failed to make png to include it to skin
Saturday, July 19, 2008 by thebeginner | Discussion: WindowBlinds Tutorials
I imported ms-style to SkinStudio and just want to make a shadow under windows/menus (to avoid using external apps like ezshadow).
Looking through some per-pixel enabled skins i realized that i need to make transparent png-s and paste it to Per-Pixel section, but i have no idea how to make shadow-added png-s. Wasted few hours editing exising pngs from few perpixel skins and searcing google (i even have no idea what to search) and finally realized that i need your help.
So, the question:
I have bmp file with texture and i know i need to make this texture in png with shadow added. I will learn further steps by myself, only help (advices, links) how to do this is needed.
Thx in advance.
Looking through some per-pixel enabled skins i realized that i need to make transparent png-s and paste it to Per-Pixel section, but i have no idea how to make shadow-added png-s. Wasted few hours editing exising pngs from few perpixel skins and searcing google (i even have no idea what to search) and finally realized that i need your help.
So, the question:
I have bmp file with texture and i know i need to make this texture in png with shadow added. I will learn further steps by myself, only help (advices, links) how to do this is needed.
Thx in advance.
vStyler
Reply #3 Saturday, July 19, 2008 4:41 PM
Reply #3 Saturday, July 19, 2008 4:41 PM
In PS, on a trasparent background just draw out your rounded rectangle with the 'shape tool' leaving a couple of pixels right and bottom for a shadow..then in the layer pallette on the right, either double click the layer or in the bottom of the laysrs pallette click the 'f' icon to open up Layer Styles (Blending options) for your menu image.. then click on dropshadow section, make sure the check box is checked for dropshadow and adjust the parameters for dropshadow... when done, just save as PNG from photoshop to desktop and import your new menu into SKS.
Make sure transparency and translucency boxes are checked in SKS and sizing margins set accordingly.
Per pixel windows work pretty much the same way but have two states for active and inactive.
Here is an example menu .psd file I made for ya.. perhaps you can use this and just make adjustments.
http://www.sendspace.com/file/bjkdkt (copy and paste in ur browser)
Make sure transparency and translucency boxes are checked in SKS and sizing margins set accordingly.
Per pixel windows work pretty much the same way but have two states for active and inactive.
Here is an example menu .psd file I made for ya.. perhaps you can use this and just make adjustments.
http://www.sendspace.com/file/bjkdkt (copy and paste in ur browser)
vStyler
Reply #5 Saturday, July 19, 2008 11:15 PM
Reply #5 Saturday, July 19, 2008 11:15 PM
I remember first time I tried to make a png with a shadow.. 
..so no problem helping out 
Hope u got it worked out!
..so no problem helping out 
Hope u got it worked out!
thebeginner
Reply #6 Thursday, July 24, 2008 4:48 PM
Reply #6 Thursday, July 24, 2008 4:48 PM
Yep, i got it. Thx (added carma already )
Anyway i got problems with other thing that connected with perpixel option.
Can someone of you, guys, help by taking a look on my *wba? If yes i'll upload it.
)Anyway i got problems with other thing that connected with perpixel option.
Can someone of you, guys, help by taking a look on my *wba? If yes i'll upload it.
thebeginner
Reply #8 Friday, July 25, 2008 7:09 AM
Reply #8 Friday, July 25, 2008 7:09 AM
- I failed to align perpixel skin parts
- Failed to add cloze/max/min buttons to perpixel menus
- Can't make shadow to look as it always looks (poor quality)
It all glare after skin is applied.
- Failed to add cloze/max/min buttons to perpixel menus
- Can't make shadow to look as it always looks (poor quality)
It all glare after skin is applied.
thebeginner
Reply #10 Friday, July 25, 2008 2:13 PM
Reply #10 Friday, July 25, 2008 2:13 PM
2of3 got compatibility issue/or my skin has some errors.
So if anybody will be able to take a look @ screen, i will be very happy.
So if anybody will be able to take a look @ screen, i will be very happy.
2of3
Reply #11 Friday, July 25, 2008 2:18 PM
Reply #11 Friday, July 25, 2008 2:18 PM
It was a problem with Vista/WB6 and a UIS1 skin, I would guess.
Probably nothing wrong with the skin.
Probably nothing wrong with the skin.
thebeginner
Reply #12 Monday, August 11, 2008 8:10 PM
Reply #12 Monday, August 11, 2008 8:10 PM
OK, finally i made shadows and aligned them, but i have one issue: i want the shadow to be absolutely entity, but @ the place where bottom and left/right perpixel shadow added frames crossing i see a little transparent space. (See the screen i uploaded, better to zoom it)/
http://img112.imageshack.us/my.php?image=screenaf8.png
I can manage this problem by setting up margins for left/right frame to 0, but after this the shadows losing their smoothness and becoming ragged.
I quess the problem is in poor maded textures, but have absulutely no idea what i need to do to make them fully smothless. I uploaded PSD and i will be very pleased for telling me whats wrong with it.
http://rapidshare.com/files/136655844/Desktop.zip.html
http://img112.imageshack.us/my.php?image=screenaf8.png
I can manage this problem by setting up margins for left/right frame to 0, but after this the shadows losing their smoothness and becoming ragged.
I quess the problem is in poor maded textures, but have absulutely no idea what i need to do to make them fully smothless. I uploaded PSD and i will be very pleased for telling me whats wrong with it.
http://rapidshare.com/files/136655844/Desktop.zip.html
Please login to comment and/or vote for this skin.
Welcome Guest! Please take the time to register with us.
There are many great features available to you once you register, including:
- Richer content, access to many features that are disabled for guests like commenting on the forums and downloading skins.
- Access to a great community, with a massive database of many, many areas of interest.
- Access to contests & subscription offers like exclusive emails.
- It's simple, and FREE!
Reply #1 Saturday, July 19, 2008 2:13 PM