Fixing DC’s Batman wigglegram gifs

DC made an animated gif to promote an upcoming issue of Batman, which also teases a Watchmen appearance. It’s a nice gif that uses parallax scrolling to create the illusion of depth, but it does two things that bug the crap out of me:

  • The animation only pans from left to right
  • The animation alternates from Batman to Flash

So I decided to make my own edits to create a more traditional “wigglegram” effect. I think these look a lot smoother.

batman wigglegram gif 3d

I did the same edit with a Reverse Flash gif, just to show the effect can still work when the image is supposed to convey time. In the original gif, the camera pans left-right as the Flash gets turned into a skeleton. It’s a cool effect, but looks better when you “yo-yo” the animation back and forth.

The Flash Wigglegram gif

Here is the original GIF that DC shared. I think the wigglegram versions feel much smoother.

 

My process for 2D animations and game art with Hexels Pro.

The folks at 80 Level have recently published an interview with me about my process for creating 2D animations and game art with Hexels Pro. I’ve blogged a lot of my Hexels Pro “trixel art” here before, but this article is the most in depth I’ve ever gotten about the techniques behind that art.

making trixel art with Hexels Pro

If you live in SF, please feel free to hit me up if you have any Hexels Pro questions. OMG, here’s a snippet:

I usually start with a very small and simple sketch, then jump into Hexels Pro and get started in their trixels mode. There’s a template I use to start most new projects that is simply called “Trixels” and has a 48×48 grid. I then shrink the grid down to a much smaller size, like 10×10 and start working out my image there using just a few distinctly different colors that I’ll end up switching later. I know I’m going to go into higher detail later, but I really like to start in a very “low-resolution” kind of mindsight. If I can make a dope image there, then I know it’s going to look good later.

 

Benny Gold’s Cracked iPhone Wallpaper

Benny Bent Phone

When Christine cracked her Android screen last year, I took some shots and turned them into a fantastic wallpaper (which you can download here free). So when my buddy Benny Gold showed me his cracked iPhone screen, I snapped some quick shots to do it all again. You can download the large version of this wallpaper here, and it should be usable for most mobile devices.

If there are any specific requests, leave them in the comments below and I’ll try to hook you up. Bonus points if you research the dimensions in advance, so I don’t have to. ie “iPhone 7+ (1080pxl x 1920pxl)

Benny's broken phone

 

Anti-Trump Rally In San Francisco

anti-trump-rally-smaller-compressor

Last night, San Franciscan’s took the streets last night to protest Donald Trump. I caught up with the crowd a couple of times throughout the night and took a few photos. As the crowd was starting, around 5:30pm, I counted over 1,000 protestors on Market St. The group marched around the city a bit, then ended up in the Mission around 8pm. I couldn’t get a good count then, but it seemed like it may have been larger by around 500 more people (just a guess).

This was one of the largest protests I had seen in many years, but I have a feeling it’s something we’ll be seeing a lot of again for the near future.

Anti-Trump rally in San Francisco
…