๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐ŸคŽ ๋””ํ…Œ์ผ ์ผ๋Ÿฌ์ŠคํŠธ

02_Mesh Character - ๊ตผ๋ฐ” ๋งŒ๋“ค๊ธฐ

by widely design 2021. 6. 23.

๊ตผ๋ฐ” ๋งŒ๋“ค๊ธฐ

Mesh Character - ๊ตผ๋ฐ” ๋งŒ๋“ค๊ธฐ

1
๊ตผ๋ฐ” ์‚ฌ์ง„ ์ผ๋Ÿฌ์ŠคํŠธ๋กœ ์—ด๊ธฐ
์•„ํŠธ๋ณด๋“œ ์‚ฌ์ด์ฆˆ ์ˆ˜์ • > size-270x210
์‚ฌ์ง„ ์•„ํŠธ๋ณด๋“œ์— ํฌ๊ฒŒ ์ •๋น„๋ก€๋กœ ๋งž์ถ”๊ธฐ

2 โ˜…<ํƒฌํ”Œ๋ฆฟ(template) ์„ค์ •>โ˜…
๋ ˆ์ด์–ด ๋”๋ธ”ํด๋ฆญ > ํƒฌํ”Œ๋ฆฟ ์ฒดํฌ-dim images to ์ฒดํฌ ํ•ด์ œ(ํ•„์š”x)
์ƒˆ๋กœ์šด ๋ ˆ์ด์–ด ์ƒ์„ฑ

3 <๊ตผ๋ฐ” ๋จธ๋ฆฌ ์‹œ์ž‘>
์›ํ˜•ํˆด๋กœ ๋„ํ˜• ๋งŒ๋“ค๊ธฐ
ctrl + y ์•„์›ƒ๋ผ์ธ๋งŒ ๋ณด์ด๊ฒŒ ํ•˜๊ธฐ (๊ตผ๋ฐ”์‚ฌ์ง„์€ ๋ณด์—ฌ์•ผํ•จ)
์ง์ ‘์„ ํƒํˆด๋กœ ๊ตผ๋ฐ” ์–ผ๊ตด ๋งŒ๋“ค๊ธฐ
๋จธ๋ฆฌ์ชฝ ์ค‘์‹ฌ์œผ๋กœ ๋ชจ์–‘ ๋งŒ๋“ค์–ด์ฃผ๊ธฐ
๋งค์‰ฌํˆด
object > create gradient mash > row-3, column-3
๋งค์‰ฌํˆด๋กœ ๊ตผ๋ฐ” ๋จธ๋ฆฌํ˜•ํƒœ์— ๋งž์ถฐ์ฃผ๊ธฐ
(์„ ์ด ์žˆ๋Š” ๋ถ€๋ถ„์€ shift๋ˆ„๋ฅด๋ฉฐ ๋“œ๋ž˜๊ทธ, ์—†๋Š” ๋ถ€๋ถ„์€ ๊ทธ๋ƒฅ ๋“œ๋ž˜๊ทธ)
์•ˆ์ชฝ ์ค‘์š”ํ•œ ๊ตฌ๊ฐ„์— ๋งž์ถฐ์ฃผ๊ธฐ(๋ฏธ๊ฐ„, ์ž…)
์ƒ‰์ƒ ๋ฐ”๋€Œ๋Š” ๊ตฌ๊ฐ„ ๋งค์‰ฌ ์ถ”๊ฐ€ํ•˜๊ธฐ

4 <๋จธ๋ฆฌ ์ƒ‰์ƒ ๋„ฃ๊ธฐ>
์„ ํƒํˆด๋กœ ์žก๊ณ  ์ƒ‰ ๋„ฃ๊ธฐ
์ง์ ‘์„ ํƒํˆด๋กœ ๋งค์‰ฌ๊ตฌ๊ฐ„ ์žก๊ณ  ์•Œ๋งž์€ ์ƒ‰ ๋„ฃ๊ธฐ
๋ถˆํ•„์š”ํ•œ ์˜์—ญ์— ์ƒ‰์ด ๋“ค์–ด๊ฐ„ ๊ฒฝ์šฐ ์‚ญ์ œํ•ด์ฃผ๊ธฐ (๊ตผ๋ฐ”์˜ ์™ผ์ชฝ ์ž…)
ใ„ด ์น˜์•„ ์ค‘์‹ฌ์ชฝ์— ๋งค์‰ฌํˆด ์ถ”๊ฐ€ํ•˜์—ฌ ์ƒ‰์ƒ ๋Š์–ด์ฃผ๊ธฐ
ใ„ด ๋ž์†Œํˆด์„ ์ด์šฉํ•˜์—ฌ ํ•ด๋‹น์˜์—ญ ์ „๋ถ€ ์„ ํƒ ํ›„, ํ•ด๋‹น์ƒ‰์ƒ ๋„ฃ์–ด์ฃผ๊ธฐ
๋ฐ๊ธฐ๋งŒ ์กฐ์ •ํ•  ๋ถ€๋ถ„ hsb ์ƒ‰์ƒํŒจ๋„๋กœ ์กฐ์ •ํ•ด์ฃผ๊ธฐ
s : ์•„๋ž˜๋ฐฉํ–ฅํ‚ค 5๋ฒˆ, b : ์œ„๋ฐฉํ–ฅํ‚ค 5๋ฒˆ

 

