bd tutorials concept illustration1

9
A Bentley Design T utorial : SketchBo ok Designer 2012  Part 2: Illustration Objectives o this tutorial: We are going to go through my process in creating the illustration of the Knievel Concept, with a focus on the tools in SketchBook Designer. W e will also take a look at techniques that can be use when illustrating vehicles an proucts. Design !rinci!les an" strategies or !ainting# Before illustrating the concept, we will look at the following! value change an form" surface language such as position, tangent, an curvature" escribing materials visually" the use of color, te#tures an braning" an the use of $D unerlays. SketchBook Designer ocus tools Simplicity in work flow %ock &ransparency %ayer 'asks (raient )ills, &e#ture )ills Curve Snap %ayer Blening %ayer Warping

Upload: vs6886

Post on 03-Jun-2018

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Bd Tutorials Concept Illustration1

8/12/2019 Bd Tutorials Concept Illustration1

http://slidepdf.com/reader/full/bd-tutorials-concept-illustration1 1/9

A Bentley Design Tutorial: SketchBook Designer 2012 

Part 2: Illustration

Objectives o this tutorial: We are going to go through my process in creating the illustration of the KnievelConcept, with a focus on the tools in SketchBook Designer. We will also take a look at techniques that can be

use when illustrating vehicles an proucts.

Design !rinci!les an" strategies or !ainting# Before illustrating the concept, we will look at the following!

value change an form" surface language such as position, tangent, an curvature" escribing materials visually"

the use of color, te#tures an braning" an the use of $D unerlays.

SketchBook Designer ocus tools

Simplicity in work flow

%ock &ransparency%ayer 'asks

(raient )ills, &e#ture )ills

Curve Snap%ayer Blening%ayer Warping

Page 2: Bd Tutorials Concept Illustration1

8/12/2019 Bd Tutorials Concept Illustration1

http://slidepdf.com/reader/full/bd-tutorials-concept-illustration1 2/9

Surace $anguage Theory# %Position& Tangent& 'urvature(#

&here are $ types of basic surface transitions! position, tangent, an curvature. &angent surfaces o not occur in

nature.

Position: *ar eges give the sense of precision. +#amples! stealth fighters, crystals.

Tangent: 'anmae an thus comes across as purposeful an inustrial. +#amples! -eeps, tools. 'urvature: Smooth surfaces an transitions flow organically. +#amples! animals, orsche /00.

)or* Describes )unction# Suracing Styles are a Descri!tion o the Design# *ow shoul the prouct be

seen an unerstoo1  Below are some e#amples of how mi#ing ifferent combinations of surface languagescan communicate ifferent meanings an emotions.

 

Positional + Tangent , Precise -ngineering# Conveys  precision an purpose builing.  +#amples! Craftsman

tools, ('C &rucks. Positional + 'urvature , Scul!tural& S!ort $u.ury# Design looks precise, but is also highly organic an free

flowing.  +#amples" Sculpture, %amborghini. 

Postitional + Tangent + 'urvature , S*art Design 'onscious# 2 precise esign which is also organic, but

the tangents 3roune eges4 give it a more manmae, purposebuilt look. +#ample! 2pple5s esign.

Other e.a*!les:

/ilitary "esign uses tangential surfacing or positional surfacing for facete stealth technology.

Basic Bu"getvalue !ro"ucts usually are tangent if a plastic prouct, or positional if woo or fole metal.

Paint ork )lo an" /etho"ology

2bove are some painte e#amples, ranging from a iffuse surface to a polishe, reflective surface with color.

Page 3: Bd Tutorials Concept Illustration1

8/12/2019 Bd Tutorials Concept Illustration1

http://slidepdf.com/reader/full/bd-tutorials-concept-illustration1 3/9

Page 4: Bd Tutorials Concept Illustration1

8/12/2019 Bd Tutorials Concept Illustration1

http://slidepdf.com/reader/full/bd-tutorials-concept-illustration1 4/9

5D 6n"erlays

<ccasionally, 6 will create basic surfaces in a $D moeling package like Auto"esk7s /aya or Alias to use as an

unerlay for multiple tricky perspective shots. &his gives me an opportunity to play with ifferent cameralenses an light. )or this esign, 6 ecie to use my original =D perspective sketch.

Illustrating the sketch

'urvesStrokes#  )or this illustration, 6 outline the silhouette of the ob7ect with curves. With these curves 6was able to use the )ill Tools& Sna! to 'urve Brush O!tion an the various $ayer /asking O!tions#

'reating 'urves#  )or me, the Straight $ine Tool takes the least amount of time to outline the rawing. 6 thenuse the )illet 'urve Tool to create the shape neee. <ccasionally, 6 will select the curve an" a"" han"les

to manipulate the shape of the curve.

)ill Tools# With the curves create, 6 use the (ra"ient )ill Tool. While there are a number of preset options, 6simply use a efault an a""e" *ore color bars within the tool itself. <nce 6 was happy with the fill, 6

