Tutorial: Adding Texture and Colour to Hand Drawn Illustrations in Photoshop

This tutorial gives a simple, quick overview of digital colouring techniques for beginners. There are many ways to get the job done, but this is my process for completing small illustrations.

  1. Get drawing! I’m making an illustration based on a weekly prompt for class. This one is a rollerskating cat. Decide what you will draw and what you will use to draw it. Pencil, pen or fineliners will all do.

Screen Shot 2016-11-11 at 2.56.52 PM.png2. Scan the drawing at a high resolution (I usually go for about 600 dpi) and drag your image into Photoshop. Duplicate your background layer and give it a name you will understand, I named mine drawing. Go to select>colour range and sample the white background and slide the fuzziness to around 100 and press okay. Hit the delete key to delete the background.

screen-shot-2016-11-11-at-2-58-28-pm

3. Create a new layer of white beneath your drawing layer using the rectangle tool (U). Erase any unwanted lines, dust or imperfections with the eraser tool (E). If your illustration isn’t dark enough then duplicate the layer and change the blending mode to multiply. After that you can highlight both layers, right click and select merge layers. Repeat this process until the illustration is dark enough for your liking.

screen-shot-2016-11-11-at-3-01-03-pm4. Adding texture to your illustration can give it more life and make it feel more natural. I scanned an interesting piece of cardstock at 600 dpi and placed it over my drawing. Tons of textures are also available for free online. Switch your blending mode to multiply and then lock the layer.

5. Create a new layer underneath your drawing layer and name it colours. Select the Lasso tool (L) and use it to trace around the area that you want to apply colour to. change your foreground colour to your desired colour and hit alt+delete to fill the area. To adjust your colours hit command+u which brings up the hue/saturation/brightness menu. Adjust the sliders until you’ve reached your desired effect. I changed the opacity of my colour layer to  70% so that more of the texture would show through. Repeat this step until you’ve covered your illustration sufficiently. Feel free to add highlights and shadows to your illustrations on separate layers.

6. At this point your illustration may be looking close to done. There are plenty of resources out there that offer up more specific techniques for illustrating in Photoshop. Consider checking out these tutorials to learn more:

http://www.digitalartsonline.co.uk/tutorials/photoshop/create-digital-collage-from-hand-drawn-elements/#6

http://www.digitalartsonline.co.uk/tutorials/photoshop/add-real-texture-to-hand-drawn-artworks/

http://www.digitalartsonline.co.uk/tutorials/photoshop/add-lighting-effects-hand-drawn-art/#18

I hope this helped for anyone who was curious about where to start when colouring drawings in photoshop!

Thanks for reading!

Grace

Thoughts on Design Thinkers 2016

On Thursday I spent the day in Toronto attending the annual Design Thinkers Conference. Last year I attended both days of the conference and I thought it was a great experience so I decided to go for a day this year to see some speakers (and collect a bit of free stuff!) Here are my thoughts on some of the presentations that I was able to see at the conference!

tobias

Tobias Frere-Jones

Tobias Frere-Jones is a typeface designer who is responsible for creating Interstate, Whitney, Gotham and Retina. This talk was straight forward, practical and to the point. He discussed the work on his typeface Retina, which is designed specifically for screen applications and small print. He brought up some things about type that I had never considered before like the way open forms can create greater legibility and the importance of creating shapes that distinguish different letters and numbers. His talk will definitely help guide me when selecting typefaces for different applications like screen and small print.

kenya

Kenya Hara

Kenya Hara is a Japanese graphic designer and curator. Hara encouraged the audience to cherish the unknown through a process called ex-formation (like the opposite of information) in order to unleash creative potential and view everyday things from a different perspective. Hara had some great work to share from his students, as well as his own pieces. It was great to see the many different ways that his students interpreted their projects. It was inspiring to see so many clever, entertaining ideas. Seeing work from his architectural exhibition made me realize that I definitely take the way that the suburban house functions for granted. It was interesting to see how architecture could respond to a demographic’s needs. One design was for the elderly and featured a fridge and storage units that could be accessed from both the interior and exterior of the house to make delivering goods easier. The talk offered some great inspiration as well as a new perspective on architecture.

Fredrik Ost & Erik Kockum

Fredrik Ost and Erik Kockum are both creative directors at Snask in Sweden. They encouraged the audience to “Make Enemies and Gain Fans” by creating work that is bold and stands out. The pair were both very engaging storytellers and their enthusiasm definitely matches the energy of the work they create. They spent most of the time talking about their experiences, their studio and presenting their work. Although there wasn’t really a clear takeaway thought from this talk, I still enjoyed it because it was super entertaining and I enjoyed seeing a lot of the work that Snask makes.

erin

Erin Sarofsky

Erin Sarofsky, owner of Sarofsky Corp. is a designer and animator specializing in title sequence typography. I was excited to see Sarofsky’s talk since I was familiar with her work going into the conference. She had a lot of practical, straight-forward advice to offer about the importance of research and concept. She talked about how creating different iterations of concepts can help you to work beyond the obvious (her example was not using ants in the Ant-Man title sequence). It was interesting to hear some of the thoughts behind work that would be so familiar to many people.

It was great to see the works and hear thoughts from internationally admired designers. It was a very refreshing experience after spending so much time working on projects in what can feel like a bubble. It definitely reminded me how important it is to leave the computer behind and go seek inspiration elsewhere. Hearing from designers that I had never heard of previously made me feel a little more connected to the world of design and reminded me how important it is to keep up to date with all of the amazing design that is being created all over the world!

Thanks for reading!

Grace