SVG/PNG Wallpaper Maker

Window managers, icon programs, widgets, etc.
Message
Author
User avatar
solo
Posts: 389
Joined: Thu 14 Nov 2013, 20:33

#106 Post by solo »

step wrote:Thanks solo and vovchik, two nice tiles for my collection :)
This is how solo's looks when rox does the tiling on my 1440x900 monitor.
That looks .....not so nice, step! I think there's an issue with how ROX handles SVG transparancy.

Here's the same tile, but this time I've put a colored rectangle in the backround and gave a color to the insides of the figure, so that all transparancy is gone.

Code: Select all

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96">
<path d="M-2-2H98V98H-2z" fill="teal"/>
<path d="M19-2l14 14H12v21L-2 19v8l14 14v13L-2 69v8l14-14v21h21L19 98h8l15-14h12l15 14h8L63 84h21V63l14 14v-8L84 54V41l14-14v-8L84 33V12H63L77-2h-8L54 12H42L27-2h-8zm-1 20h21l5 5-4 4H27v12l-4 4-5-5V18zm39 0h21v21l-4.5 4-4.5-4V27H56l-4-4 5-5zm-9 9l6 6h9v9l6 6-6 6v9h-9l-6 6-6-6h-9v-9l-6-6 6-6v-9h9l6-6zM23 52l4 4v13h12l4 4-5 5H18V57l5-5zm50 0l5 5v21H58l-5-5 4-4h12V56l4-4z" fill="#ffffff" stroke="#444444" stroke-width="3"/>
</svg>
Now, you can easily change these colors yourself when you open the svg with a text editor.
As you may notice in this particular example, there are two different ways to define a color in an svg. You can use the X11 color names (/usr/share/X11/rgb.txt is a handy list), or you can use hexadecimal values.

There are three values in this file you can change. The first one, fill="teal", concerns your backround color.
You can either choose a different color name from the text file list I mentioned, or you can go to the -Graphics-Gcolor2 color picker- in your menu. There, you can pick a color you like, and when you found one, you can see the hexadecimal value of the color in the Color name field. You simply replace the value in the svg file with the one in the Color name field.
The second entry, fill="#ffffff", stands for the color inside the lines of the pattern, which, for now, is white.
The third value, stroke="#444444", stands for the color of the lines, which is gray now.

So there. With this knowledge, I'm sure your backround pattern will look a lot better!
Attachments
andalucia02_colored.png
(4.63 KiB) Downloaded 295 times
Last edited by solo on Sun 09 Oct 2016, 09:33, edited 1 time in total.

step
Posts: 1349
Joined: Fri 04 May 2012, 11:20

#107 Post by step »

Thanks solo, this is how the colored tile looks when rox sets the background. Much better!
Attachments
xscreenshot-00006.png
(13.61 KiB) Downloaded 297 times
[url=http://murga-linux.com/puppy/viewtopic.php?t=117546]Fatdog64-810[/url]|[url=http://goo.gl/hqZtiB]+Packages[/url]|[url=http://goo.gl/6dbEzT]Kodi[/url]|[url=http://goo.gl/JQC4Vz]gtkmenuplus[/url]

User avatar
solo
Posts: 389
Joined: Thu 14 Nov 2013, 20:33

#108 Post by solo »

Okay, last addition and then we'll put it to rest.

For those freaks who enjoy a headache inducing andalucian colorsplash as a wallpaper, here's a multicolored version.

Code: Select all

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96">
<path d="M-2-2H98V98H-2z" fill="teal"/>
<path d="M27 48L-2 19V-2h21l29 29L77-2h21v21L69 48l29 29v21H77L48 69 19 98H-2V77z" fill="#025"/>
<path d="M15 15h66v66H15z" fill="maroon"/>
<path d="M48 27l-6 6h-9v9l-6 6 6 6v9h9l6 6 6-6h9v-9l6-6-6-6v-9h-9z" fill="#a80"/>
<path d="M19-2l14 14H12v21L-2 19v8l14 14v13L-2 69v8l14-14v21h21L19 98h8l15-14h12l15 14h8L63 84h21V63l14 14v-8L84 54V41l14-14v-8L84 33V12H63L77-2h-8L54 12H42L27-2h-8zm-1 20h21l5 5-4 4H27v12l-4 4-5-5V18zm39 0h21v21l-4.5 4-4.5-4V27H56l-4-4 5-5zm-9 9l6 6h9v9l6 6-6 6v9h-9l-6 6-6-6h-9v-9l-6-6 6-6v-9h9l6-6zM23 52l4 4v13h12l4 4-5 5H18V57l5-5zm50 0l5 5v21H58l-5-5 4-4h12V56l4-4z" fill="#fff" stroke="#444" stroke-width="3"/>
</svg>
Feel free to adjust the colors to your own preference.
Attachments
wp_andalucian_multicolored.png
(14.85 KiB) Downloaded 258 times

User avatar
vovchik
Posts: 1507
Joined: Tue 24 Oct 2006, 00:02
Location: Ukraine

#109 Post by vovchik »

Dear all,

Couldn't help myself this morning and did five of them. Also, the last of these from me (at least for a while). :)

With kind regards,
vovchik
Attachments
geo-small.jpg
(127.26 KiB) Downloaded 283 times
tessellations.tar.gz
(8.54 KiB) Downloaded 337 times

step
Posts: 1349
Joined: Fri 04 May 2012, 11:20

#110 Post by step »

@solo you picked a perfect Moorish color palette. I wouldn't want to change your choice of colors. Thank you so much.

@vovchik Is the Escher tessellation by himself or were you inspired and did a look-alike? I noticed that the patterns in even rows aren't exactly like the ones in odd rows. Just wondering if Escher did it that way.
I like the flowers and oriental tessellations best, just a matter of personal taste. Thank you very much.
[url=http://murga-linux.com/puppy/viewtopic.php?t=117546]Fatdog64-810[/url]|[url=http://goo.gl/hqZtiB]+Packages[/url]|[url=http://goo.gl/6dbEzT]Kodi[/url]|[url=http://goo.gl/JQC4Vz]gtkmenuplus[/url]

User avatar
BarryK
Puppy Master
Posts: 9392
Joined: Mon 09 May 2005, 09:23
Location: Perth, Western Australia
Contact:

#111 Post by BarryK »

I am posting this on behalf of esmourguit. He has fully internationalized wallmaker and bumped the version to 1.8.9.3:

http://distro.ibiblio.org/easyos/noarch ... .8.9.3.pet
[url]https://bkhome.org/news/[/url]

Post Reply