It is currently Thu Jun 07, 2018 6:01 pm

All times are UTC - 8 hours [ DST ]




Post new topic Reply to topic  [ 21 posts ] 
Author Message
PostPosted: Sun Mar 29, 2015 11:22 pm 
Offline

Joined: Sun Mar 08, 2015 8:16 am
Posts: 22
Spinning Windows 8 themed start button

Attached is my spinning Windows 8 themed start button. Hover over the button to rotate the Window by 180 degrees of animation.

I have attached white, red and blue version of the button. If you don't already know how to install, first move the downloaded file to somewhere it won't be moved around, then right-click the Classic Shell start button, go to settings, click the Start Button tab and under Custom Button click on Button Image and browse for the downloaded file. After you've done that, click OK and you should be good to go.

If you want to re-adjust the colours yourself just remember to avoid altering the very top row of pixels on the image file where the data pixel doodads are.

If you like this animated button you may also like my Rubik's cube button also located here on the forum.

EDIT: AN IMRPOVED VERSION OF THE BUTTON CAN NOW BE FOUND HERE


Attachments:
blueversion.png
blueversion.png [ 6.96 KiB | Viewed 28298 times ]
redversion.png
redversion.png [ 7.09 KiB | Viewed 28298 times ]
whiteversion.png
whiteversion.png [ 7.67 KiB | Viewed 28298 times ]


Last edited by Situla on Sat Apr 04, 2015 10:54 pm, edited 6 times in total.
Top
 Profile  
Reply with quote  
PostPosted: Sun Mar 29, 2015 11:26 pm 
this is a cool idea. i haven't seen much in the way of animated icons that were very good. the only suggestion i have is your icon is opposite of most windows logos. so it seems a little odd for me at least. is there any way you could flip it around.


Top
  
Reply with quote  
PostPosted: Sun Mar 29, 2015 11:29 pm 
Offline
User avatar

Joined: Thu Jan 03, 2013 12:38 am
Posts: 5341
Yeah if you could flip it around please. :)

_________________
Links to some general topics:

Compare Start Menus

Read the Search box usage guide.

I am a Windows enthusiast and did Classic Shell's testing and usability/UX feedback.


Top
 Profile  
Reply with quote  
PostPosted: Sun Mar 29, 2015 11:52 pm 
Offline

Joined: Sun Mar 08, 2015 8:16 am
Posts: 22
Sure, haha. For some odd reason I prefer it flipped the other way round.

Here are the same 3 images horizontally flipped.


Attachments:
File comment: Flipped horizontally
flippedredversion.png
flippedredversion.png [ 118.14 KiB | Viewed 28283 times ]
File comment: Flipped horizontally
flippedblueversion.png
flippedblueversion.png [ 118.14 KiB | Viewed 28283 times ]
File comment: Flipped horizontally
flippedwhiteversion.png
flippedwhiteversion.png [ 118.14 KiB | Viewed 28283 times ]
Top
 Profile  
Reply with quote  
PostPosted: Mon Mar 30, 2015 8:44 am 
thanks, this is really cool. your flipped white version is the first animated button i am actually using. great implementation of using animation. up to now you couldn't really see what the button was doing because it happened too fast or the details were too small. and people seemed to focus more on adding color depth than in the motion of it. if you are interested i can render various propeller shapes against a plain white background that you could possibly edit into rotating propeller/fan buttons. just a thought of a way to utilize motion in a new way.

update; after using your flipped white animated button for awhile i noticed that the aspect ratio is square or close to it. i was wondering if you could use the first frame of the button set attached. that is a set i got from this forum and use most of the time. also, i experimented with different 40x40 pixel props for a possible animated button. i attached two. just wondering if you could make one of those spin around. i don't know if you need to make the background transparent or not or all what goes into making a button. the pics are jpegs. i can make them bigger if needed.

update 2; regarding the prop button request, please disregard. i was able to create one myself. i removed the prop pictures that were attached to this post, as I ended up using a slightly different rendering (due to transparent background issues). also 40x40 pixel pictures work fine to create the button. however, png with a transparent background is helpful. i exported those straight out of the rendering program. then used Gimp to create the button.


Attachments:
CVJdp16.png
CVJdp16.png [ 3.68 KiB | Viewed 28260 times ]


