de gital stijl www  
    title1
 
menu

TITLE2

TITLE2

TITLE2

TITLE2

 

   
    William Morris
  chaucer

I reckon my website would never be complete without William Morris, so I've decided to do a piece on Mr. Morris, painter cum designer cum printer cum publisher cum author cum typographer cum type designer (did I miss anything?)

His over-ornamented folige woodblock style changed British arts and craft forever. His designs were very Inspired by gothic art and architecture. Morris also started the Kemscott Press which also publish books.

In this tutorial we will attempt to recreate William Morris' Kelscott publication style.

  01

I once created a wedding card for a couple upon their request for this Kelmscott Press style. I will not use that design since they paid for the copyright, instead we will use this lovely lady in her wedding gown from photospin.com

Download Image

  02 For sketch art effect, I would recommend converting the image to 16 bits per channel. You can do so by going to Image>Mode>16 Bits/Channel. I will explain why it is better to work with 16 bits/channel ion this case later on.
  03

Let's start off with something nice and simple. Photoshop CS3 has come up with a great new Black and White command but in this case we only need the good old desaturate command found under Image>Underjustments>Desaturate.

  04

Now for this effect to work well, I found it useful to overexpose the image and lighten the shadows. So I've done 2 things here in Image>Adjustment>Levels.

I took down the midtones to 1.8 to overexpose the image.

  05

Now it is time to jump a new layer.

TIP: A good shortcut to know is CTRL J. CTRL J jumps the current layer into a new layer.

  06 Now Apply a Colour Dodge Blend mode to the new layer you just created. That will end up with a washed out look to your image.
  07

Now it is time to invert the colours in the layer. Go to Image>Adjustments>Invert. That will give the layer a negative effect, turning all blacks to whites and whites to black. Since we are on a colour dodge mode, you should end up with nothing. Literally white.

Sometimes this effect will leave some black spots around, if that happens try over exposing your image more, or drop the blacks to a lighter gray.

  08

Now it is time to weave the magic in this effect. Apply a motion blur to the top layer. Make sure you have the live preview box checked so that you can see what we're doing.

By applying a motion blur, the outlines of the image appears as sort of a pencil/charcoal sketch. You can control the direction of the shading by adjusting the Angle.

The greater the distance you assign the greater the detail of the sketch. In this case I used a value of 33 pixels.

  09

We've now got a pretty decent outline sketch now, but the colours appear slightly faded. To create more contrast, I have added a Levels Adjustment layer.

I cranked the blacks all the way up to almost a midtone colour to bring the shadows out, and I've also cranked the midtones up to make the outlines more pronounced.

  11

Now you can convert your image back to 8 bits/channel.

Now the reason why we worked in 16 bits/channel is because throughout the course of this effect we have continually crunched the colour space smaller and smaller.

In an 8 bit environment the colour range will be reduced dramatically. Because 16 bit images gives us 32, 000 brightness values rather than 256 (8 bit). We end up with more graduated colour tones even after you convert your image back to 8 bit now.

  12 There we go. A sketched version of the image. There is a lot of garbage area we wanna crop out, we will be doing that in part 2.