selecte" the e"ges o the tool7s boun"ing bo. to eform an istort the shape of the fill until it followe the

surface flow of the esign.

Page 5: Bd Tutorials Concept Illustration1

8/12/2019 Bd Tutorials Concept Illustration1

http://slidepdf.com/reader/full/bd-tutorials-concept-illustration1 5/9

'asking. 6 then use the %ock 3reserve4 &ransparency %ayer <ption. &his tool ensures that color an valuechanges are only mae to painte pi#els. &o use the %ock &ransparency %ayer, 6 neee to convert my :ector

%ayer to a aint %ayer. 6 i this by uplicating the layer an merging own onto an empty paint layer to make

it paintable. &hen 6 selecte %ock 3reserve4 &ransparency, after which 6 repainte the surfaces with a harege airbrush 3a preset option in the airbrush menu4 until 6 was happy with the shaing.

)or this illustration, 6 chose a light source that is high in the sky to help me rea the surfaces well. 6n orer for

the material to look polishe, 6 tightene the highlights an mae them bright. Anyti*e that suraces ol" or

!inch& the highlights shoul" tighten#

Sna! to 'urve an" Sna! to -"ge o 'urve Brush O!tions# 2n impossibly cool feature for cutlines an, in

this case, an easy way to mask out areas. To use the Sna! to 'urve Brush O!tions& convert all the e.isting

curves to 8ui"e 'urves#  Select all the curves an uner the Brush /enu change them from en or encilStrokes to (uie Curves.

/asking $ayers#  6 then create a new Paint /ask $ayer an use the 'urve Sna! to -"ge Tool to paint outthe masks 6 neee. 6 generally create 'ask %ayers for any material changes an ma7or breaks in the surface.

&he 'ask %ayers are aitive an can be either aint 'asks or :ector 'asks.

Page 6: Bd Tutorials Concept Illustration1

8/12/2019 Bd Tutorials Concept Illustration1

http://slidepdf.com/reader/full/bd-tutorials-concept-illustration1 6/9

6 continue to tighten the rawing up by rawing curves for cut9lines an" *aterial changes. 6 then use Sna!

to -"ge with white an black pencils, respectively.

 >e#t, 6 han painte areas of the illustration in the aint %ayers, then use the Preserve %$ock( Trans!arency

Brush O!tions# 3+ach color represente is on its own layer, making it easy to paint out later4. <nce one, 6han painte each of the layers using the /ulti!ly Blen"ing $ayer )ilter. 

Page 7: Bd Tutorials Concept Illustration1

8/12/2019 Bd Tutorials Concept Illustration1

http://slidepdf.com/reader/full/bd-tutorials-concept-illustration1 7/9

Details

2fter the aitional layers are painte an shae, it5s time to "etail the "raing by tightening up the

illustration, making color changes, an aing graphics an te#t.

Tighten highlights an" accent e"ges# 6 punche up the etails by going over the illustration with pencils. 6

ae some ark airbrushing across the tops of surfaces to represent the reflection of the environment as the skyarkens towars the center of the the heavens.

'olor# Color changes are quite simple using either the 'olor $ayer Blen"ing )ilter or, in this case, the

Overlay Blen"ing $ayer )ilter for more contrast. 6 use my previously create *asks an" curves or

sna!!ing to spee up the process.

8ra!hics# 9sing sharp lines an circles 3precise ; organic4 6 quickly create a logo an converte it from

vector to paint by merging it onto an empty paint layer.

ar! Tool# 6 use this to pull the logo like taffy aroun the aircraft to simulate how it woul wrap aroun thesurfaces. &hen 6 use the Overlay $ayer Blen"ing )ilter to lay the logo onto the surface.

Page 8: Bd Tutorials Concept Illustration1

8/12/2019 Bd Tutorials Concept Illustration1

http://slidepdf.com/reader/full/bd-tutorials-concept-illustration1 8/9

Te.t# 6 create some te#t in hotoshop an copie it to the clipboar. 6 paste it as a layer into SketchBookDesigner 3from clipboar4, pressing Ctrl ; Shift ; :. &hen 6 warpe the layer over the surface an use the

/ulti!ly $ayer Blen"ing )ilter to lay it onto the vehicle, an a7uste the transparency of the layer.

A""itions an" thoughts to consi"er# 2fter 6 ha reviewe my moel sheet, 6 ecie to a wires to give it a

more bikelike feel. 6 painte some simple environmental reflections to give it some interest. 6 in5t want theimage to get too busy so 6 went with more of an anoi?e metal look an avoie reflecting the rier onto the

 boy of the aircraft. 6 also coul have broken up the boy into metal panels but 6 like the clean, streamline

look. 6 woul have to place some more cut lines aroun the rier an sies of the vehicle to make this vehicle

manufacturable. 9nerstaning an implementing elements of the manufacturing process can a realism an believability into a esign.

Page 9: Bd Tutorials Concept Illustration1

8/12/2019 Bd Tutorials Concept Illustration1

http://slidepdf.com/reader/full/bd-tutorials-concept-illustration1 9/9