Last edited by prop_design on Tue Mar 31, 2015 11:43 am, edited 1 time in total.
Top
  
Reply with quote  
PostPosted: Mon Mar 30, 2015 7:04 pm 
Offline

Joined: Sun Mar 08, 2015 8:16 am
Posts: 22
Thanks for the feedback. The button is made of 2D snapshots of a perfect square being rotated in a 3D environment, namely SketchUp. I did things this way because its great for maintaining a consistent and realistic perspective, but now that I compare my button more closely with the more 'correct' windows 8 logo its beginning to bug me how different the perspectives are.

Luckily I can quite easily modify the field of view in SketchUp to achieve an essentially identical perspective. While I could import your attached windows logo into SketchUp, due to its inherent asymmetry I think the animation might come out looking a little wonky with the way I do things. I'll see about throwing together a more 'correct' version perhaps later today when I finish work.

Also, I like the propeller idea - I've already done a button with multiple components spinning in different directions, but I haven't done one consisting of elements rotating in different frames of reference, i.e. the moon orbiting the earth which is orbiting the sun etc. Might give the idea a go :)


Top
 Profile  
Reply with quote  
PostPosted: Mon Mar 30, 2015 7:12 pm 
Offline
User avatar

Joined: Thu Jan 03, 2013 12:38 am
Posts: 5341
Yeah I was also going to suggest that it would be nicer if the first and last frame morphed into the authentic Windows logo. You're already on to it. :P

_________________
Links to some general topics:

Compare Start Menus

Read the Search box usage guide.

I am a Windows enthusiast and did Classic Shell's testing and usability/UX feedback.


Top
 Profile  
Reply with quote  
PostPosted: Mon Mar 30, 2015 8:46 pm 
yeah i seen your rubiks cube, that is awesome looking.


Last edited by prop_design on Tue Mar 31, 2015 7:39 pm, edited 1 time in total.

Top
  
Reply with quote  
PostPosted: Tue Mar 31, 2015 5:39 am 
Offline

Joined: Sun Mar 08, 2015 8:16 am
Posts: 22
Alrighty, I've remade the button from scratch to look as close to the windows 8 logo as possible. Here's what's changed.

- I've flipped the logo around so it actually matches the windows 8 logo
- I've corrected the proportions of the button so that its virtually identical to the Windows 8 logo
- I've also increased the size of the button slightly over the original to 60x60 per frame as i thought it was too small orginally. Let me know if you want smaller/larger as it can be easily arranged
- The blue version of the button is now colour matched with the blue Windows 8 logo
- Number of frames has been reduced to 12

If there is anything else needing improvement or modification please don't hesitate to notify me.

Edit: A newer version of this button featuring a transition effect from white to multi-coloured, as well as a pressed state frame can be found here.


Attachments:
Win8 spinning logo button (white).png
Win8 spinning logo button (white).png [ 170.12 KiB | Viewed 28146 times ]
Win8 spinning logo button (blue).png
Win8 spinning logo button (blue).png [ 170.12 KiB | Viewed 28146 times ]
Win8 spinning logo button (red).png
Win8 spinning logo button (red).png [ 170.12 KiB | Viewed 28146 times ]


Last edited by Situla on Mon Apr 06, 2015 6:56 pm, edited 2 times in total.
Top
 Profile  
Reply with quote  
PostPosted: Tue Mar 31, 2015 5:50 am 
they look and work perfectly. i have mine set to 40 for the size, no issues at all. thanks for re-making them.


Top
  
Reply with quote  
PostPosted: Tue Mar 31, 2015 6:08 am 
Offline
User avatar

Joined: Thu Jan 03, 2013 12:38 am
Posts: 5341
They are satisfactory for me too. Appreciate your hard work on them very much. Thanks! :) :)

I added a link to the final button to the 'Windows 8 Themed Start button compilation' :)

Animated buttons are so much more fun and hard work - I made some changes to the Start Buttons forum to make them easier to discover.

_________________
Links to some general topics:

Compare Start Menus

Read the Search box usage guide.

I am a Windows enthusiast and did Classic Shell's testing and usability/UX feedback.


Top
 Profile  
Reply with quote  
PostPosted: Tue Mar 31, 2015 10:40 pm 
Offline

