It is currently May 7th, 2024, 5:37 pm

How To Add Shadows On Backgrounds

Get help with creating, editing & fixing problems with skins
User avatar
Droyk
Posts: 56
Joined: July 9th, 2015, 7:40 am

How To Add Shadows On Backgrounds

Post by Droyk »

Hey guys i know this is a pretty stupid question but i really want to know that
how to add shadows on backgrounds ?
what is the code for that ?
like if we have to add shadow on string the code will be this
StringEffect=Shadow

but how to add the same shadow effect on images

and i already know that u can add shadow effect using photoshop but that will be big process if u have multiple images

thanxx in adavnce ;-)
Last edited by Droyk on July 29th, 2015, 7:36 pm, edited 1 time in total.
User avatar
ikarus1969
Posts: 571
Joined: February 28th, 2011, 3:20 pm
Location: Vienna, Austria

Re: How To Add Shadows On Backgrounds

Post by ikarus1969 »

I do it by duplicating the code for the image, adding "Greyscale=1" and maybe "ImageAlpha=xx" (to the value you want) and place it just before the original image with a slight offset in X and Y.

If you want colored shadows you can add the "ImageTint" option to the duplicated, grey shadow-image.
User avatar
Droyk
Posts: 56
Joined: July 9th, 2015, 7:40 am

Re: How To Add Shadows On Backgrounds

Post by Droyk »

ikarus1969 wrote:I do it by duplicating the code for the image, adding "Greyscale=1" and maybe "ImageAlpha=xx" (to the value you want) and place it just before the original image with a slight offset in X and Y.

If you want colored shadows you can add the "ImageTint" option to the duplicated, grey shadow-image.
Well actually i am doing the same but its not working for me

here is the code

Code: Select all

; ------------------------------------------------------------------------------------------------
; METERS

[Background]
Meter=Image
SolidColor=24,24,24,200
Greyscale=1
ImageAlpha=200
W=350
H=410
See if there is any mistakes well actually i really don't think soo there's gonna be any mistakes
but it's not working for me that's why i posted it
User avatar
Mordasius
Posts: 1173
Joined: January 22nd, 2011, 4:23 pm
Location: GMT +8

Re: How To Add Shadows On Backgrounds

Post by Mordasius »

Image Shadow.jpg

Code: Select all

[MeterShadow]
Meter=IMAGE
ImageName=#@#images\mickey.png
GreyScale=1
ImageTint=000000aa

[MeterImage]
Meter=IMAGE
ImageName=#@#images\mickey.png
X=-4r
Y=-4r
You do not have the required permissions to view the files attached to this post.
User avatar
FreeRaider
Posts: 826
Joined: November 20th, 2012, 11:58 pm

Re: How To Add Shadows On Backgrounds

Post by FreeRaider »

But shadow like this one?
shadowgui.png
You do not have the required permissions to view the files attached to this post.
User avatar
Mordasius
Posts: 1173
Joined: January 22nd, 2011, 4:23 pm
Location: GMT +8

Re: How To Add Shadows On Backgrounds

Post by Mordasius »

Rectangle.jpg

Code: Select all

[Variables]
ShadowX=12
ShadowY=12

[MeterShadow]
Meter=IMAGE
X=#ShadowX#
Y=#ShadowY#
W=300
H=70
SolidColor=000000

[MeterImage]
Meter=IMAGE
W=300
H=70
SolidColor=ffffff
X=-#ShadowX#r
Y=-#ShadowY#r
You do not have the required permissions to view the files attached to this post.
User avatar
Droyk
Posts: 56
Joined: July 9th, 2015, 7:40 am

Re: How To Add Shadows On Backgrounds

Post by Droyk »

Mordasius wrote:
Image Shadow.jpg

Code: Select all

[MeterShadow]
Meter=IMAGE
ImageName=#@#images\mickey.png
GreyScale=1
ImageTint=000000aa

[MeterImage]
Meter=IMAGE
ImageName=#@#images\mickey.png
X=-4r
Y=-4r
FreeRaider wrote:But shadow like this one?
shadowgui.png
Mordasius wrote:
Rectangle.jpg

Code: Select all

[Variables]
ShadowX=12
ShadowY=12

[MeterShadow]
Meter=IMAGE
X=#ShadowX#
Y=#ShadowY#
W=300
H=70
SolidColor=000000

[MeterImage]
Meter=IMAGE
W=300
H=70
SolidColor=ffffff
X=-#ShadowX#r
Y=-#ShadowY#r
Well actually what i am really trying to achieve is this kind of shadow this is an rss feed from Enigma
Image
A blurry shadow like image
so can we have that
is there is any code for that
User avatar
Mordasius
Posts: 1173
Joined: January 22nd, 2011, 4:23 pm
Location: GMT +8

Re: How To Add Shadows On Backgrounds

Post by Mordasius »

You seem to have moved on from a shadow to a blurred rounded rectangle.

So you might like to take a look at Aero Blur options or this post on rounded rectangles.

However, unless the size of the RSS feed 'window' is going to be constantly changing, you may well find that the easiest way will be with a photoshop or GIMP image.
User avatar
jsmorley
Developer
Posts: 22631
Joined: April 19th, 2009, 11:02 pm
Location: Fort Hunt, Virginia, USA

Re: How To Add Shadows On Backgrounds

Post by jsmorley »

This is not going to be possible really with Rainmeter code.

You should consider making an image in Photoshop or Gimp or Paint.Net or whatever you use, and apply the outer glow, drop shadow or gradient blur or whatever you like to that.

You can create one image, say 50 X 50, then use ScaleMargins when you resize it with W and H, so you don't scale the "edges" when you size it.

Similar to this http://rainmeter.net/forum/viewtopic.php?f=4&t=18092.
User avatar
Droyk
Posts: 56
Joined: July 9th, 2015, 7:40 am

Re: How To Add Shadows On Backgrounds

Post by Droyk »

Mordasius wrote:You seem to have moved on from a shadow to a blurred rounded rectangle.

So you might like to take a look at Aero Blur options or this post on rounded rectangles.

However, unless the size of the RSS feed 'window' is going to be constantly changing, you may well find that the easiest way will be with a photoshop or GIMP image.
jsmorley wrote:This is not going to be possible really with Rainmeter code.

You should consider making an image in Photoshop or Gimp or Paint.Net or whatever you use, and apply the outer glow, drop shadow or gradient blur or whatever you like to that.

You can create one image, say 50 X 50, then use ScaleMargins when you resize it with W and H, so you don't scale the "edges" when you size it.

Similar to this http://rainmeter.net/forum/viewtopic.php?f=4&t=18092.
Actually i did everything what i really could do i added blur too and added the same thing as u said use scale margins
but i really can't get the effect like enigma skin does
Image

ahhh poor me :-( :(
so does anyone know here how to make the skin blur like enigma does plz guys :confused: :( :-(