RENDERED SKETCHES USING PHOTOSHOP & ILLUSTRATOR
lisa.earley@solent.ac.uk
lisa.earley@solent.ac.uk
RENDERED SKETCHES Start by scanning in your sketch. AIM: For students to be able to use hand rendered sketches to achieve a number of effects OBJECTIVE • To be able enhance detail to pencil sketches • To be able to make add colour and stroke outlines to these images • To be able to add fabric fills and textures to these sketches.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Adding a heavier outline to a sketch is a simple way of enhancing silhouette and weight to a loose sketch.
lisa.earley@solent.ac.uk
Adding a heavy outline can add weight to your sketch and a variable line adds fluidity to a sketch
RENDERED SKETCHES
lisa.earley@solent.ac.uk
RENDERED SKETCHES Start by scanning in your sketch. Use 300dpi for 1:1 scale or 600 if you want the sketch enlarged.
lisa.earley@solent.ac.uk
RENDERED SKETCHES Remove sketch background in layer styles. Use levels to enhance line Add new layer Beneath. Choose a brush and Skintone colour. Sketch in roughly. Go to multiply to add shadow.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Add new layers to add feature colours Use layer styles: hue and saturation to soften
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Choose a sketchy brush from brush presets and hair colours. Sketch in roughly.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Add new layers and brushes to Colour clothes. Change brush preset to clear to “undo” to clear any mistake.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Method 2
lisa.earley@solent.ac.uk
RENDERED SKETCHES
You can repeat the first few stages of the last method to colour the hair & Skin tone Adjust the saturation And lightness with Adjustments.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Use levels (cmd:L) To strengthen the line.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Use the pencil brush set to a grey tone to fill in any gaps.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
I have now switched to using layers above the sketch.
Change the layer setting Multiply to allow you to draw on top of the drawing and still see it. Here I’ve added colour to the face & H&S.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
On a new layer use the polygon selection to outline the chosen garment.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Go to Select and save selection.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Name and save selection
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Go to edit:fill and choose a colour. NB: for a translucent effect, draw in skin tone body shapes where transparent fabrics are required.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Adjust colour to taste. Make sure the layer is set to Multiply
lisa.earley@solent.ac.uk
RENDERED SKETCHES
To add a fabric finish, import a jpeg of chosen fabric type. Ratsterize layer. Turn layer to multiply.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Go to select and ‘load selection’ Choose saved selection from dropdown menu.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Marching ants will appear. Inverse selection and cut (cmd:X).
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Select the garment shape and go to Modify:Expand. Expand by 6 pixlels
lisa.earley@solent.ac.uk
RENDERED SKETCHES
• Modify again and feather 10 pixels • I feel more than 10 would have been better
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Save the selection as Fluffy Outline.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Place the boucle cloth, rotated to give a bias cut look. Rasterize the layer
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Go to image: Adjustments: Desaturate.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Go to image: Adjustments: Levels to alter the definition of the fabric.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Load the selection ‘fluffy outline’.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
• When the selection loads, add a layer mask. • Set the layer to ‘Multiply’ blend option. • Add a new layer
lisa.earley@solent.ac.uk
RENDERED SKETCHES
• Fill the layer with colour and load the selection ‘fluffy outline’. • Add a layer mask to the live selection.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Set the layer to Multiply blend option.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Go to image adjustments : brightness & contrast to enhance texture layer.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Condense layers. Use a brush tool set to multiply in a grey tone to add shade. Switch on flow. Paint in the shadows to give the dimension and tone to the drawing.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Finished result
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Similar techniques can be used to fill illustrator flats Select all; copy and paste into an A4 photoshop document as pixels Use the magic wand & quick selection to select a part of the drawing.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Go to layer: new fill layer: Pattern
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Load the pattern and adjust the scale and angle
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Next select the neckline on the drawing layer and repeat using the same scale but a different angle.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Edit the layer mask for the neckline using the brush set to white or black till happy.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Repeat for each sleeve using the same scale
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Then the next sleeve…
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Then the skirt. You can see that each part is on a separate layer, set to multiply, with layer mask
lisa.earley@solent.ac.uk
RENDERED SKETCHES
• Select all layers by using the shift button and then clicking on the top and bottom layer. • Right click and then ‘merge layers’
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Switch merged print layers to ‘Multiply’ blend option
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Duplicate the print layer and use Image: Adjustment: hue and saturation To create a new colour way
lisa.earley@solent.ac.uk
RENDERED SKETCHES
• Duplicate the ‘blue’ fabric layer and duplicate. • Use Image: Adjustment: hue and saturation to desaturate and darken the layer
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Select the pale grey areas and Delete/ apply a layer mask
lisa.earley@solent.ac.uk
RENDERED SKETCHES
• Place the print layer beside this image • Duplicate the drawing and place underneath then group each colourway separately
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Separate out the colourways and add a fabric swatch
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Finished result
lisa.earley@solent.ac.uk
RENDERED SKETCHES
To add a textured stroke, place you sketch into Illustrator, duplicate the image. Turn off the lower image from view. Place the top layer through live trace ‘silhouette’. Expand.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Flip stroke and fill so that the path is now black. Turn on the lower layer to resize. Alternatively in Psd, copy the merged image, remove the background and double The layer and open the layer style window to select the stroke option
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Change the stroke style and size to taste. I used a charcoal line. The advantage is that this stroke will be weighted, mimicking a drawn line. Copy the outline.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Place the stroke into Photoshop as pixles
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Pull the stroke layer below the sketch and resize / position to taste.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
I then went into layer styles and added a coloured drop shadow with 70% opacity.
lisa.earley@solent.ac.uk
RENDERED SKETCHES
Alternatively you could add a regular shaped stroke through layer styles.