5 < ๋ฏธ๊ฐ„ ๋งŒ๋“ค๊ธฐ >
๊ตฌ๋ถ€๋ ค์„œ ๋ฏธ๊ฐ„์— ๋Œ€๋žต ์˜ฌ ์ˆ˜ ์žˆ๊ฒŒ ๋ฏธ๊ฐ„์˜ ์œ„์ชฝ์— ๋งค์‰ฌํˆด ์ถ”๊ฐ€ํ•˜๊ธฐ
+shift + ๋งค์‰ฌํˆด + ์•„๋ž˜๋กœ ๋“œ๋ž˜๊ทธํ•˜์—ฌ ๋ฏธ๊ฐ„ ๋ชจ์–‘๋Œ€๋กœ ๊ตฌ๋ถ€๋ ค์ฃผ๊ธฐ
anchor point tool๋กœ ์œ— ๋ถ€๋ถ„ ๋‚ ์นด๋กญ๊ฒŒ ๋–จ์–ด์ง€๊ฒŒ ๋งŒ๋“ค๊ธฐ
์–ผ๊ตด ๊ฐœ์ฒด ์ˆจ๊ธฐ๊ธฐ(ctrl+3)

6 < ๋ˆˆ์น ๋งŒ๋“ค๊ธฐ >
ํŽœํˆด ์ด์šฉํ•˜์—ฌ ๋ˆˆ์น ๊ทธ๋ฆฌ๊ธฐ
๋น› ๋ฐ›๋Š” ๊ด‘ํƒ๋ถ€๋ถ„ ๋Œ€๋žต ์ƒ๊ฐํ•˜์—ฌ ๋˜‘๊ฐ™์ด ํŽœํˆด ์ด์šฉํ•˜์—ฌ ๊ทธ๋ฆฌ๊ธฐ
๊ด‘ํƒ๋ถ€๋ถ„๋งŒ ์„ ํƒํ•˜์—ฌ effect > blur > gaussian blur - 25
opacity - 60%ํ›„, ๊ทธ๋ฃน ๋ฌถ์–ด์ฃผ๊ธฐ

7 < ๋ˆˆ ๋งŒ๋“ค๊ธฐ >
์›ํ˜•ํˆด๋กœ ํฐ์ž ๋งŒ๋“ค๊ธฐ (ํ•˜๋‚˜ ๋” ๋ณต์‚ฌํ•ด ๋‘๊ธฐ)
๋„ํ˜• ์ƒ‰์ƒ ํšŒ์ƒ‰์œผ๋กœ ์ง€์ •ํ•ด์ฃผ๊ธฐ
๋งค์‰ฌํˆด๋กœ ๊ฐ€์žฅ ํŠ€์–ด๋‚˜์˜จ ๋ถ€๋ถ„ ์ฐ๊ณ  ํฐ์ƒ‰ ์ฐ์€ ํ›„ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์กฐ์ •ํ•˜๊ธฐ
๊ทธ ๋‹ค์Œ ๋ˆˆ๋™์ž๋Š” ๊ฒ€์ •์ƒ‰ ๋„ํ˜• ๊ทธ๋Œ€๋กœ ์˜ฌ๋ ค์ฃผ๊ธฐ
์•ž์—์„œ ๋ณต์‚ฌํ•ด๋‘” ํฐ์ž ๋ชจ์–‘์— ์ž…๋ถ€๋ถ„ ์ƒ‰์ƒ์„ ์ถ”์ถœํ•˜์—ฌ ๋„ฃ์–ด์ฃผ๊ธฐ
effect > blur > gaussian blur - 1.3 ์ค€ ํ›„, ๋ˆˆ ์•„๋ž˜์— ๋ฐฐ์น˜ํ•ด์ฃผ๊ธฐ

