Learning how to draw

I like to think I’m an excel­lent visu­aliser. I’ve got ideas float­ing around in my head, but when it comes to putting any of them down on paper or screen I strug­gle. Oh how I struggle.

There’s been a cou­ple of free­lance jobs lately where the end results were func­tional, but not all that pretty. I wanted to fix that, so I set about teach­ing myself how to make graph­ics that don’t suck.

Make a Torn Vec­tor Desk­top Wall­pa­per with Angled Text

I’d been fol­low­ing Vec­tor­Tuts for a while but every tuto­r­ial they ran looked way out of my league. It took a long time until I saw one that looked sim­ple enough for some­one like me. Some­one  with only a basic knowl­edge of Photoshop.

And here’s my attempt:

travisgreat1-copy

Yes, I know there’s sup­posed to be a series of tears in the images, but I couldn’t bring myself to add them. Not because of any real dif­fi­culty mind, but because they just didn’t seem to fit into the image.

+100 expe­ri­ence points to brushes, gra­di­ents and angled text.

How to Design a Rockin’ 80’s Party Poster

I’d been obsess­ing over grungy images with have a star­burst in the back­ground for a long time. But tak­ing the steps to make one myself was dif­fi­cult. In my searches for a tuto­r­ial on how to make a star­bust I found about half a dozen dif­fer­ent ways, each with vary­ing lev­els of dif­fi­culty, before stum­bling on this one.

retro-copy

Again, you’ll notice that I didn’t actu­ally com­plete the tuto­r­ial. But I learned what I needed to from it, so that’s OK.

+100 expe­ri­ence points to star­burst and grunge effects

How to Cre­ate a Richly Ornate Typo­graphic Illustration

The dif­fi­culty level of this one was some­where around advanced to minor Pho­to­shop demi-god, but I really wanted to give it a crack to really test my skills. The sharper eyed of you will noticed that I fal­tered right at the very begin­ning by set­ting up the can­vas as a por­trait, rather than land­scape. I only picked up the mis­take about three quar­ters the way through the tuto­r­ial. Embar­rass­ing really.

typography small

I’d man­aged to fight my way through the first half of the tuto­r­ial, but it was get­ting harder and harder to con­tinue. The wire­less mouse I use is one of the ear­lier Log­itech designs and weighs a tonne. I wasn’t able to get the smooth lines I was after by push­ing that brick around. Progress up until this point was slow. It took me around three weeks to get to the halfway point. Then I got myself a graph­ics tablet and it changed my life. Grind­ing repet­i­tive tasks could not be com­pleted with a flick of my wrist. Curves lines were no longer rem­i­nis­cent of 8-bit gam­ing, but where smooth as a baby’s ass.

I burned through the rest of the tuto­r­ial in a weekend.

The other thing slowly down the process was the file size. Each of the let­ters con­tains a wood tex­ture iden­ti­cal to the back­ground. I made the mis­take of copy­ing the 200megabyte background.psd file into each and every char­ac­ter. When I was fin­ished the PSD weighed in at just a shade over 1.6gig. Just sav­ing the file took five min­utes. It was when I watched the video tuto­r­ial that I realised there was a bet­ter way of doing it. By dupli­cat­ing the back­ground layer as a clip­ping mask.

My attempt came out far darker than the exam­ple in the tuto­r­ial, I blame the CMYK set­tings on my monitor/copy of Pho­to­shop for that. I need to inves­ti­gate mon­i­tor cal­i­bra­tion if I’m to do any more CMYK-based tuto­ri­als in the future.

+500 expe­ri­ence points to clip­ping masks, graph­ics tablets and light­ing effects

To Be Continued?

I learned so much in just those three tuto­ri­als. I look at bill­boards now and can see what tricks and tools they’ve used when design­ing it.

I’ve got a list of future tuto­ri­als to run through, so expect a sequel to this post at some point. I’m still get­ting used to using the the graph­ics tablet too, so any oppor­tu­nity to play around with it is welcome.

Once I’m at a level where I feel com­fort­able doing my own thing, then I’m going to give this site a total revamp. I’ve already started on the wire­frame mock­ups, but that’s a post for another time.

Leave a Reply

*
To prove that you're not a bot, enter this code
Anti-Spam Image