Touch the firehose of ds106, the most recent flow of content from all of the blogs syndicated into ds106. As of right now, there have been 92511 posts brought in here going back to December 2010. If you want to be part of the flow, first learn more about ds106. Then, if you are truly ready and up to the task of creating web art, sign up and start doing it.

Reimagined Road Sign Tutorial

Posted by

I know we are past the visual assignments week in #ds106, but since I submitted the Reimagined Road Signs visual assignment, I should provide some how to. I am also using this post to submit my fourth visual assignment, which I didn’t finish yesterday because I was packing for a month in the UK.

The assignment description is:

Reimagine the scene in a road sign. What is going on outside the iconic depiction in the sign itself? Find a road sign image online or photograph it yourself. Redraw it to show the rest of the scene you imagine, and show us the before/after on your blog.




Credit: To create the finished version I used Photoshop and Illustrator to create a mashup of my original photo plus Michael Jackson Silhouette by munchester2cool.

How To

Illustrator purists get annoyed with me for showing anyone how to use LiveTrace, but I don’t care, I think it’s a really useful alternative when you just need to get a quick and dirty vector image. I suggest you don’t rely on this technique as a crutch though, because you can make much cleaner paths by working with the Pen Tool, and it is well worth learning. Also, LiveTrace does not work well in all situations, but for this assignment it is nearly perfect.

Watching the YouTube version is your best bet; it should look good played at full screen (especially if you switch up to 720p). The QuickTime version is included for anyone who subscribes to my podcast via iTunes.

So, this tutorial should be useful for either the Reimagined Road Signs assignment or the Four Icon Challenge. Anytime you want to make an icon actually. And it covers:

  • Advanced image searches using Google (to find images licensed for reuse)
  • Illustrator: LiveTrace for pasted or placed pixel-based graphics, Rotate, Erase tool, working with Layers
  • Photoshop: Quick Select and Magic Wand tools, Threshhold adjustment, Transform (skew) tool
  • And much more!

I hope this has been useful. Your feedback on the tutorial would be awesome. Share and enjoy!

Add a comment

ds106 in[SPIRE]