8 < ๋ชธํ†ต ๋งŒ๋“ค๊ธฐ >
์–ผ๊ตด ๋งŒ๋“œ๋Š” ๋ฒ•๊ณผ ๊ฐ™์Œ

 


* ์•„ํŠธ๋ณด๋“œํˆด (artboard tool)

  : ํˆด ์„ ํƒ ์‹œ ์•„ํŠธ๋ณด๋“œ ์‚ฌ์ด์ฆˆ๋ฅผ ๋งˆ์šฐ์Šค๋กœ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ๊ณ , ํˆด ์˜ต์…˜ ์ง„์ž…ํ•˜์—ฌ ์›ํ•˜๋Š” ์‚ฌ์ด์ฆˆ๋ฅผ ๊ทœ๊ฒฉ์•„๋ž˜ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Œ

  ใ„ด shift+O

* ํ…œํ”Œ๋ฆฟ ์„ค์ • 
  : ๋„์•ˆ์„ ์ƒ๋Œ€๋กœ ๋™์ผํ•œ ๋ฌผ์ฒด๋ฅผ ์†์‰ฝ๊ฒŒ ์ž‘์—…ํ•  ์ˆ˜ ์žˆ๋Š” ์ƒํƒœ๋ฅผ ๋งŒ๋“ค์–ด์ค€๋‹ค.
  ใ„ด ํ…œํ”Œ๋ฆฟ ์„ค์ • ์‹œ ํ•ด๋‹น๋ ˆ์ด์–ด์—๊ฒŒ ์•„์›ƒ๋ผ์ธ๋ทฐ๋ฅผ ์ œํ•œ์‹œ์ผœ ์คŒ 

* ์•„์›ƒ๋ผ์ธ๋ทฐ / ํ”„๋ฆฌ๋ทฐ
  ใ„ด ctrl + Y

1) ๋ ˆ์ด์–ดํŒจ๋„ (F7)
2) ๋„์•ˆ์ด ๋“ค์–ด์žˆ๋Š” ๋ ˆ์ด์–ด ๋นˆ ๊ณต๊ฐ„ ๋”๋ธ” ํด๋ฆญ → ์˜ต์…˜ ๋„์šฐ๊ธฐ
3) ํ…œํ”Œ๋ฆฟ ์ฒดํฌ → ์•„์›ƒ๋ผ์ธ๋ทฐ ์ œํ•œ
4) ํ…œํ”Œ๋ฆฟ ์„ค์ • ๋๋‚œ ํ›„ ๋„ํ˜• ์ž‘์—… ํ•  ์ผ๋ฐ˜ ๋ ˆ์ด์–ด๋ฅผ ์ƒ์„ฑํ•˜๋ฉด ๋œ๋‹ค. 


 

