CodeWalrus

Multimedia => Drawing & Animation => Topic started by: CKH4 on February 19, 2015, 04:10:53 PM

Title: Classic Shell Custom Animated Icons
Post by: CKH4 on February 19, 2015, 04:10:53 PM
I'm making animated start buttons for classic shell

Here's my first one, a Material Design theme:
Recommended Window Color ( #009688 ) with transparency off
(http://i.imgur.com/7ipOQNt.png)
(http://i.imgur.com/oVAoGeZ.jpg)
Title: Re: Classic Shell Custom Animated Icons
Post by: Dream of Omnimaga on February 19, 2015, 05:02:34 PM
What is Classic shell? Is it an OS in particular or is it some command prompt software? The icons look nice, although for some reasons the circle outside don't seem very clean, as in the outline has some weird pixels and isn't really round.
Title: Re: Classic Shell Custom Animated Icons
Post by: CKH4 on February 19, 2015, 05:15:34 PM
yeah, sorry about the unclean edges (I'm working on it). it adds the start menu back to windows 8.
Title: Re: Classic Shell Custom Animated Icons
Post by: Dream of Omnimaga on February 19, 2015, 05:28:13 PM
Oh right I see now. I was wondering because Classic Shell name seems pretty vague. Also would it support transparent PNGs so you can anti-alias the borders?
Title: Re: Classic Shell Custom Animated Icons
Post by: CKH4 on February 19, 2015, 06:11:24 PM
Sadly no, I'd have to redo the entire thing which I'm considering doing.
Title: Re: Classic Shell Custom Animated Icons
Post by: Dream of Omnimaga on February 19, 2015, 06:25:20 PM
Wait why would you need to redo them as opposed to just editing the borders? Is it because the format it supports with anti-aliasing would be different?
Title: Re: Classic Shell Custom Animated Icons
Post by: CKH4 on February 19, 2015, 07:47:09 PM
I'll post the old one without transparency.
http://i.imgur.com/oVAoGeZ.jpg (http://i.imgur.com/oVAoGeZ.jpg)
Title: Re: Classic Shell Custom Animated Icons
Post by: Dream of Omnimaga on February 19, 2015, 10:16:54 PM
Oh I see now. There must be a way to fix the borders tho. Make the button a layer and the outside the same color, select area in ellipse selection mode (photofiltre studio can), invert selection, erase the outside but make sure erasing is anti-aliased.
Title: Re: Classic Shell Custom Animated Icons
Post by: CKH4 on February 20, 2015, 12:08:42 AM
I'll redo it eventually, but the 1 row part at the top is really tricky. Instead of adding individual text options, it encodes the options in the top row of pixels based on rgb values.
Title: Re: Classic Shell Custom Animated Icons
Post by: Dream of Omnimaga on February 20, 2015, 12:28:00 AM
Oh wow, I just saw this now. I wanted to do that to store data in a calc game before. :P
Title: Re: Classic Shell Custom Animated Icons
Post by: CKH4 on February 20, 2015, 12:53:19 AM
Its a very neat trick to cut down on the number of files but for a human to write is very inefficient.
Title: Re: Classic Shell Custom Animated Icons
Post by: Dream of Omnimaga on February 20, 2015, 04:06:23 AM
In my case it's not really to cut down the amount of files, especially since it would actually use an extra file (8xi picture), but rather to shrink down data size. If for example I want to store 60 numbers from 0 to 15, I can use 60 rows of 4 pixels in a picture instead of 540 bytes of list data. However, you have to be creative in order to not waste lots of space with the rest of the pic. For example, you can make a title screen with a nice border in which pixels represent data then mirror the data on the other side of the screen and the top and bottom to create a nice border, so at least you aren't wasting the rest of the pic.
Title: Re: Classic Shell Custom Animated Icons
Post by: CKH4 on February 20, 2015, 04:14:55 AM
Well that would be especially useful if basic users had unlimited pictures but given the use I'd say that it could be used as a spritesheet for xlib in the remaining image space.
Title: Re: Classic Shell Custom Animated Icons
Post by: Dream of Omnimaga on February 20, 2015, 05:05:35 AM
Indeed, although it depends if the user wants to use xLIB. Ideally it's best to use some sort of abstract drawing on your title screen that are in fact bunches of data too. That way you maximize use of the picture. :P. You can even store mini maps in them for later use :P


EDIT I was bored and I made modified versions of your icons with fixed borders.
Title: Re: Classic Shell Custom Animated Icons
Post by: CKH4 on February 20, 2015, 06:52:31 AM
Oh, well thank you for the fixed borders.

The abstract drawing could be really cool. You might even be able to draw a house or something (map based on how the logo maps out) out of a map depending on the tile process.
Title: Re: Classic Shell Custom Animated Icons
Post by: Dream of Omnimaga on February 20, 2015, 07:24:06 AM
Well in my case maps would probably be an entire room for each pixel. If the next pixel is ON too then the two rooms would be linked. Regarding the other type of data posted in pics I should post a mockup of a title screen idea I had a while ago in my pixel art topic.
Title: Re: Classic Shell Custom Animated Icons
Post by: CKH4 on February 20, 2015, 07:48:04 AM
I'd love to see them. Your other ones look great.

Quick update also: http://i.imgur.com/SbwPJrr.png (http://i.imgur.com/SbwPJrr.png)
+Smoother transition
-Its now bumpy :(
Title: Re: Classic Shell Custom Animated Icons
Post by: Dream of Omnimaga on February 20, 2015, 08:02:01 AM
What do you mean by bumpy and transition? ???
Title: Re: Classic Shell Custom Animated Icons
Post by: Duke "Tape" Eiyeron on February 20, 2015, 11:00:11 AM
There is now a little shading which make a the symbols less flat-y.
Title: Re: Classic Shell Custom Animated Icons
Post by: Dream of Omnimaga on February 20, 2015, 12:25:01 PM
Ah ok. I didn't notice the difference, for some reasons
Title: Re: Classic Shell Custom Animated Icons
Post by: CKH4 on February 20, 2015, 06:14:13 PM
Nope, literally bumpy. I moved the tiles the wrong number of pixels and now it moves up and down when you hover. (Also I kinda did some shape correction)
Title: Re: Classic Shell Custom Animated Icons
Post by: Dream of Omnimaga on February 20, 2015, 07:54:47 PM
Oh ok. That effect could be nice actually unless the hover button is identical.