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..

  • 遏制互联网恶性竞争,条款是否越细越好 2018-12-11
  • 东航客机与加油车碰擦 事发时滑行至廊桥附近[图] 2018-12-11
  • 合肥报业传媒集团党委书记、社长甄奎祝贺人民日报创刊70周年 2018-12-10
  • 6月新规:贩卖公民个人信息将入罪 民用无人机需实名登记 2018-12-10
  • 移动支付亟待在便民与安全间找到平衡点 2018-12-10
  • 一带一路人民币国际化做好分析总结是最重要工作,国际竞争需要 2018-12-09
  • 东嘎寺看藏戏文章中国国家地理网 2018-12-09
  • 我国成功组织航天员沙漠野外生存训练 2018-12-09
  • 他贴子里的植树造林,就是一个历史的古迹 2018-12-08
  • 纪录电影《盲行者》入围第21届上海电影节金爵奖 2018-12-08
  • 计划经济是根据政府计划调节经济活动的经济运行体制。又称为指令型经济。小萌以为是各经济组织把自己制订的计划上报一下就叫计划经济? 2018-12-08
  • 曹建明:必须坚持以人民为中心,真正做到人民检察为人民 2018-12-07
  • 拜腾豪华概念轿车亮相 L4级自动驾驶2021年上市 2018-12-07
  • 手绘扎西一家的“萨嘎达瓦”时间 2018-12-07
  • 凝聚着中国智慧中国创造的中国核电将创造更多的中国辉煌。 2018-12-06
  • 466| 230| 176| 848| 381| 457| 257| 802| 556| 836|