* ๋งค์‰ฌ ํˆด (mash tool)

  : ์„ ํƒ๋œ ์˜ค๋ธŒ์ ํŠธ์—๊ฒŒ ํฌ์ธํŠธ๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ์ƒ‰์ƒ์„ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ํˆด์ด๋‹ค.

  : ๋ฉ”์‰ฌ ํฌ์ธํŠธ์— ์˜ํ•˜์—ฌ ์ƒ์„ฑ๋œ ์„ ์€ ํ˜•ํƒœ๋ฅผ ๋ณ€ํ˜•ํ•˜์—ฌ ์›ํ•˜๋Š” ๋ชจ์–‘๊ฐ€์ง„ ์ฑ„์ƒ‰ํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๊ทธ๋ผ๋””์–ธํŠธ๋ณด๋‹ค ํ‘œํ˜„์ด     ์ •๊ตํ•˜๊ณ  ์œ ๋™์ ์ด๋‹ค. 

  : ๋ฉ”์‰ฌ ํฌ์ธํŠธ๋Š” ์ƒ‰์ƒ์„ ๋„ฃ๋Š” ์šฉ๋„๋กœ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, ํ˜•ํƒœ ๋ณ€ํ˜• ๋ชฉ์ ๋‘๊ณ  ์ž‘์—…ํ•  ์ˆ˜๋„ ์žˆ๋‹ค.

   (์•„ํŠธ์›ํ‘œํ˜„, ๋ฐฐ๊ฒฝ, ์บ๋ฆญํ„ฐ, ์‹ค์‚ฌ ์—ฐ์ถœ, ๋ชฉ์—… ๋“ฑ์— ์‚ฌ์šฉ)
  ใ„ด ๋ฉ”์‰ฌ ํˆด๋งŒ์ด ์‰ฌํ”„ํŠธ+ํฌ์ธํŠธ ์ด๋™์‹œํ‚ฌ ์ˆ˜ ์žˆ๋‹ค. 
  ใ„ด U

 

  < ๋งค์‰ฌ ํˆด์˜ ํŠน์ง•๊ณผ ์‚ฌ์šฉ๋ฐฉ๋ฒ• >
  : ๋ฉ”์‰ฌ์˜ค๋ธŒ์ ํŠธ๋Š” ํฌ์ธํŠธ ๋ถ€๋ถ„์„ ์žก์•„ ๋ฆฌ์ปฌ๋Ÿฌ ์•„ํŠธ์›์œผ๋กœ ๋น ๋ฅด๊ฒŒ ์ƒ‰์ƒ ์ „ํ™˜ํ•  ์ˆ˜ ์žˆ๋‹ค.

  : ๋งค์‰ฌ ์ฑ„์ƒ‰ ์ „ ์˜ค๋ธŒ์ ํŠธ์—๊ฒŒ ๊ด€๋ จ๋œ ์ƒ‰์ƒ์„ ๋ฏธ๋ฆฌ ๋Œ€์ž…ํ•ด์ฃผ๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.

  : ๋ฉ”์‰ฌํฌ์ธํŠธ๋Š” shift์™€ ํ•จ๊ป˜ ์›€์ง์—ฌ์•ผ ์ƒ‰์ƒ ์ด๋™์ด ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์ด๋ค„์ง„๋‹ค. (๋งค์‰ฌํˆด๋งŒ shift ๋ˆ„๋ฅด๋ฉฐ ํฌ์ธํŠธ ์ด๋™ ๊ฐ€๋Šฅ)
  ใ„ด ์ด๋™๊ฑฐ๋ฆฌ์— ๋งž์ถฐ ํ•ธ๋“ค๊ธธ์ด ์กฐ์ ˆํ•ด์ฃผ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. 

  โ€ป ๋ฉ”์‰ฌ์— ํ•„์š”ํ•œ ๋ฌผ์ฒด๋Š” ํŽœํˆด๋ณด๋‹ค๋Š” ๋„ํ˜•ํˆด๋กœ ํ˜•ํƒœ ์žก์•„ ์‹œ์ž‘ํ•˜๋Š” ๊ฒƒ์ด ์ƒ์„ฑ๋  ๋ฉ”์‰ฌ๊ฐ€ ์•ˆ์ •์ ์œผ๋กœ ํ˜•์„ฑ ๋จ

  โ€ป ๋งค์‰ฌํฌ์ธํŠธ ์ด๋™ ์‹œ ์‰ฌํ”„ํŠธ์™€ ํ•จ๊ป˜ ์ด๋™ํ•˜๋ฉด

  ์ด๋™๊ฑฐ๋ฆฌ์— ๋งž์ถฐ ํ•ธ๋“ค๊ธธ์ด ์กฐ์ ˆ๋˜๊ธฐ ๋•Œ๋ฌธ์— ์ƒ‰์ƒ ์ด๋™์ด ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์ด๋ฃจ์–ด์ง

  โ€ป ์˜ค๋ธŒ์ ํŠธ ๋ฉด์ ์— ์ƒˆ๋กœ์šด ํฌ์ธํŠธ๋ฅผ ์ฐ์–ด์ค„ ๋•Œ์—๋Š” ์›ฌ๋งŒํ•˜๋ฉด fill ์ปฌ๋Ÿฌ ๋น„์›Œ์ค€ ํ›„ ํฌ์ธํŠธ ์ƒ์„ฑํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค. 
  ใ„ด> fill ์ปฌ๋Ÿฌ์— ์˜ํ–ฅ ๋ฐ›์•„ ๋ฉ”์‰ฌ ํฌ์ธํŠธ๊ฐ€ ํ˜•์„ฑ๋˜๊ธฐ ๋•Œ๋ฌธ์— 

 

  * creat gradient mesh 

    : ์„ ํƒ๋œ ๋„ํ˜•์—๊ฒŒ ๊ธฐ์ž…๋œ ์ˆ˜์น˜๋งŒํผ์˜ ๊ท ์ผํ•œ ๊ฐ„๊ฒฉ๋‘๊ณ  ๋ฉ”์‰ฌ๋ฅผ ํ˜•์„ฑํ•ด์ค„ ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์ด๋‹ค. 
    : ํ˜•ํƒœ๋ณ€ํ˜• ๋ชฉ์ ๊ณผ ์ƒ‰์ƒ์ฑ„์ƒ‰ ๋ชฉ์ ์„ ๊ฐ™์ด๋‘๊ณ  ์žˆ์„ ๋•Œ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ธฐ๋Šฅ์ด๋‹ค.

    ใ„ด ์ƒ๋‹จ๋ฉ”๋‰ด - object 

 

 

