ISO50 Design Tutorial #1
A while back Computer Arts magazine asked me to write an illustration tutorial for an issue which focused on textures. The idea was to revisit the classic Bob Dylan Blowin’ In The Wind / Mister Tambourine Man poster. I really enjoyed the project and ended up using the resulting image as the basis for my Progress Austin concert poster. Computer Arts has made the entire article available on their site as a PDF which you can download here. They’ve even made the original source files available so you can follow along with the tutorial. If you have any questions feel free to post in the comments and I’ll try and fill in any blanks.
Here’s an excerpt from the introduction:
“Creating eye-catching imagery for print can be a balancing act between the two distinct worlds of computer-based design. Scott Hansen shows you how to get explosive results in Photoshop…
The strengths and weaknesses of vector and raster graphics have long been apparent: vector is known for its clean lines and resolution-independent scalability whereas raster has a more photographic nature. Although vector graphics are particularly suited to print work thanks to their scalability, there are some things you can’t do without bringing rasters into the picture.
In this tutorial we show you how to bring together both vector and raster elements to create a seamless piece that sits well in both worlds. The concepts we explore will lend a timeless, weathered feel to what would otherwise be a rather stark design. Relying on Photoshop’s powerful raster tools and quite adequate stable of vector tools, we can tap the strengths of both without leaving the familiar realm of Adobe’s most powerful graphics app. We can unite two styles of design by employing Photoshop’s powerful blending mode options along with advanced gradient masking techniques to produce an illustration style that is truly unique.”
Download Tutorial PDF
Download Support Files
41 Comments Leave A Comment
Harley Turan says:January 27, 2009 at 5:02 am
Yeah, I found this a while ago when looking for more of your old work. It’s great, thanks! Another cool resource is the Layer Tennis source files, even if there was a rushed time limit.
Anyway, thanks for these, and I can’t wait for #2 :)
Franz Jeitz says:January 27, 2009 at 5:32 am
I remember this tutorial. I bought the issue of Computer Arts magazine when it came out. It’s quite a coincidence cause I know you used a tape texture to achive the stripe effect in the top left corner and just yesterday I released free high resolution textures of sticky tape as well as a photshop brush set. They can be downloaded here: http://www.fudgegraphics.com/2009/01/sticky-tape-free-hi-res-photoshop-brushes-textures/
Sorry for the self-promotion but I figured these could come in handy for anyone who wants to follow the tutorial.
Chris Stevens says:January 27, 2009 at 6:13 am
Great, I was asking about a tutorial like this a little while back and here it is. Thanks a lot!
Thanks to Franz too for the resources!
Bas says:January 27, 2009 at 7:28 am
CMP says:January 27, 2009 at 7:41 am
Great post Scott. Thanks for some insight into your work flow.
Lynette says:January 27, 2009 at 7:43 am
I met you at that Progress show and talked to you briefly asking about design and how it tied into your music—I’ve kept that signed print ever since—and I just recently finally found a frame for it.
Always inspiring, thank you.
Rent says:January 27, 2009 at 7:43 am
roberto says:January 27, 2009 at 8:02 am
really great work!
QUINN says:January 27, 2009 at 9:17 am
Thanks a ton…. I’ve always wondered how you go about your work. Truly amazing stuff. Any chance you could post other tutorials?
Thanks Franz for the resources
Julian says:January 27, 2009 at 9:37 am
Thanks, I’m excited about reading this!
frank says:January 27, 2009 at 9:53 am
Nice! By the way, what is it about Dylan’s hair that inspired all of these design riffs? I’m thinking of Milton Glaser’s famous poster too. http://images.businessweek.com/ss/06/01/milton_glaser/image/dylan_poster.jpg
Although I like this “blowin in the mind” one better.
Azure says:January 27, 2009 at 10:26 am
Best post ever! They don’t teach you this stuff in school…
Harley: where can one find the Layer Tennis source files? I couldn’t find them on the Layer Tennis site.
Thanks to both!! This post made my day.
scott lowe says:January 27, 2009 at 11:31 am
thanks! love your work, it will be interesting to get in your head a little.
goLukas says:January 27, 2009 at 11:55 am
Hi there Scott, so thanks for your deal, and well I obviously got this tutorial time ago, I have many inspirational issues from you. But let me say, some time ago, before you released this tutorial in C A mag, on this mag you have released another tutorial inclusive this was more extensive than this tutorial, so the question, is any chance to you can deal this first tutorial in CA mag? let me say that when I saw the tutorial on the magazine, nonwise who are you, and after when I already knew who are you, oops I ran to get the mag, but too late, I never could get this issue.
Sorry my english, Im spanish speaker, im just trying…
All regards!, and have a great one.
Scott says:January 27, 2009 at 1:52 pm
thanks everyone, glad this could be of use… I have some more tutorials I will be posting up periodically once I get clearance etc. the next will be monitor calibration.
J. Woodward says:January 27, 2009 at 2:19 pm
Yeah, I found this a while back and still haven’t gotten around to going through the process. Looks pretty solid from what I’ve read though.
Can’t wait for more.
jeffdoe says:January 27, 2009 at 2:25 pm
Sweet man! I remember picking this one up!
Joaquim Marquès Nielsen says:January 27, 2009 at 3:04 pm
This is what I call value! Thanks a lot man. I just downloaded the files and will check them out tomorrow. Also, very much looking forward to your tut on monitor calibration. That’s a science in itself :o
Alex/HeadUp says:January 27, 2009 at 3:59 pm
Thanks for posting this up, I’m surprised to see how my own style intersects with your own, and then how it differs.
I used to take a very long-handed approach to vector shape creation in Ps, but I’ll start using the path selection tool to make things easier. I have only recently begun to employ layer masking, gradient masking a little less, but that will also help keep things cleaner and more efficient.
Layer Blending has added a lot to my design work, I use mostly multiply and screen blending modes, but color and linear dodge have a tendency to completely change the design direction in great ways.
Looking forward to the next lesson, if color choice is an art, Joaquim is right, calibration is the science.
Sean Royce says:January 27, 2009 at 7:03 pm
Great stuff! Thank you so much for recognizing the value of sharing wisdom… ~Sean
Carol says:January 28, 2009 at 6:10 am
Thanks Scott! It’s amazing to see how you work :)
I hope to see more soon!
koneyn says:January 30, 2009 at 4:53 am
Hey, great – I’ve actually got this particular issue of CA Projects, it was my first Computer Arts magazine ever I had bought :)
To be honest – this is how I found about Scott in the first place!
Kathy Jimenez says:January 30, 2009 at 5:09 am
the crazy thing is that I have that issue! you do such great work.
Jeffrey Harris says:January 30, 2009 at 8:22 am
I don’t know but I have a hard time beleiving that you don’t use illustrator in this workflow.
14k says:January 30, 2009 at 3:14 pm
Thank you Scott. Thank you.
Jay G says:February 1, 2009 at 12:11 pm
Hey, sorry, but I can’t open the pdf for some reason… it says “attempt to call a method that has not been implemented”. Do you know what this means?
David says:February 12, 2009 at 2:47 pm
Awesome Tut. I feel like I am missing something however in regards to the watercolor splash and the color burn blend mode. I have tried using a few different brushes of varying grayscale percentages and cannot seem to get that luminous effect you get in your tutorial.
I briefly tried with a bit of color applied to the brush but had no luck. Any insights as to where I might be going wrong?
Jonathan EW says:February 13, 2009 at 8:19 am
What’s the license on the source files? Can we use the textures for our own work (ie royalty free), or is this purely for edutainment purposes?
Amund says:April 27, 2009 at 2:18 am
Cool tutorial! I am definitely going to try this. Thanks
vinod says:May 3, 2009 at 10:35 am
Great work , thanks for sharing !!
Geoff says:January 21, 2010 at 3:08 pm
The pdf download is not working right now and I’d love to check it out.
martin says:January 30, 2010 at 3:03 am
neil ashby was also inspired. his album cover for thievery corporation is stunning. http://www.designerid.com/portfolios/p/pi/pinnyblue/cosmicwithFAKEsticker_med.jpg
word 2007 tutorials says:September 6, 2010 at 5:15 am
Very open and informative.You have beautifully presented your thought in this blog post.
windows 7 tutorials says:September 13, 2010 at 10:55 am
A fantastic presentation.
adobe flash cs5 tutorials says:September 15, 2010 at 7:02 am
Hey very nice post!! I will bookmark your blog and take the feeds also discovered almost all peoples will agree with your post.
Chris says:October 27, 2010 at 10:30 pm
The download link doesn’t work anymore. How can I get it?
nathan says:December 19, 2010 at 2:21 pm
This comment is to reply to Chris. He needs to ‘command’ click or ‘right’ click on the link for the file downloads and select download linked files. Then the .zip file downloads. If it is a PC then he needs to select ‘save target as’ and to the desktop.
Chris buddy, you should be good to go with these instructions.
nathan says:December 19, 2010 at 2:48 pm
Nevermind, it didnt work for me either.
So can you get the attachments link back up and running please, thank you!
Leontine Geils says:January 10, 2011 at 12:00 pm
I am linking this webpage from my private weblog . this has all of the usefull data necessary.