Keep up-to-date with Free tutorials!!


Sign up to our twice-monthly newsletter today for the latest tutorials, interviews and product information.

Sign me up to receive third-party emails from 3dtotal's partners, too!

- Latest news
- Exclusive Shop Offers
- Preview early content
- Plus much more


Not Ready to take that step? OK, Why not just Subscribe to the RSS Feed

submit tutorial
Combine traditional and digital techniques to build an effective mecha design

| Your Rating:
rating star fullrating star fullrating star fullrating star fullrating star full
(Score 5 out of 5 after 6 Votes)
| Comments 0
Date Added: 12th July 2018
Software used:

See how Federico Ferrarese combines traditional and digital techniques to build an effective mecha design...



When I was asked to make this quick tutorial, I thought it would be the perfect opportunity to demonstrate how you can quickly build an effective mecha design. This tutorial will show how I combine traditional and digital techniques, greatly increasing the effectiveness of a traditional sketch with a few simple steps in Adobe Photoshop.

Step 1: Thumbnails

One of your main considerations when creating a concept should be its function, which will considerably influence the design of the subject. It's essential to give your design a clear and unequivocal function, making it more believable and effective to the viewer.

It's also important to properly manage the "shape language" and forms of the subject. This is fundamental in order to place your design correctly in its imagined environment. In the case of this tutorial, the concept should feel like it belongs to a medieval society that is technologically advanced, rather than a very futuristic setting.

One method to make a design technologically familiar to us is to use mainly square shapes and surfaces. For this stage of shaping forms and ideas, I use a Pilot Parallel pen, a tool typically used for calligraphy. It's a fantastic pen for sketching quickly and playing with hard surfaces in an effective and stimulating way.

Sketching thumbnail ideas with a calligraphy pen

Step 2: First sketch

Once you've chosen an optimal thumbnail, you can create a preliminary pencil sketch. It is always worth creating a quick perspective grid during this stage, even if the sketch is drawn freehand. This ensures a more solid sense of perspective, while wasting no time on complicated construction grids, which are likely to slow down the process of sketching.

For quicker work like this, it's more important to stay focused on identifying the most effective design for the proposed purpose.

I also recommend using a cyan pencil when sketching the construction lines and blocking out the main volumes of the subject. This will allow us to draw in pencil later without being distracted by the construction likes, making the work process less confusing.

The pencil underdrawing using cyan and graphite pencils

Step 3: Initial inking

When the pencil sketch is finished, it's time to move on to some quick inking. To ensure that the concept is legibile, it's key to manage the line hierarchy correctly. You should start by identifying the main forms that make up the subject, and applying a thicker, stronger outline to them than you'll use for the smaller details.

For this stage, I like to work with disposable synthetic Rapidograph pens, due to their lower cost and the greater flexibility of strokes offered by their soft tips.

Inking the major forms

Step 4: Ink details

Now the time has come for inking the details and finalizing the traditional half of this process. Using a smaller Rapidograph pen than the previous step, I start to add details to the concept.

To avoid excessive definition, which can compromise the readability of your work, you can use a few gimmicks. For example, if I want to suggest engravings or reliefs, I use a casual squiggled line to indicate the detail without overly defining it.

It's often a good idea to add signs of use, such as damage and dirt, to give a more plausible and lived-in look to the subject.

Inking the details with a finer pen

Step 5: Moving into Photoshop

Once the traditional part of the work is completed, it's time to switch to Photoshop to quickly finalize the concept. To add a further historical look to the design, I add an antique paper texture as a base, then turn down the saturation of the texture slightly for readability.

I then adjust the hue and tone of the lines, changing the black to a reddish color reminiscent of antique ink, like the ink used in ancient documents such as Leonardo da Vinci's notebooks.

Adding a base texture and new color to the lines in Photoshop

Step 6: Gradients

Under the Layer Properties menu, I set the drawing to Multiply mode in order to work without covering up the next steps. This will help to retain the traditional drawing as a dominant part of the final artwork.

