Rendered Sketches

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.