It is currently February 16th, 2019, 2:15 am

Outer Glow and possible rainbow/chromatic effect on meter images?

Help with creating, editing & fixing problems with skins
Ao Nuu Shin
Posts: 107
Joined: May 2nd, 2015, 9:13 am

Outer Glow and possible rainbow/chromatic effect on meter images?

Ao Nuu Shin » January 24th, 2019, 10:36 am

Hey, like I said, I was searching on my own online, to make this happen. I did in a sense managed to find something similar, but it effects only the fonts. I have an image in my meter as background, which I've made in Photoshop. I am using that image in my rskin. I was wondering if there is a command to put some sort of neon light effect on its edges. And if that is possible, I am also wondering, if there's a command to make it changing colors every 2-3 secs and repeat, like chromatic effect, with bright light. I would be fine with either. I think the chromatic one must be impossible, right? Unless there's a loop option and I have to put the colors manually, but I am lost there...

What I found, which is similar to what I want but only for fonts, is this command :

Code: Select all

StringEffect=Border
FontEffectColor=0,0,0,0
If I change the fonteffectcolor to 255,255,255,255 it will have a very nice and bright neon effect light, which I like, but it's not looking good with the font I have, but I am not here for the font. I only want the border around my image that has the font in the center.

Example :

Code: Select all

[Meter]
Meter=Image
ImageName=#@#Images\Test1.png
LeftMouseUpAction=["notepad"]
X=1
Y=1
W=130
H=30
I want the Test1.png while being displayed, to have a bright light around it, like an outer glow. I tried with Photoshop, but it doesn't look that good. I was wondering if there was a command like this that I can put on the meter. Any help about that would be greatly appreciated and I apologize for making this hard for you, I was searching and couldn't find anything more close to that than the 2 code lines I pasted above...
User avatar
balala
Rainmeter Sage
Posts: 7628
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Outer Glow and possible rainbow/chromatic effect on meter images?

balala » January 24th, 2019, 5:29 pm

StringEffect and FontEffectColor can be used only on String meters. It's very hard (close to impossible) to create such effect on an Image meter, especially if it has some transparent parts and you'd like to follow them with the shadow.
However if you want to apply the shadow only to rectangular images, it become somewhat possible. Here is a sample. The shadow is created from 16 elements of a Shape meter. The consecutive meters (elements) are becoming more and more transparent, until they are vanishing.
The meaning of the variables:
  • Image is obviously the path and name of the image you'd like to use.
  • GlowColor is the color of the shadow.
  • Thickness is the thickness of the shadow. It can be set from 0 up to 15 (not more!). If you use a larger value, the thickness of the shadow is set to 15.
IMPORTANT! The code uses the ImageSize plugin, which has to be installed. To install it, just download and install the ImageSize_3.0.rmskin skin, available here. When installing the package, the appropriate version of the plugin is installed, along with a skin. You can take a look to the skin, but if you think you don't need it, you can simply remove it. The installed plugin is kept on your system and can be used.

The code:

Code: Select all

[Rainmeter]
Update=-1
AccurateText=1

[Variables]
GlowColor=220,220,220
Thickness=15
Image=- ADD THE PATH AND NAME OF THE IMAGE -
; Thickness - up to 15

[MeasureWidth]
Measure=Plugin
Plugin=ImageSize
ImageName=#Image#
Dimension=Width

[MeasureHeight]
Measure=Plugin
Plugin=ImageSize
ImageName=#Image#
Dimension=Height

