warning signs
not the biggest art board mess i’ve made. yes, that is a little head illustration in the middle.
getting into good things. making good messes. although never intended, i often end up with an illustrator art board ‘splosion. i can make sense of it, which is what ultimately matters. the days of naming files “pinup boardsfinal-final-FINAL.ai” are in the rearview, mostly. i have created “file name_versionx.ai” a time or two. harm reduction. i’m hesitant to break up design families and iterations into different files. can be frustrating looking for an element that’s similar but saved in a different file. fortunately illustrator has a limited drawing area, otherwise…
up in the left hand corner i had been working on lettering to use as a journal cover based on the hairpin turn. with more work i think it could get there, but it needed a lot of time and wasn’t the originally intended subject. saving for another day.
original “winding road ahead”
winding, winding, winding
worked out the spiraling curves on dot-grid paper first.
the graphic brevity of warning signs can, at times, bely the severity of what needs to be brought to a driver’s attention. like, did a snake pave this road? why so windy? i imagined driving down a stretch and seeing a ludicrously exaggerated road sign for “winding road ahead.” a relentless warning.
“oh geez, well it’s gonna go on winding for a good ways there. be careful!”
i don’t know, that’s just what came to mind.
three main squeeze warning signs show up here: winding road, hairpin turn, and added lane. these schemes were simple and, importantly, repeatable. wanted something that could be made into an extended path or line pattern.
the original winding road graphic is more of a sine curve, and i was having a bit of a hard time re-creating it. i went off-book from the MUTCD and used half-circles instead. it’s not an exact replica. it was never meant to be.
tested out some of the lettering ideas too.
“hairpin turn ahead” was the first one i worked on in the series. it reminded me of a professor’s diagram on recursive design process. the gist of the pedagogical ideology being discussed was that working recursively encouraged processing ideas forwards, and backwards, yielding a more dynamic result than a linear process. each time the loop makes a turn to come back around it has to pass over a previous section of itself.
this graphic resonates with my own goals for process. hashtag goals.
the bit of yellow sign that peeks through when the loops cross-over is an overlaid path. i think that could be created more elegantly, but it worked!
original “hairpin turn ahead”
recursive loops
construction paper version. wrote a little about it a few days ago.
the “added lane ahead” sign reminded me of how easily thoughts can come and go. although i’m finding mine rarely go. my noggin can bottleneck.
i like that this sign is diamond shape, like the others, but the design is also on the diagonal. made for a fun opportunity to exaggerate the sign diagonally. imagine a sign like this jutting over a road, ha! aside from the obvious obstacle it would create, it would be a funny sight.
tried a version of this were the sign was vertically plumb. it just didn’t hit the same. there’s something about the angle to the graphic that gives the impression of the lanes coming from and going off the sign, “lanes are longer than they may appear.”
also recognizing that i’ve have been altogether too protective of this series of drawings. feel like i was saving them for some sort of grand reveal. to who? anyway, i could tell that i was starting to get all “my precious” gollum-y with it. cut that out!
i think i see potential for this exploration to generate other ideas and i’m feeling guarded about marking it down and moving on. no, moving forward. there will be a time when i’m not working with these signs, but that doesn’t mean i’m done with them. just need to switch gears and tend to the other simmering pots.
vertical version. was also trying out some graphics that would “make sense.” dropped that pretty quickly.
original “added lane ahead”
added lanes on lanes on lanes
almost, almost, left out the railroad crossing sign from the journal cover. this was from a little while ago, which is still not governed by the same rules of time as “the before times.” so, to be more accurate, this is from early january this year. having already gotten to work on the warning signs, i was looking to create more road sign/warning sign type GIFs. railroad crossing was another straightforward design that incorporated motion.
couple of image references i used. the diagram on the left is from the previously mentioned MUTCD, continues to be a great resource. the image to the right is a cool articulated arm that i thought i would incorporate but realized partway into creating the base illustration that i would be punching way above my weight class. for now, at least.
sketch study of sign, working out whether to include “tricks” in the criss-cross or beneath it.
all the GIF frames collapsed into one. turkey tail? … anyone?
there were 20 frames in all. the arm at the top and bottom positions were 2 frames, one for each flashing light. the frames between could have been more frequent for a smoother animation. i also considered how this would look if i hand drew out the arm raising and lowering. i think there would be an opportunity to add smoothness (or, smoothnicity, as CrafsMan says). oh! or i could add motion blur between the frames in photoshop. that would double the ‘tweener frames though since i would need a motion blur for each direction… another to save for later.