I add a flat base underneath the drawing, then apply a simple Multiply gradient that gives a hint of light without getting bogged down in complex lighting. As in the previous step, I adjust the tonal values in order to standardize the colors.
Next, insert a spot seat by placing it under the level of traditional design and a simple gradient in multiply to give a slight hint of light without getting bogged down in complex lighting that would slow down the workflow.

Adding gradients and hatching

Step 7: Improving readability

Given the large amount of surfaces and elements typical of a mecha design, it's good to separate the elements of concept to ensure they are all readable.

To do this, I add shading on Multiply layers, with varying levels of opacity and different shades of gray. These simple fills help to separate elements of the design, such as the internal and mechanical components.

It only takes a few levels of shading to considerably increase the quality of the concept's presentation. As before, I adjust the hues and tones of the layers to maintain a reddish color.

Improving readability with additional tones

Step 8: Finalizing the concept

Now we've come to the final part of the work. I create a new layer, set it to Overlay mode, and highlight some small details with a very light color (almost pure white). On another layer, also in Overlay mode, I add a simple gradient on the opposite side to the shadow gradient created previously.

When the concept is complete, I like to flatten the image, duplicate it, and set the duplicate layer's mode to Overlay. I set the opacity of this layer to a very low value, usually 15-25%, to further enhance the contrast and values of the final image.

Adding simple highlights and other finishing touches

Final image

Related links

See more from Federico Ferrarese
Check out Masters of Sketching in the shop


Related Tutorials

Making Of 'Traditional Toad clay sculpture in CG'

by Jin Hao Villa
published on 2014-01-08

Keywords: traditional, toad, clay, sculpture,

rating star fullrating star fullrating star fullrating star fullrating star half (8)
Comments 3 Views 58834

Custom Brushes in Photoshop - getting started

by Rickard Johansson
published on 2009-12-09

Keywords: custom, brushes, photoshop, digital, painting,

rating star nonerating star nonerating star nonerating star nonerating star none (0)
Comments 0 Views 42174

Digital Painting - Sci-fi Vehicle Sketch

by Ahmed Aldoori
published on 2012-03-29

Keywords: digital, painting, vehicle, sci-fi,

rating star fullrating star fullrating star fullrating star fullrating star none (6)
Comments 0 Views 30921

Tutorial: Displacement

by Jordan K Walker
published on 2017-12-27

Keywords: Jordan Walker, tutorial, 2d, traditional, painting, sketch, oil, fantasy, sci-fi

rating star nonerating star nonerating star nonerating star nonerating star none (0)
Comments 0 Views 1840
Readers Comments (Newest on Top)
no comments!
No comments yet. Be the first to comment!
Add Your Comment..

  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-02-18
  • 【人民映像】霍庆有:匠心神韵 杨柳青青 2019-02-18
  • 水立方年底启动“水变冰”改造 2019-02-18
  • 《父亲》和开放的中国(我与人民日报·纪念人民日报创刊70周年) 2019-02-17
  • 东莞市委原统战部长王检养涉受贿被公诉 2019-02-17
  • 双色球068期:头奖3注1000万 奖池9亿 2019-02-17
  • 《虢国夫人游春图》中“虢国夫人”究竟是哪位(图) 2019-02-16
  • 探访俄罗斯世界杯主体育场新闻中心  2019-02-16
  • 大力学习弘扬劳模精神 带头争做新时代的奋斗者 2019-02-16
  • 骆惠宁主持召开十一届省委全面深化改革领导小组第十五次会议 2019-02-15
  • 女性之声——全国妇联 2019-02-15
  • 在最美的季节,遇见最美的新疆 2019-02-15
  • 新时代新方位彰显战略定力 2019-02-14
  • 从未停歇过的钱理群 如今有了廉颇老矣之感 2019-02-14
  • 世界杯八大热门悉数亮相 西班牙巴西最有冠军相 2019-02-14
  • 926| 367| 885| 764| 330| 904| 587| 273| 193| 573|