Kodi Animation thread

  Thread Rating:
  • 5 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Post Reply
natethomas Offline
XBMC Chief and Kodi Project Manager
Posts: 6,195
Joined: Apr 2008
Reputation: 126
Location: Kansas
Post: #1
Because the logo idea thread worked so well, we’ve got one last request. As previously mentioned, one of the most popular logos that we weren’t able to go with owed a great deal of its popularity to a REALLY cool animation associated with it. It was so popular internally that it reignited the idea of eventually animating the Kodi start screen. And so our request, our challenge to you all is this: animate the official Kodi logo. Make it look awesome. While it’s far too late for an animation to make it as the boot image for Kodi 14, there’s a very real chance that your work could be the first thing all of our over two million users see in Kodi 15 or sometime in the future.

To submit your animation, save it as an animated gif to imgur or your preferred image sharing site. Then post it in this thread. We look forward to seeing what you come up with. Additionally, you can pull from a number of other official logo variations from this page, though we’ll probably prefer a dark or black background for any final animation.
(This post was last modified: 2014-11-24 04:37 by natethomas.)
find quote
Zampa Offline
Junior Member
Posts: 8
Joined: Sep 2014
Reputation: 2
Post: #2
Here's a first stab...

https://gfycat.com/SnoopyScratchyHamadryad

[Image: SnoopyScratchyHamadryad.gif]
(This post was last modified: 2014-11-28 16:24 by zag.)
find quote
mrdally204 Offline
Fan
Posts: 498
Joined: Nov 2010
Reputation: 9
Location: Ohio
Post: #3
(2014-11-24 17:41)Zampa Wrote:  Here's a first stab...

https://gfycat.com/SnoopyScratchyHamadryad

Pretty cool, though the lines in the "K" icon are not the same size. The vertical line is slimmer than the other 2. I like the concept though
find quote
Eldar3333 Offline
Junior Member
Posts: 17
Joined: Dec 2012
Reputation: 0
Post: #4
(2014-11-24 17:41)Zampa Wrote:  Here's a first stab...

https://gfycat.com/SnoopyScratchyHamadryad

Nice--simple and effective.
find quote
Zampa Offline
Junior Member
Posts: 8
Joined: Sep 2014
Reputation: 2
Post: #5
(2014-11-24 18:30)mrdally204 Wrote:  
(2014-11-24 17:41)Zampa Wrote:  Here's a first stab...

https://gfycat.com/SnoopyScratchyHamadryad

Pretty cool, though the lines in the "K" icon are not the same size. The vertical line is slimmer than the other 2. I like the concept though

Adjusted: http://gfycat.com/LeanWeightyFinwhale
(This post was last modified: 2014-11-25 02:09 by natethomas.)
find quote
jburgess Offline
Junior Member
Posts: 19
Joined: Feb 2014
Reputation: 0
Post: #6
Nice Zampa!
find quote
Ned Scott Offline
Banned
Posts: 31,462
Joined: Jan 2011
Location: Arizona, USA
Post: #7
Natethomas did one somewhere. Maybe he didn't post it because he's shy about his graphics abilities, but it was pretty good :)
find quote
fastcolors Offline
Skilled Skinner
Posts: 759
Joined: Sep 2012
Reputation: 26
Location: the Matrix
Post: #8
nice.

[Image: icon.png] [Image: bannersio2.png]
Did I Help? Add to my reputation
find quote
da-anda Offline
Team-Kodi Member
Posts: 5,742
Joined: Jun 2009
Reputation: 75
Location: germany
Post: #9
really nice idea Zampa. The rotation part is a bit too long for my taste, but I don't have a better solution/suggestion on that. Maybe sort of a heart beat instead of rotation, or pulsing square in a way that the logo want's to break through?

Another idea would be a simple square starting to get cracks with light beams coming out from the inside until it explodes to the logo - but this requires some CG pro.
(This post was last modified: 2014-11-24 21:27 by da-anda.)
find quote
MediaPi Offline
Posting Freak
Posts: 1,199
Joined: Apr 2013
Reputation: 19
Post: #10
(2014-11-24 20:25)Zampa Wrote:  
(2014-11-24 18:30)mrdally204 Wrote:  
(2014-11-24 17:41)Zampa Wrote:  Here's a first stab...

https://gfycat.com/SnoopyScratchyHamadryad

Pretty cool, though the lines in the "K" icon are not the same size. The vertical line is slimmer than the other 2. I like the concept though

Adjusted: http://gfycat.com/LeanWeightyFinwhale

Although this is amazing its missing some cool factor, wish it had more colours. and looking at the nexus splash screen I think it needs more 3d effect, something that takes you to the logo rather than the logo come to you, or abit of that. BUT you have skills that I can't measure to. great work! nice thread by the way team kodi.
find quote
Kib Offline
Team Kodi 🐤 Member
Posts: 4,989
Joined: Jan 2010
Reputation: 85
Location: The Hague
Post: #11
The colour is wrong, and I can't say I like the rotation very much personally. The explosion is very nice though!
find quote
kimhav Offline
Junior Member
Posts: 3
Joined: Jun 2014
Reputation: 0
Post: #12
Well, one way to add more graphical effect would let the initial part with the spinning cube to be a wire frame based cube which moves to the next animation phase using some heat/smear effect which forms the original logo. And loose the Kodi text part for such intro or make it more subtle and focus on the grapical part.
find quote
natethomas Offline
XBMC Chief and Kodi Project Manager
Posts: 6,195
Joined: Apr 2008
Reputation: 126
Location: Kansas
Post: #13
It wasn't so much being shy as not wanting to influence the design of others. I did the same thing for the mascot contest.
find quote
Zampa Offline
Junior Member
Posts: 8
Joined: Sep 2014
Reputation: 2
Post: #14
(2014-11-25 00:05)Kib Wrote:  The colour is wrong, and I can't say I like the rotation very much personally. The explosion is very nice though!

The visual elements are directly pulled from the svg, so the color was not changed by me. It might be just a byproduct of conversions and compression to gif format.
find quote
natethomas Offline
XBMC Chief and Kodi Project Manager
Posts: 6,195
Joined: Apr 2008
Reputation: 126
Location: Kansas
Post: #15
I tried making that gif visible, but gfycat really seems to hate our forum software.

edit: Nevermind. It turns out the gif simply isn't set to repeat, so if you embed it, you'll typically just see the end of it. For future reference, I'd recommend making animations hold for a few seconds at the end, then repeat. Also, the embedding code would look like this:

Code:
[img]http://fat.gfycat.com/LeanWeightyFinwhale.gif[/img]
(This post was last modified: 2014-11-25 02:11 by natethomas.)
find quote
Post Reply