[MeterBackground]
Meter=Shape
X=1
Y=1
Shape=Rectangle 0,0,([MeasureWidth]+30),([MeasureHeight]+30) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(15/(Clamp(#Thickness#,0.000001,15))))
Shape2=Rectangle 1,1,([MeasureWidth]+28),([MeasureHeight]+28) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(14/(Clamp(#Thickness#,0.000001,15))))
Shape3=Rectangle 2,2,([MeasureWidth]+26),([MeasureHeight]+26) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(13/(Clamp(#Thickness#,0.000001,15))))
Shape4=Rectangle 3,3,([MeasureWidth]+24),([MeasureHeight]+24) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(12/(Clamp(#Thickness#,0.000001,15))))
Shape5=Rectangle 4,4,([MeasureWidth]+22),([MeasureHeight]+22) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(11/(Clamp(#Thickness#,0.000001,15))))
Shape6=Rectangle 5,5,([MeasureWidth]+20),([MeasureHeight]+20) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(10/(Clamp(#Thickness#,0.000001,15))))
Shape7=Rectangle 6,6,([MeasureWidth]+18),([MeasureHeight]+18) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(9/(Clamp(#Thickness#,0.000001,15))))
Shape8=Rectangle 7,7,([MeasureWidth]+16),([MeasureHeight]+16) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(8/(Clamp(#Thickness#,0.000001,15))))
Shape9=Rectangle 8,8,([MeasureWidth]+14),([MeasureHeight]+14) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(7/(Clamp(#Thickness#,0.000001,15))))
Shape10=Rectangle 9,9,([MeasureWidth]+12),([MeasureHeight]+12) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(6/(Clamp(#Thickness#,0.000001,15))))
Shape11=Rectangle 10,10,([MeasureWidth]+10),([MeasureHeight]+10) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(5/(Clamp(#Thickness#,0.000001,15))))
Shape12=Rectangle 11,11,([MeasureWidth]+8),([MeasureHeight]+8) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(4/(Clamp(#Thickness#,0.000001,15))))
Shape13=Rectangle 12,12,([MeasureWidth]+6),([MeasureHeight]+6) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(3/(Clamp(#Thickness#,0.000001,15))))
Shape14=Rectangle 13,13,([MeasureWidth]+4),([MeasureHeight]+4) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(2/(Clamp(#Thickness#,0.000001,15))))
Shape15=Rectangle 14,14,([MeasureWidth]+2),([MeasureHeight]+2) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(1/(Clamp(#Thickness#,0.000001,15))))
Shape16=Rectangle 15,15,[MeasureWidth],[MeasureHeight] | Fill Color 0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(0/(Clamp(#Thickness#,0.000001,15))))
DynamicVariables=1

[MeterImage]
Meter=Image
ImageName=#Image#
X=15r
Y=15r
;W=210
;H=150
;PreserveAspectRatio=1
shadow.png
You do not have the required permissions to view the files attached to this post.
Ao Nuu Shin
Posts: 107
Joined: May 2nd, 2015, 9:13 am

Re: Outer Glow and possible rainbow/chromatic effect on meter images?

Ao Nuu Shin » January 24th, 2019, 6:45 pm

balala wrote:
January 24th, 2019, 5:29 pm
StringEffect and FontEffectColor can be used only on String meters. It's very hard (close to impossible) to create such effect on an Image meter, especially if it has some transparent parts and you'd like to follow them with the shadow.
However if you want to apply the shadow only to rectangular images, it become somewhat possible. Here is a sample. The shadow is created from 16 elements of a Shape meter. The consecutive meters (elements) are becoming more and more transparent, until they are vanishing.
The meaning of the variables:
  • Image is obviously the path and name of the image you'd like to use.
  • GlowColor is the color of the shadow.
  • Thickness is the thickness of the shadow. It can be set from 0 up to 15 (not more!). If you use a larger value, the thickness of the shadow is set to 15.
IMPORTANT! The code uses the ImageSize plugin, which has to be installed. To install it, just download and install the ImageSize_3.0.rmskin skin, available here. When installing the package, the appropriate version of the plugin is installed, along with a skin. You can take a look to the skin, but if you think you don't need it, you can simply remove it. The installed plugin is kept on your system and can be used.

The code:

Code: Select all

[Rainmeter]
Update=-1
AccurateText=1

[Variables]
GlowColor=220,220,220
Thickness=15
Image=- ADD THE PATH AND NAME OF THE IMAGE -
; Thickness - up to 15

[MeasureWidth]
Measure=Plugin
Plugin=ImageSize
ImageName=#Image#
Dimension=Width

[MeasureHeight]
Measure=Plugin
Plugin=ImageSize
ImageName=#Image#
Dimension=Height

[MeterBackground]
Meter=Shape
X=1
Y=1
Shape=Rectangle 0,0,([MeasureWidth]+30),([MeasureHeight]+30) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(15/(Clamp(#Thickness#,0.000001,15))))
Shape2=Rectangle 1,1,([MeasureWidth]+28),([MeasureHeight]+28) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(14/(Clamp(#Thickness#,0.000001,15))))
Shape3=Rectangle 2,2,([MeasureWidth]+26),([MeasureHeight]+26) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(13/(Clamp(#Thickness#,0.000001,15))))
Shape4=Rectangle 3,3,([MeasureWidth]+24),([MeasureHeight]+24) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(12/(Clamp(#Thickness#,0.000001,15))))
Shape5=Rectangle 4,4,([MeasureWidth]+22),([MeasureHeight]+22) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(11/(Clamp(#Thickness#,0.000001,15))))
Shape6=Rectangle 5,5,([MeasureWidth]+20),([MeasureHeight]+20) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(10/(Clamp(#Thickness#,0.000001,15))))
Shape7=Rectangle 6,6,([MeasureWidth]+18),([MeasureHeight]+18) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(9/(Clamp(#Thickness#,0.000001,15))))
Shape8=Rectangle 7,7,([MeasureWidth]+16),([MeasureHeight]+16) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(8/(Clamp(#Thickness#,0.000001,15))))
Shape9=Rectangle 8,8,([MeasureWidth]+14),([MeasureHeight]+14) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(7/(Clamp(#Thickness#,0.000001,15))))
Shape10=Rectangle 9,9,([MeasureWidth]+12),([MeasureHeight]+12) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(6/(Clamp(#Thickness#,0.000001,15))))
Shape11=Rectangle 10,10,([MeasureWidth]+10),([MeasureHeight]+10) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(5/(Clamp(#Thickness#,0.000001,15))))
Shape12=Rectangle 11,11,([MeasureWidth]+8),([MeasureHeight]+8) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(4/(Clamp(#Thickness#,0.000001,15))))
Shape13=Rectangle 12,12,([MeasureWidth]+6),([MeasureHeight]+6) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(3/(Clamp(#Thickness#,0.000001,15))))
Shape14=Rectangle 13,13,([MeasureWidth]+4),([MeasureHeight]+4) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(2/(Clamp(#Thickness#,0.000001,15))))
Shape15=Rectangle 14,14,([MeasureWidth]+2),([MeasureHeight]+2) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(1/(Clamp(#Thickness#,0.000001,15))))
Shape16=Rectangle 15,15,[MeasureWidth],[MeasureHeight] | Fill Color 0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(0/(Clamp(#Thickness#,0.000001,15))))
DynamicVariables=1

[MeterImage]
Meter=Image
ImageName=#Image#
X=15r
Y=15r
;W=210
;H=150
;PreserveAspectRatio=1
shadow.png
Oh my God! You're a real life saver!!! Thank you so much! I will try without it first and If I see / want something different, I will download it, too. Thing is, I am trying to make the skin as simple and as beautiful as possible, without the need of downloading additional files. But thanks to you now, I will have more surprises in hand!!!! Clearly, this is amazing!!
Ao Nuu Shin
Posts: 107
Joined: May 2nd, 2015, 9:13 am

Re: Outer Glow and possible rainbow/chromatic effect on meter images?

Ao Nuu Shin » January 24th, 2019, 6:51 pm

Ao Nuu Shin wrote:
January 24th, 2019, 6:45 pm
Oh my God! You're a real life saver!!! Thank you so much! I will try without it first and If I see / want something different, I will download it, too. Thing is, I am trying to make the skin as simple and as beautiful as possible, without the need of downloading additional files. But thanks to you now, I will have more surprises in hand!!!! Clearly, this is amazing!!
Ok, I've made another Notepad, and copied/pasted the code and put my image on it, and I can see a big shape of my image, and the light effect that I wanted on top left like a square thing. I also downloaded the imagesize3 rmskin and it is just a woman with a horse. I am confused more now... haha

EDIT : This is what I have now.
You do not have the required permissions to view the files attached to this post.
User avatar
balala
Rainmeter Sage
Posts: 7628
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Outer Glow and possible rainbow/chromatic effect on meter images?

balala » January 24th, 2019, 7:44 pm

Ao Nuu Shin wrote:
January 24th, 2019, 6:51 pm
Ok, I've made another Notepad, and copied/pasted the code and put my image on it, and I can see a big shape of my image, and the light effect that I wanted on top left like a square thing. I also downloaded the imagesize3 rmskin and it is just a woman with a horse. I am confused more now... haha
If you have downloaded and installed the ImageSize3 skin, the plugin should have to be installed as well. But based on your reply, it seems to not be. Please check: right click the Rainmeter icon in the Notification area and click About. Open the Plugins tab and look for the ImageSize plugin. Do you have it (see below)?
Plugins.png
You do not have the required permissions to view the files attached to this post.
Ao Nuu Shin
Posts: 107
Joined: May 2nd, 2015, 9:13 am

Re: Outer Glow and possible rainbow/chromatic effect on meter images?

Ao Nuu Shin » January 24th, 2019, 7:59 pm

balala wrote:
January 24th, 2019, 7:44 pm
If you have downloaded and installed the ImageSize3 skin, the plugin should have to be installed as well. But based on your reply, it seems to not be. Please check: right click the Rainmeter icon in the Notification area and click About. Open the Plugins tab and look for the ImageSize plugin. Do you have it (see below)?
Plugins.png
It is installed in the About tab.
User avatar
balala
Rainmeter Sage
Posts: 7628
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Outer Glow and possible rainbow/chromatic effect on meter images?

balala » January 24th, 2019, 8:10 pm

Ao Nuu Shin wrote:
January 24th, 2019, 7:59 pm
It is installed in the About tab.
In the Plugins tab of the About dialog.
Ok, then first please post the modified code you're using right now.
Ao Nuu Shin
Posts: 107
Joined: May 2nd, 2015, 9:13 am

Re: Outer Glow and possible rainbow/chromatic effect on meter images?

Ao Nuu Shin » January 24th, 2019, 8:28 pm

balala wrote:
January 24th, 2019, 8:10 pm
In the Plugins tab of the About dialog.
Ok, then first please post the modified code you're using right now.
As stated above, I did copied/pasted the code you provided me with, and I put my image on the space you were telling me to put my image. I am confused..

Code: Select all

[Rainmeter]
Update=-1
AccurateText=1

[Variables]
GlowColor=220,220,220
Thickness=15
Image=#@#Images\Test1
W=10
H=10
; Thickness - up to 15

[MeasureWidth]
Measure=Plugin
Plugin=ImageSize
ImageName=#Image#
Dimension=Width

[MeasureHeight]
Measure=Plugin
Plugin=ImageSize
ImageName=#Image#
Dimension=Height

[MeterBackground]
Meter=Shape
X=1
Y=1
Shape=Rectangle 0,0,([MeasureWidth]+30),([MeasureHeight]+30) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(15/(Clamp(#Thickness#,0.000001,15))))
Shape2=Rectangle 1,1,([MeasureWidth]+28),([MeasureHeight]+28) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(14/(Clamp(#Thickness#,0.000001,15))))
Shape3=Rectangle 2,2,([MeasureWidth]+26),([MeasureHeight]+26) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(13/(Clamp(#Thickness#,0.000001,15))))
Shape4=Rectangle 3,3,([MeasureWidth]+24),([MeasureHeight]+24) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(12/(Clamp(#Thickness#,0.000001,15))))
Shape5=Rectangle 4,4,([MeasureWidth]+22),([MeasureHeight]+22) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(11/(Clamp(#Thickness#,0.000001,15))))
Shape6=Rectangle 5,5,([MeasureWidth]+20),([MeasureHeight]+20) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(10/(Clamp(#Thickness#,0.000001,15))))
Shape7=Rectangle 6,6,([MeasureWidth]+18),([MeasureHeight]+18) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(9/(Clamp(#Thickness#,0.000001,15))))
Shape8=Rectangle 7,7,([MeasureWidth]+16),([MeasureHeight]+16) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(8/(Clamp(#Thickness#,0.000001,15))))
Shape9=Rectangle 8,8,([MeasureWidth]+14),([MeasureHeight]+14) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(7/(Clamp(#Thickness#,0.000001,15))))
Shape10=Rectangle 9,9,([MeasureWidth]+12),([MeasureHeight]+12) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(6/(Clamp(#Thickness#,0.000001,15))))
Shape11=Rectangle 10,10,([MeasureWidth]+10),([MeasureHeight]+10) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(5/(Clamp(#Thickness#,0.000001,15))))
Shape12=Rectangle 11,11,([MeasureWidth]+8),([MeasureHeight]+8) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(4/(Clamp(#Thickness#,0.000001,15))))
Shape13=Rectangle 12,12,([MeasureWidth]+6),([MeasureHeight]+6) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(3/(Clamp(#Thickness#,0.000001,15))))
Shape14=Rectangle 13,13,([MeasureWidth]+4),([MeasureHeight]+4) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(2/(Clamp(#Thickness#,0.000001,15))))
Shape15=Rectangle 14,14,([MeasureWidth]+2),([MeasureHeight]+2) | Fill Color 0,0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(1/(Clamp(#Thickness#,0.000001,15))))
Shape16=Rectangle 15,15,[MeasureWidth],[MeasureHeight] | Fill Color 0,0,0 | StrokeWidth 1 | StrokeColor #GlowColor#,(255-255*(0/(Clamp(#Thickness#,0.000001,15))))
DynamicVariables=1

[MeterImage]
Meter=Image
ImageName=#Image#
X=15r
Y=15r
;W=250
;H=150
;PreserveAspectRatio=1
User avatar
balala
Rainmeter Sage
Posts: 7628
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Outer Glow and possible rainbow/chromatic effect on meter images?

balala » January 24th, 2019, 8:34 pm

Ao Nuu Shin wrote:
January 24th, 2019, 8:28 pm
As stated above, I did copied/pasted the code you provided me with, and I put my image on the space you were telling me to put my image. I am confused..
The code you've posted back, works perfectly for me, obviously with another image. There could be something with the image? I doubt, however please post it, too.
Ao Nuu Shin
Posts: 107
Joined: May 2nd, 2015, 9:13 am

Re: Outer Glow and possible rainbow/chromatic effect on meter images?

Ao Nuu Shin » January 24th, 2019, 8:45 pm

balala wrote:
January 24th, 2019, 8:34 pm
The code you've posted back, works perfectly for me, obviously with another image. There could be something with the image? I doubt, however please post it, too.
Here it is. The Test1. Maybe it's too big? I am using the rainmeter code to shrink it down a couple notches. I have no idea...
You do not have the required permissions to view the files attached to this post.