tom moody

Archive for the ‘animations – tm’ Category

luminous squiggle (blinking)

luminous_squiggle

- tom moody

May 20th, 2015 at 5:11 am

Posted in animations - tm

blink

eyelash_icon400

hat tip to eyelash

- tom moody

May 20th, 2015 at 5:07 am

ab ex pair

small_mspaint
smallmspaintBWcheadle

top: drawing with the post-Windows 7 "lifelike" MSPaint (note "crayon" texture)
bottom: collab. with SeacrestCheadle and OIE

- tom moody

April 29th, 2015 at 8:40 am

blinking palermo

blinking_palermo

hat tip jonathn

- tom moody

April 21st, 2015 at 8:44 am

noise meter

noise_meter2

hat tips Dr_Age and vince mcelvie

- tom moody

April 16th, 2015 at 9:48 am

Posted in animations - tm

logobounces

logobounces

hat tips pfifferking and reneabythe

- tom moody

April 7th, 2015 at 7:34 am

screens

analoghaven_rmx

modification of a GIF found on the Analogue Haven website

- tom moody

March 30th, 2015 at 10:17 am

optidisc_plus

optidisc_plus

remix of a gif by design professionals

- tom moody

March 3rd, 2015 at 11:21 am

calatrava-esque

5-santiago-calatrava

noisia_dmagik400bw

hat tips noisia (who made the web app) and D_MAGIK
also, Santiago Calatrava, whose sucky ornamental winged thing will soon be gracing the revamped World Trade Center's "transit hub."
It looks kind of like the design above but with "wings" that are awkwardly asymmetrical and jammed too close to an adjacent building.

hub-orama

- tom moody

March 3rd, 2015 at 11:19 am

7 tips on breaking animated gifs

terribleBW

A friend sent me a link promising "7 tips for designing awesome animated GIFs." The tip-offering design firm has a home page in the obnoxious new style that every dotcom 2.0 startup seems to be using. Instead of a neatly-organized page giving you basic information about the company (who we are, what we do, portfolio), you get a screen-filling explosion of video and graphics that seems more about obfuscating than informing.
Lots of elegantly greyed-out video clips of happy corporate workers with coffee cups next to laptops, conferencing in converted loft spaces with chalkboards. As you scroll down, testimonials from happy customers.

invisioncapture

The homepage is optimized for a 1920 pixel wide screen -- when you shrink the width of the window you get the mess above. But it's not much better at the desired width. The designers' philosophy seems to be "entertainment before information," and projecting various class signifiers and logos to show what kinds of clients they expect to have. Ironically the product is some kind of "workflow" thing.

Their GIF tips aren't surprising -- use a pricy video editor, export to Photoshop, then employ various optimization tricks. The tippers brag that they "opted to use GIFs on our home page instead of fancy code-based animations." This is kind of funny because a few years ago some of Paddy Johnson's "tech" commenters were razzing me for suggesting that GIFs were a perfectly adequate alternative to fancy code-based animations.

Anyway, here are the tips on breaking animated GIFs:
1. Choose your targets wisely. Would this look more funny/stupid if broken?
2. Find an online image editor. Start messing around with the settings.
3. Does your broken GIF look too much like "glitch art" or "datamoshing"? Back to the drawing board. Avoid "art" cliches.
4. What is your purpose behind breaking the GIF? Are you making a philosophical point about entropy or is this just for "lulz"?
5. Who is your intended audience? Is it an art audience or a "funny junk" bulletin board? (Related to No. 4 above.)
6. Does the GIF really look broken or just badly made? (Think about that, too.)
7. Always pad listicles out to odd numbers.

- tom moody

February 28th, 2015 at 10:28 am