Design Ideas (Procreate)

Digital sketching is becoming more common amongst designers and design teams as the technology has developed considerably in the last few years, particularly through the iPad and the excellent Procreate app. Some of the best features of digital sketching are that it allows for integrated design i.e. using photographs to manipulate and develop design work; using textures and real materials; colour ideation; quick modifications; the ability to undo and redo; enhancing line quality; bringing in photographs to support communication; adding text.

Click here to see student exemplar responses

design ideas

This video animation demonstrates the inking of the scanned blue pencil sketch work created for design ideas for the resin poured table lamp project, using Procreate. Layers have been added and used over the original blue pencil sketch.

Resin_Poured_Table_Lamp_-_Example_Design_Sheet.mp4

step one

Your teacher will demonstrate these steps.

Create a New Canvas that is 420mm x 297mm at 150 DPI.

Insert a Photo from the Actions menu.

Navigate to your 'blue pencil Design Ideas' scanned sheet. You will need to place your scanned sheet into Photos on the iPad that you are using in order to get your scanned blue pencil design ideas.

Add a New Layer and title this Inking Layer

From the Brush Library select the Technical Pen 1. We would recommend a Pen Thickness of approx. 20 - 24% for Thick outlines and a Pen Thickness of 5% for the Thin lines. Select Black as the colour you will use.

Refine your Blue initial sketch lines through using the black fine line technical pen. Try to keep your lines 'sketched' like the examples to the left.

Remember that lines on the inside of your work tend to be Thin and lines on the outside of your work are Thick. You will then need to add a thick line to the edge of the resin layers.

Do this for each of the design ideas to prepare them ready to be rendered.

NB Ensure that your sketched black lines form an enclosed shape otherwise you will not be able to mask properly!

You should then choose the Outline Inking Pen and go over the Outline of each of your design ideas so that you have a Thicker line around the outside and thinner lines on the inside.

NB if you do not like a design you can sketch a different one over the top

Go to your Brush Library and choose Technical Pen and change the colour in the palette to Black. You should now look to add thin lines over the top of your blue pencil scanned image. Do this for each design.

I have created many new layers. Note the one called Inking Layer Fine Line

Once you have completed the 'Inking' of your design work you are then ready to start to add Rendering and Materials to your design work.

The use of Masks, Shadows and Highlights helps to make the work look much better. Images of Wood grain and Resins have been taken from an internet search on the iPad and added to Photos. These have then been inserted into the Procreate file. These material textures will be shared with you or you can find your own.

Finished rendered sheet

Click here to see some Student examples (Procreate)

Click here to go to 'Development of Ideas'

Equipment you will need:

To complete the digital sketching and communication task you will need an iPad, an Apple Pencil and the Procreate App. D&T has a trolley of iPad Pro's and Pencil's you may use. Please ensure that when you have used an iPad Pro that the Pencil is carefully placed on the side of the case (magnetic) and that you put it back in the correctly numbered rack and plug it in.

If you have your own iPad then please ask for the Textures pack and the DesignandTechnologySupport Brushes pack to be shared with you.

Task

Outline Inking Pen

Masking

The next step below is to create a Mask (you will see below that there are three different ways this can be done) to use to add both the wood grain and the resin to your design work. Firstly, watch the videos on how to create the masks and then watch how these are used with a photograph of a texture to render the sketch in a timber and a resin effect.

step three - masking line

There are a number of options to create a mask in Procreate and your teacher can demonstrate some of these to you.

A Masking line uses the fineline pen, ideally in a Red or Lime Green colour, to create a mask that you speicify by sketching it. You can also watch the video here to see how to do this.

step three - masking tool

This variation uses the Mask tool to select areas of your fineline sketch work to create an automatic mask area. It is much faster than a line mask but not as accurate. The only negative of this method is that it usually leaves a thin white line between your fine line work and your rendering. You can watch the video to see how to do this.

You could also use the Freehand masking tool.

step three - rendering with a mask

This video demonstrates how to add a wood texture using an automatic Mask. It then continues to demonstrate how to use a Mask to add a resin texture.

Once you understand how to add Masks and rendered materials, add your own masks and materials to all of your design work.

Remember to Render on a different layer than your design work otherwise this may cause you issues!

Step three

This example shows the design work with the textures added. The next step is to add Shadows, and then Highlights. The mosquito coil texture has been added by selecting a Brush that has a textued pattern and then a suitable colour.

step four - shadows

You can really make your design work stand out and look more professional by adding shadows to the Timber and to the Resin sections. It is really helpful to use a Layer mask when doing this.

We would recommend the Soft Dirty Air brush from the Sketch-a-day Mega II pack. You should change the opacity to around 40% and the brush size between 12 - 40% depending on what you are adding shadow to.

Professional example sketch of a mountain bike suspension, showing the differences shadows and highlights make to the communication.

flat marker

This sketch has marker pen added using a flat method.

shadows

The sketch now has shadows added to give the sketch more depth.

shadows and highlights

Highlights have now been added which makes the materials look reflective.

Step five

One of the finishing touches to your work is adding highlights. A highlight is where light 'catches' your work and reflects. This is most commonly done with a white airbrush. It is also used to show reflective materials.

We would recommend the Soft Clean Air brush from the Sketch-a-day Mega II pack. You should change the opacity to around 50% and the brush size between 4 - 14% depending on where you are adding highlights.

Step six

You could now add a page or ground shadow to your design work. You will need to create a layer low down in your layer list and using the airbrush, a mask and a low opacity you can add a light shadow behind each of your designs to make them stand out off the page.

Step by step process of Design Ideas