Joined: Sun Mar 08, 2015 8:16 am
Posts: 22
If anyone's interested I've further modified my button to include a colour transition effect. The button attached below will transition from white to the conventional yellow, red, blue and green colours of older windows logos in addition to spinning.

Edit: At GauravK's request I've also added a pressed-state frame where the coloured squares of the windows 8 logo become outlines. I've attached two versions of the newly modified button below:

Version 1 features no pressed state frame

Version 2 features the aforementioned pressed state frame.

Try both and see which you prefer :)


Attachments:
File comment: Version 1: no pressed-state frame
win8 logo button v1.png
win8 logo button v1.png [ 170.12 KiB | Viewed 27484 times ]
File comment: Version 2: contains pressed-state frame
win8 logo button v2.png
win8 logo button v2.png [ 184.25 KiB | Viewed 27484 times ]


Last edited by Situla on Mon Apr 06, 2015 6:46 pm, edited 6 times in total.
Top
 Profile  
Reply with quote  
PostPosted: Tue Mar 31, 2015 10:47 pm 
Offline
User avatar

Joined: Thu Jan 03, 2013 12:38 am
Posts: 5341
Yes of course we're interested :P Btw the logo colors don't appear to be the exact colors that the current Microsoft logo uses: http://blogs.microsoft.com/wp-content/u ... screen.jpg

Edit: Fixed.

_________________
Links to some general topics:

Compare Start Menus

Read the Search box usage guide.

I am a Windows enthusiast and did Classic Shell's testing and usability/UX feedback.


Top
 Profile  
Reply with quote  
PostPosted: Tue Mar 31, 2015 11:26 pm 
Offline

Joined: Sun Mar 08, 2015 8:16 am
Posts: 22
Ok, I deleted the old one and re-uploaded it with corrected colours. The colours are now 99% accurate ;)

I guess my usual habit of simply eye-balling it won't cut it around here then :lol:


Top
 Profile  
Reply with quote  
PostPosted: Tue Mar 31, 2015 11:29 pm 
Offline
User avatar

Joined: Thu Jan 03, 2013 12:38 am
Posts: 5341
Wonderful and thank you!

_________________
Links to some general topics:

Compare Start Menus

Read the Search box usage guide.

I am a Windows enthusiast and did Classic Shell's testing and usability/UX feedback.


Top
 Profile  
Reply with quote  
PostPosted: Wed Apr 01, 2015 7:11 am 
very very cool. thanks for sharing this.


Top
  
Reply with quote  
PostPosted: Sun Apr 05, 2015 9:58 am 
Offline
User avatar

Joined: Thu Jan 03, 2013 12:38 am
Posts: 5341
One more suggestion: I know it's asking too much for such a great button but could you add some differentiation or glow around the logo for the "pressed" state?

_________________
Links to some general topics:

Compare Start Menus

Read the Search box usage guide.

I am a Windows enthusiast and did Classic Shell's testing and usability/UX feedback.


Top
 Profile  
Reply with quote  
PostPosted: Sun Apr 05, 2015 7:37 pm 
Offline

Joined: Sun Mar 08, 2015 8:16 am
Posts: 22
As requested I've added a version featuring a pressed-state frame which can be found here


Top
 Profile  
Reply with quote  
PostPosted: Sun Dec 17, 2017 6:18 pm 
Offline

Joined: Sun Dec 17, 2017 6:12 pm
Posts: 1
How to "download"?


Top
 Profile  
Reply with quote  
PostPosted: Sun Dec 17, 2017 6:36 pm 
Offline
User avatar

Joined: Sun Jan 06, 2013 1:44 pm
Posts: 1939
right click the image, and select 'save as'


Top
 Profile  
Reply with quote  
PostPosted: Mon Dec 18, 2017 4:19 am 
Offline
User avatar

Joined: Tue Nov 21, 2017 10:52 am
Posts: 73
Location: Liepaja, Latvia
nice


Top
 Profile  
Reply with quote  
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 21 posts ] 

All times are UTC - 8 hours [ DST ]


Who is online

Users browsing this forum: Baidu [Spider] and 4 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group, Almsamim WYSIWYG Classic Shell © 2010-2016, Ivo Beltchev.
All right reserved.