AROS Exec

Distros => Icaros Desktop => Topic started by: miker1264 on February 19, 2021, 04:30:47 PM

Title: New PNG Drawer Icons
Post by: miker1264 on February 19, 2021, 04:30:47 PM
If anyone is interested I'm assembling a bunch of colorful new drawer icons.

Here's a sample of some color schemes. I like the brown and red and green. Actually, I like them all.  ;D
Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 19, 2021, 04:36:45 PM
Screenshot...

I'm thinking of assembling several of these to send to the artist who makes Ken's Icons. Maybe he will make more icons for us?
Title: Re: New PNG Drawer Icons
Post by: paolone on February 19, 2021, 05:35:48 PM
If anyone is interested I'm assembling a bunch of colorful new drawer icons.

Here's a sample of some color schemes. I like the brown and red and green. Actually, I like them all.  ;D


Astounding! I really like them and this reminds me of a old MacOS classic option that allowed to give directories a different color. If you haven't anything against, I might try to replicate a similar behavior on Icaros using your icons.



Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 19, 2021, 07:02:31 PM
@paolone

If you find these useful you may use them however you like.  :)

It was just a preliminary test of the HSL Color Rotation Code.

There is a way to filter the glow border so it doesn't get processed. Only the other colors change. These had no filters.

The odd blue glow borders can be corrected using masking. The masking procedure is part of ShowPicture. It uses a white pixel mask to overlay the glow border on the original and copy it to the new images. It's called "Copy Mask". It's a procedure I came up with in lieu of using color groups for image processing. We'll let Photoshop do that. We can do it the easy way with masking.

The single images, "normal image", were the result of my experimenting with the color settings to see what was possible using HSL Colorspace. The ones with "selected images" were ones I liked but I had to go back and replicate the settings for the "normal images" because I forgot to record the Hue, Saturation, and Luminance values for each set. Silly me!  8)

I'll do more with them over the weekend. Do you prefer complete icons or sets of both png images? You could use IconPoser to assemble the png images.  ;)
Title: Re: New PNG Drawer Icons
Post by: nikos on February 19, 2021, 09:39:35 PM
This looks great :D
I'm so tired of the purple icons.

Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 20, 2021, 08:59:42 AM
@paolone

First batch of colored drawer icons. Copy Mask works well. To make it easier for everyone I will upload new png icons to the Archives.  :)

I'm also working on making stencils in ShowPicture which are a type of mask.The white area is a stencil for FlatIcons. Sorry about the pink icon.

Now that I have these colorful new png icons I should go back to expanding upon Icon Alias in Icon Library.  :)

Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 21, 2021, 06:12:10 AM
New Icons uploaded to Aros Archives and Aminet.
Title: Re: New PNG Drawer Icons
Post by: paolone on February 22, 2021, 09:07:03 AM
@paolone

First batch of colored drawer icons. Copy Mask works well. To make it easier for everyone I will upload new png icons to the Archives.  :)

I'm also working on making stencils in ShowPicture which are a type of mask.The white area is a stencil for FlatIcons. Sorry about the pink icon.

Now that I have these colorful new png icons I should go back to expanding upon Icon Alias in Icon Library.  :)


Many thanks
Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 25, 2021, 06:04:39 AM
Can you find the new green icon? It's an imposter. It's not really there, well it's not the icon stored on disk. This is Icon Alias.

Currently Icon Library can only display one alternate icon at a time. I still have to write a new function to use a list of compound strings for getting alternate icon names. Then I can display my AROS Drawer full of new green custom made icons!

Icon Alias, if it becomes a success, should be highly portable. So it can be brought to Icaros 32bit and 64bit as well as 68k.
Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 25, 2021, 06:14:59 AM
New green custom made icons. What do you think?

More colors will be available soon. It depends how hard I work at making them.  ;D
Title: Re: New PNG Drawer Icons
Post by: aGGreSSor on February 25, 2021, 07:13:22 AM
New green custom made icons. What do you think?
Looks good and has no visible artifacts, but green is artificial. It's hard to explain in English.
Most people love green, but green is different.
Most people like natural green, which is the color of grass or leaves.
Some prefer pastel shades. Artificial colors are associated with colored plastic products.
The way out of this impasse is the palette, but not the same Palette Prefs as in AmigaOS.
We must have a set of colors with the same tone and let the user choose from them.
It's difficult to explain in words, but it may be useful. Coloring is very difficult :)

