Neon Rings - DeviantArt
My first Rainmeter suite, so please be kind Couldn't find a suite that matched the wallpaper to my liking, so I made my own! I'm no graphic designer, so it's a bit unsophisticated in places, but I'm really proud of the glow effect on the rings.
The weather skin is based on JSMorley's Weather.com skin, so should hopefully be impervious to breaking whenever the website updates (many thanks to JSMorley for creating all the backend files and for assistance with the suntrail, and to Yincognito for advice, too).
Hope you guys like it!
It is currently March 28th, 2024, 4:02 pm
Neon Rings - CPU monitoring and weather suite
-
- Posts: 24
- Joined: August 20th, 2020, 8:49 pm
Re: Neon Rings - CPU monitoring and weather suite
Hey i love this, and i want to ask you for link to that clocks and date on 2nd screenshot
Re: Neon Rings - CPU monitoring and weather suite
Gorgeous.
Nice work!
Nice work!
-
- Posts: 24
- Joined: August 20th, 2020, 8:49 pm
Re: Neon Rings - CPU monitoring and weather suite
Version 1.2 is now available to download, with a new 'Settings' skin to adjust the colours, ring sizes, temperature units and other options across the suite.
If you come across any bugs, please let me know!
If you come across any bugs, please let me know!
-
- Posts: 24
- Joined: August 20th, 2020, 8:49 pm
Re: Neon Rings - CPU monitoring and weather suite
- death.crafter
- Rainmeter Sage
- Posts: 1399
- Joined: April 24th, 2021, 8:13 pm
- Contact:
Re: Neon Rings - CPU monitoring and weather suite
Not a bug but a suggestion:bravo-lemur wrote: ↑July 6th, 2021, 2:02 am Version 1.2 is now available to download, with a new 'Settings' skin to adjust the colours, ring sizes, temperature units and other options across the suite.
If you come across any bugs, please let me know!
Code: Select all
[Variables]
OuterRadius=86
InnerRadius=58
[Container]
Meter=Shape
Shape=Ellipse [#OuterRadius],[#OuterRadius],[#OuterRadius],[#OuterRadius] | StrokeWidth 0 | Fill RadialGradient MyGradient
MyGradient=0,0,0,0,[#OuterRadius],[#OuterRadius] | 00000000;0.0 | 00000000;([#InnerRadius]/[#OuterRadius]) | 0,0,0,250;(([#InnerRadius]+[#OuterRadius])/(2*[#OuterRadius])) | 00000000;1
[Glow]
Meter=Shape
Shape=Ellipse [#OuterRadius],[#OuterRadius],[#OuterRadius],[#OuterRadius] | StrokeWidth 0 | Fill LinearGradient MyGradient
Shape2=Ellipse [#OuterRadius],[#OuterRadius],(([#InnerRadius]+[#OuterRadius])/2),(([#InnerRadius]+[#OuterRadius])/2) | Fill Color 0,0,0,1 | StrokeWidth 2.2 | StrokeColor FEFEFE
MyGradient=90 | 116, 188, 255;0.0 | 255, 73, 181;1.0
Container=Container
Preview:
-
- Posts: 24
- Joined: August 20th, 2020, 8:49 pm
Re: Neon Rings - CPU monitoring and weather suite
Damn, not only is that a more subtle effect but also far fewer lines of code!death.crafter wrote: ↑July 6th, 2021, 5:42 am Not a bug but a suggestion:
A better way to glow.Code: Select all
[Variables] OuterRadius=86 InnerRadius=58 [Container] Meter=Shape Shape=Ellipse [#OuterRadius],[#OuterRadius],[#OuterRadius],[#OuterRadius] | StrokeWidth 0 | Fill RadialGradient MyGradient MyGradient=0,0,0,0,[#OuterRadius],[#OuterRadius] | 00000000;0.0 | 00000000;([#InnerRadius]/[#OuterRadius]) | 0,0,0,250;(([#InnerRadius]+[#OuterRadius])/(2*[#OuterRadius])) | 00000000;1 [Glow] Meter=Shape Shape=Ellipse [#OuterRadius],[#OuterRadius],[#OuterRadius],[#OuterRadius] | StrokeWidth 0 | Fill LinearGradient MyGradient Shape2=Ellipse [#OuterRadius],[#OuterRadius],(([#InnerRadius]+[#OuterRadius])/2),(([#InnerRadius]+[#OuterRadius])/2) | Fill Color 0,0,0,1 | StrokeWidth 2.2 | StrokeColor FEFEFE MyGradient=90 | 116, 188, 255;0.0 | 255, 73, 181;1.0 Container=Container
Preview:
Screenshot 2021-07-06 111042.png
-
- Posts: 24
- Joined: August 20th, 2020, 8:49 pm
Re: Neon Rings - CPU monitoring and weather suite
I've used the same trick with rectangles and linear gradients to give the Settings skin a jazzy glowing line - I think it looks pretty rad! Of course it also changes colour and orientation based on the settings selected in the skin
Thank you so much for the advice!
Thank you so much for the advice!
Code: Select all
[Variables]
SBWidth=45
SBHeight=600
[MeterSettingsSidebar]
Meter=Shape
Shape=Rectangle 0,0,#SBWidth#,#SBHeight#,20,20 | Fill Color 0,0,0,255 | Stroke Color 0,0,0,0
Shape2=Rectangle (#SBWidth#-15),0,15,#SBHeight# | Fill Color 0,0,0,255 | Stroke Color 0,0,0,0
[MeterGlowLineContainer]
Meter=Shape
Shape=Rectangle (#SBWidth#-10),0,20,#SBHeight#,5,5 | StrokeWidth 0 | Fill LinearGradient SettContGrad
SettContGrad=180 | 0,0,0,0; 0.0 | 0,0,0,250; 0.5 | 0,0,0,0; 1.0
[MeterLineGlow]
Meter=Shape
Shape=Rectangle (#SBWidth#-10),0,20,#SBHeight#,5,5 | StrokeWidth 0 | Fill LinearGradient GlowLineGrad
Shape2=Rectangle #SBWidth#,0,2,#SBHeight# | StrokeWidth 0 | Fill Color #ActualRingColor#
GlowLineGrad=#SetGrad# | #GlowColor1#,255;0.0 | #GlowColor2#,255;1.0
Container=MeterGlowLineContainer
[MeterSettingsText]
Meter=String
StringAlign=CenterCenter
FontFace=Segoe UI SemiBold
FontColor=#White#
FontSize=16
InlineSetting=CharacterSpacing | 10 | 10
X=(#SBWidth#/2)-15
Y=(#SBHeight#/2)
Angle=(Rad(-90))
Text="SETTINGS"
AntiAlias=1
- death.crafter
- Rainmeter Sage
- Posts: 1399
- Joined: April 24th, 2021, 8:13 pm
- Contact:
Re: Neon Rings - CPU monitoring and weather suite
The skin looked fancy and I wanted to try it out. But the glow somehow looked unnatural so I decided to look in to the code.bravo-lemur wrote: ↑July 6th, 2021, 10:27 pm Damn, not only is that a more subtle effect but also far fewer lines of code!
Well I am glad you liked it. And the settings skin looks pog.
-
- Posts: 24
- Joined: August 20th, 2020, 8:49 pm
Re: Neon Rings - CPU monitoring and weather suite
More improvements
- Attachments
-
- Neon Rings_1.2.1.rmskin
- (1.34 MiB) Downloaded 307 times