* ๋ž์†Œํˆด
  : ๋งˆ์šฐ์Šค๋ฅผ ํด๋ฆญ ๋“œ๋ž˜๊ทธํ•˜์—ฌ ์ƒ์„ฑ๋œ ์„ ํƒ ์˜์—ญ์•ˆ์— ํฌ์ธํŠธ๋ฅผ ๋„ฃ์–ด ์ค‘๋ณต์„ ํƒ ํ•˜๋Š” ํˆด (ํฌ์ธํŠธ ์ค‘๋ณต์„ ํƒ ํ•˜๋Š” ํˆด ) 
  ใ„ด Q


* ์•ต์ปคํฌ์ธํŠธํˆด 

  : ํ•ธ๋“ค์„ ์ƒ์„ฑํ•˜๊ฑฐ๋‚˜ ์ œ๊ฑฐํ•ด์ค„ ์ˆ˜ ์žˆ๋Š” ํˆด์ด๋ฉฐ ํ•œ ์ชฝํ•ธ๋“ค๋งŒ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ๋Š” ์ƒํƒœ๋ฅผ ๋งŒ๋“ค์–ด์ค€๋‹ค. 

  ใ„ดshift + C

* smooth tool

  : ์„ ํƒ๋œ ์˜ค๋ธŒ์ ํŠธ์˜ ํŒจ์Šค๋ฅผ ๋งค๋„๋Ÿฝ๊ฒŒ ๊ต์ •ํ•ด์ค„ ์ˆ˜ ์žˆ๋Š” ํˆด

  ใ„ด pencil tool(N)์•ˆ์— ์žˆ๋‹ค. 

* ๊ฐ€์šฐ์‹œ์•ˆ๋ธ”๋Ÿฌ (gaussian blur)

  : ์„ ํƒ๋œ ์˜ค๋ธŒ์ ํŠธ๋ฅผ ์ˆ˜์น˜์— ๋งž์ถฐ ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” ๊ธฐ๋Šฅ 

  ใ„ด ์ƒ๋‹จ๋ฉ”๋‰ด - effect - blur - gaussian blur
  โ€ป ์ดํŽ™ํŠธ ์„ค์ •๋œ ์˜ค๋ธŒ์ ํŠธ๋Š” ์–ธ์ œ๋“  ์„ ํƒํˆด๊ณผ ์ง์ ‘์„ ํƒํˆด ์ด์šฉํ•˜์—ฌ ๋ณ€ํ˜• ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค.

์ด์ „ ์‚ฌ์šฉ ์ดํŽ™ํŠธ ์ฐฝ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ 
  ใ„ด ctrl + shift + alt + E

* ์ด์ „ ์‚ฌ์šฉ ์ดํŽ™ํŠธ๊ฐ’ ์žฌ์ž…๋ ฅ
  ใ„ด ctrl + shift + E

* align
  : ์ •๋ ฌ ๋ฐ ๋ถ„๋ฐฐ์‹œํ‚ฌ ์˜ค๋ธŒ์ ํŠธ๋“ค์€ ๋ชจ๋‘ ์„ ํƒ์ƒํƒœ๋ฅผ ๋งŒ๋“ค์–ด์ค˜์•ผ ํ•จ 

 

* ์˜ค๋ธŒ์ ํŠธ ์„ ํƒ ํ•ด์ œ 

ใ„ด ctrl + shift + A

 

* ์„ ํƒ๋ฌผ์ฒด ์ˆจ๊ธฐ๊ธฐ 
ใ„ด ctrl + 3

* ๋ฌผ์ฒด ๋ณด์ด๊ธฐ 
ใ„ด ctrl + alt + 3

'๐ŸคŽ ๋””ํ…Œ์ผ ์ผ๋Ÿฌ์ŠคํŠธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

04_Isometric_design  (0) 2021.07.04
03_Detail_App_Icon  (0) 2021.06.29
01Typography  (0) 2021.06.15

๋Œ“๊ธ€