Natural green
(https://i.postimg.cc/WpKb3ysY/natural-green.png)

Natural light green
(https://i.postimg.cc/c4n18cHx/avocado-green.png)

Artificial green (with blue tone)
(https://i.postimg.cc/13K8fKCg/artificial-green.png)

Pastel green
(https://i.postimg.cc/5yjBmRrk/pastel-green.png)

Artificial pastel green
(https://i.postimg.cc/BZwcvJLW/pastel-artificial.png)

Natural Windows
(https://i.postimg.cc/jdH5FXr8/Natural-Windows.png)

Artificial Windows
(https://i.postimg.cc/9XTFDpzW/Windows-in-Artificial.png)

There are very few colors in English, it is very difficult to explain.. :(
Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 25, 2021, 08:05:15 AM
Many colors to choose from with hsl values.

https://www.december.com/html/spec/colorhsl.html

Title: Re: New PNG Drawer Icons
Post by: aGGreSSor on February 25, 2021, 10:44:54 AM
Many colors to choose from with hsl values.

https://www.december.com/html/spec/colorhsl.html
You set tasks, boss..  :D  ;)
Let's try to define it:

Natural green - similar to "sapgreen"
CMYK (62%, 0%, 86%, 51%)
HSL  (103, 75%, 28%)

Natural light green (avocado) - no similar
CMYK (35% 0% 98% 51%)
HSL  (81, 96%, 25%)

Artificial green  - no similar
CMYK (99% 0% 51% 55%)
HSL  (149, 98%, 23%)

Pastel green - similar to "mint ice cream"
CMYK (20% 0% 23% 10%)
HSL  (112, 51%, 80%)

Pastel artificial green  - no similar
CMYK (21% 0% 11% 30%)
HSL  (149, 20%, 63%)
Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 25, 2021, 04:10:21 PM
Many colors to choose from with hsl values.

https://www.december.com/html/spec/colorhsl.html
You set tasks, boss..  :D  ;)
Let's try to define it:

Natural green - similar to "sapgreen"
CMYK (62%, 0%, 86%, 51%)
HSL  (103, 75%, 28%)

Natural light green (avocado) - no similar
CMYK (35% 0% 98% 51%)
HSL  (81, 96%, 25%)

Artificial green  - no similar
CMYK (99% 0% 51% 55%)
HSL  (149, 98%, 23%)

Pastel green - similar to "mint ice cream"
CMYK (20% 0% 23% 10%)
HSL  (112, 51%, 80%)

Pastel artificial green  - no similar
CMYK (21% 0% 11% 30%)
HSL  (149, 20%, 63%)

I wouldn't mind trying a light mint green or medium olive.

Not all colors are adequate for making icons.

But first I need to make mask templates for about 100 icons! And I paint each mask by hand. So I have to set up the ice cream shop before you start choosing flavors!  :)

So far I have finished 28 mask templates for 14 icons. So I have to make about 170 more. Piece of cake!

After I set up the templates then you can choose between mint, raspberry, or chocolate chip.

Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 25, 2021, 05:44:53 PM
@paolone

Maybe you could help me with a simple script for batch processing?

It only has to recognize filenames and read directories to copy the mask to Ram: then call a small conversion utility.

But it must do that for every subdirectory in the directory where the script is located. I'd like for it to be verbose to see output.

That way I could run a script for each iconset and watch the output on the screen then collect the new colored images when done. Then run a new script to assemble them into icons. Nice!

Is that all possible?

Hmmm...

Now that I'm thinking about it, rather than go through the effort of making a copy mask utility why not just add "Batches..." as part of the Icon Menu in the program where I'm already using Copy_Mask? Menu Items: Mask Icons, Split Icons, Join Icons, Read Icons and Backup...

That makes more sense to me and parsing an IconList is something I need for Icon Alias as well so I can re-use the code. Rather than enumerate subdirectories the "Mask Icons" menu item would read an IconList and process each set of images. ;)
Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 26, 2021, 02:25:39 AM
For those who prefer the Dark Theme I added Charcoal Black Icon Images.  ;)

I wrote a Mask_Icons Batch Processing Function for IconSets. Once it is working correctly I can process many icon images.
Title: Re: New PNG Drawer Icons
Post by: paolone on February 26, 2021, 12:11:52 PM
@miker


I've sent you an email with all Ken Lester's PNG files (plus maybe some other I added by myself while adding Icaros stuff). Please tell me if you haven't received it.
Title: Re: New PNG Drawer Icons
Post by: AMIGASYSTEM on February 26, 2021, 12:57:53 PM
For those who prefer the Dark Theme I added Charcoal Black Icon Images.  ;)

I wrote a Mask_Icons Batch Processing Function for IconSets. Once it is working correctly I can process many icon images.

Thanks miker, I will try your software to color my AROS One icons !
For light backgrounds you would also need Font coloring, AROS only uses White font !
Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 26, 2021, 03:55:35 PM
@miker


I've sent you an email with all Ken Lester's PNG files (plus maybe some other I added by myself while adding Icaros stuff). Please tell me if you haven't received it.

@paolone

Thank you. I received the zip file. That's an impressive collection of about 1240 images to make 620 icons. I estimate I will have 12 to 14 Colored Drawer IconSets at about 100 icons each for a total of at least 2400 images. We need Batch Processing!

I'm currently working on Batch Processing for converting and assembling Icon Images.

It seems like an elegant solution to a perplexing problem. It's to prevent the "Journey of a Thousand Clicks" so I don't spend a huge amount of time clicking buttons on File Requesters!  ;D
Title: Re: New PNG Drawer Icons
Post by: paolone on February 26, 2021, 04:58:33 PM
@miker


I've sent you an email with all Ken Lester's PNG files (plus maybe some other I added by myself while adding Icaros stuff). Please tell me if you haven't received it.

@paolone

Thank you. I received the zip file. That's an impressive collection of about 1240 images to make 620 icons. I estimate I will have 12 to 14 Colored Drawer IconSets at about 100 icons each for a total of at least 2400 images. We need Batch Processing!

I'm currently working on Batch Processing for converting and assembling Icon Images.

It seems like an elegant solution to a perplexing problem. It's to prevent the "Journey of a Thousand Clicks" so I don't spend a huge amount of time clicking buttons on File Requesters!  ;D


Well. If you could diff some way a custom drawer icon (for instance, the prefs drawer icon) from a common folder one, then you should already get the list of changing pixels, and those (and only those) should get a white mask. Then you can substitute gamma only to leftover pixels. I just can't wonder what tool may do this job for you in an automated shape.


But yeah, the journey of a thousand clicks is like a journey to hell.
Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 26, 2021, 05:43:03 PM
Here's how the Batch Processing works. When you consider what is involved it's an elegant solution and everything fits.

It's all based on Copy_Mask which uses three byte arrays of pixel data. It compares the Mask to the Original and Copies All Pixels Under the Mask to the Destination byte array. So we start by setting up file paths for critical elements such as the Templates Folder, the location of BaseImages and Output Files Folder. This is a new Icon Image Processing Method, like an assembly line. There are many "if(EXISTS)" and Error Checking.

We select the IconList in the IconSet Directory which has Subdirectories of BaseImages and Output Files. Templates with Originals and Mask Files is above the IconSets. We get the Path from the filename. We read the IconList into a string array. The filename on the list is the same for originals and corresponding mask files. So we process in pairs, first we use png datatype to get a byte array (bmpData) of the original image. Then we do the same for the mask (bmpMask). Finally, we select the BaseImage (bmpDest). There are two BaseImages in a subdirectory of the same name for each IconSet. They are simply the Default Colored Drawer Images for Normal and Selected. We keep re-using the two BaseImages to make icons.

So now we have all three byte arrays. Time to call the main function. Copy_Mask(bmpData, bmpMask, bmpDest, width, height, bytesPerPixel); It produces a beautiful icon image using the BaseImage. The resulting image gets save to the Output Files Directory. It processes images in pairs. When the pair is finished and saved it calls Join_Icon using Copy_File and Copy_File_Appent to make Icons that are saved to another output directory. I will probably set up three folders for processing each with an IconList. AROS, SYS, and MISC. The AROS folder is for main system drawer icons. SYS is for def_icons but def_drawer is the exception. It's just a copy of the BaseImage. And MISC is for all other drawer icons to process.

It's very elegant that way. The Templates Directory resides above the Colored IconSets. It contains only the Originals of all drawer images and their corresponding mask images. In the individual IconSets Directories for example "Blue Icons" or "Green Icon" there are only two Subdirectories - BaseImages and Output Files. Under Output Files are Images and Icons. So in reality we only set up a new Colored Iconset Directory and copy in the Colored BaseImages and push the Start Buttom. Batch Processing! Lots of Colored Icons. Nice!

 :) :) :)
Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 28, 2021, 09:00:56 AM
Hot off the presses!!

Batch Processing Three Sets...

The graphics program produced in a few minutes what it would have taken me several hours to do by hand.

I want to do the charcoal set just for fun.  ;)

Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 28, 2021, 09:22:22 AM
Actually, I believe the Charcoal Black Icons will look super cool.  8)

I just made these 28 images in about two minutes. The Batch Processing will be able to handle several directories at a time. Did I mention that C Code is super fast? I'm very pleased.  :)

But there will be more delicious flavors.
Title: Re: New PNG Drawer Icons
Post by: miker1264 on February 28, 2021, 05:09:45 PM
@paolone

Just for fun I will collect all the custom drawer icon images from the large set you sent me. I will make mask templates and produce complete sets of colored icon images.

As for a colored icon theme there are additional icon images such as trashcan, etc that could be added to the colored batches.