๐ŸŒ ํ•œ๊ตญ์–ด

[Affinity ๊ธฐ์ดˆ 02] ๋ฒกํ„ฐ ๋””์ž์ธ ์ตํžˆ๊ธฐ โ€” ๋„ํ˜•ยท๋ถˆ๋ฆฌ์–ธยทShape BuilderยทํŽœ

September 27, 2026 ยท 15 steps

1

๐Ÿ“บ ์ถœ์ฒ˜: Affinity ๊ณต์‹ YouTube ใ€ŒAffinity Essentialsใ€ ์žฌ์ƒ๋ชฉ๋ก 02๊ฐ• โ€œMaster Vector Design in Affinityโ€ https://www.youtube.com/watch?v=HEgnSMrHkuI ์žฌ์ƒ๋ชฉ๋ก: https://www.youtube.com/playlist?list=PLOM7NyLu2a5bf_Ezjymc9wpErzNqxUaG5 ์ด ๊ฐ€์ด๋“œ๋Š” ์œ„ ์˜์ƒ ๋‚ด์šฉ์„ ๋ฐ”ํƒ•์œผ๋กœ ์ œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ œ์ž‘ ๋ฐฉ๋ฒ•: ์˜์ƒ ์ž๋ง‰์œผ๋กœ ๊ณผ์ •์„ ์ •๋ฆฌํ•œ ๋’ค, ์‹ค์ œ Affinity(macOS ๋ฐ์Šคํฌํ†ฑ ์•ฑ)์—์„œ ๊ฐ™์€ ๊ณผ์ •์„ ์ง์ ‘ ๋”ฐ๋ผ ํ•˜๋ฉฐ ํ™”๋ฉด์„ ์บก์ฒ˜ํ–ˆ์Šต๋‹ˆ๋‹ค. Affinity๋Š” ์›น์ด ์•„๋‹Œ ์„ค์น˜ํ˜• ์•ฑ์ด๋ผ JooShow ๋ธŒ๋ผ์šฐ์ € ๋…นํ™” ๋Œ€์‹  ์ง์ ‘ ์บก์ฒ˜ํ•œ ์‹ค์ œ ํ™”๋ฉด์œผ๋กœ ๊ตฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค. ์˜์ƒ์˜ ๊ฐ•์˜์šฉ ์˜ˆ์ œ ํŒŒ์ผ ๋Œ€์‹  Affinity ๋‚ด์žฅ ์ƒ˜ํ”Œ๊ณผ macOS ๊ธฐ๋ณธ ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•ด, ๊ฒฐ๊ณผ๋ฌผ ๋ชจ์Šต์€ ์˜์ƒ๊ณผ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

2

๋ฒกํ„ฐ๋Š” ์ ๊ณผ ์„ ์œผ๋กœ ์ด๋ฃจ์–ด์ ธ ํฌ๊ธฐ๋ฅผ ํ‚ค์›Œ๋„ ์„ ๋ช…ํ•ฉ๋‹ˆ๋‹ค. Vector ์ŠคํŠœ๋””์˜ค์˜ ๋„ํ˜• ๋„๊ตฌ๋ฅผ ๊ธธ๊ฒŒ ๋ˆ„๋ฅด๋ฉด ์‚ผ๊ฐํ˜•ยท๋ณ„ ๋“ฑ ์—ฌ๋Ÿฌ ๋„ํ˜•์ด ๋‚˜์˜ต๋‹ˆ๋‹ค. ์‚ผ๊ฐํ˜•์„ ๊ณ ๋ฆ…๋‹ˆ๋‹ค.

Step 2
3

๋Œ์–ด์„œ ์‚ผ๊ฐํ˜•์„ ๊ทธ๋ฆฝ๋‹ˆ๋‹ค. Shift๋ฅผ ๋ˆ„๋ฅด๋ฉด ๋น„์œจ ๊ณ ์ •, โŒ˜(Ctrl)์„ ๋ˆ„๋ฅด๋ฉด ๊ฐ€์šด๋ฐ์—์„œ๋ถ€ํ„ฐ ๊ทธ๋ ค์ง‘๋‹ˆ๋‹ค. ๋ชจ์„œ๋ฆฌยท์ค‘๊ฐ„ ํ•ธ๋“ค๋กœ ํฌ๊ธฐ๋ฅผ ์กฐ์ ˆํ•ฉ๋‹ˆ๋‹ค. ์„ ํƒ ํ•ด์ œ๋Š” โŒ˜D์ž…๋‹ˆ๋‹ค.

Step 3
4

Colour ์˜† Swatches ํŒจ๋„์—์„œ ๊ฒฌ๋ณธ์ƒ‰์„ ๋ˆŒ๋Ÿฌ ์‚ผ๊ฐํ˜• ์ƒ‰์„ ๋‚จ์ƒ‰์œผ๋กœ ๋ฐ”๊ฟ‰๋‹ˆ๋‹ค.

Step 4
5

Option(Alt)์„ ๋ˆ„๋ฅธ ์ฑ„ ๋Œ๋ฉด ๋ณต์ œ๋ฉ๋‹ˆ๋‹ค. Shift๋ฅผ ํ•จ๊ป˜ ๋ˆ„๋ฅด๋ฉด ์ˆ˜ํ‰ยท์ˆ˜์ง์œผ๋กœ ์ •ํ™•ํžˆ ์˜ฎ๊ฒจ์ง‘๋‹ˆ๋‹ค.

Step 5
6

๋‘ ๋„ํ˜•์„ ํ•จ๊ป˜ ์„ ํƒํ•˜๊ณ  ์œ„ ํˆด๋ฐ”์˜ ๋ถˆ๋ฆฌ์–ธ(Boolean) ๋ฒ„ํŠผ ์ค‘ ๋‹ค์„ฏ ๋ฒˆ์งธ Divide(๋‚˜๋ˆ„๊ธฐ)๋ฅผ ๋ˆ„๋ฆ…๋‹ˆ๋‹ค. ๋ถˆ๋ฆฌ์–ธ์€ ๋„ํ˜•์„ ๋”ํ•˜๊ณ ยท๋นผ๊ณ ยท๊ฒน์น˜๊ณ ยท๋‚˜๋ˆ„์–ด ์ƒˆ ๋„ํ˜•์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

Step 6
7

๊ฒน์นœ ๋ถ€๋ถ„์„ ๊ธฐ์ค€์œผ๋กœ ๋„ํ˜•์ด ์—ฌ๋Ÿฌ ์กฐ๊ฐ์œผ๋กœ ์ž˜๋ ธ์Šต๋‹ˆ๋‹ค. ์ฟ ํ‚ค ํ‹€๋กœ ์ฐ์–ด๋‚ธ ๊ฒƒ์ฒ˜๋Ÿผ ๋‚˜๋‰ฉ๋‹ˆ๋‹ค.

Step 7
8

์กฐ๊ฐ ํ•˜๋‚˜๋ฅผ ๊ณจ๋ผ ๋‹ค๋ฅธ ์ƒ‰์„ ์ฃผ๋ฉด ์ž…์ฒด๊ฐ์ด ์ƒ๊น๋‹ˆ๋‹ค. ํ•„์š” ์—†๋Š” ์กฐ๊ฐ์€ Backspace๋กœ ์ง€์›๋‹ˆ๋‹ค.

Step 8
9

์‚ฌ๊ฐํ˜• ๋„๊ตฌ๋กœ ๊นƒ๋Œ€๋ฅผ ๊ทธ๋ฆฝ๋‹ˆ๋‹ค. ๊ทธ๋ฆด ๋•Œ ๋‚˜ํƒ€๋‚˜๋Š” ์•ˆ๋‚ด์„ ์ด ์Šค๋ƒ…(Snapping)์ž…๋‹ˆ๋‹ค. ํˆด๋ฐ”์˜ ์ž์„ ์•„์ด์ฝ˜์œผ๋กœ ์ผœ๊ณ  ๋•๋‹ˆ๋‹ค.

Step 9
10

Shape Builder ๋„๊ตฌ๋Š” ๊ฒน์นœ ๋„ํ˜•์„ ๋Œ์–ด์„œ ๋น ๋ฅด๊ฒŒ ํ•ฉ์น˜๊ฑฐ๋‚˜(Option/Alt ๋ˆ„๋ฅด๋ฉด) ์ง€์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Step 10
11

์› ์„ธ ๊ฐœ์™€ ์‚ฌ๊ฐํ˜•์„ ๋ชจ๋‘ ์„ ํƒํ•˜๊ณ  Shape Builder๋ฅผ ๊ณ ๋ฅด๋ฉด ๊ฒน์นœ ์˜์—ญ์ด ๋‚˜๋‰˜์–ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

Step 11
12

ํ•ฉ์น  ์˜์—ญ ์œ„๋ฅผ ๋Œ๋ฉด ํ•˜๋‚˜์˜ ๋„ํ˜•์œผ๋กœ ํ•ฉ์ณ์ง‘๋‹ˆ๋‹ค.

Step 12
13

Contour ๋„๊ตฌ๋กœ ๋„ํ˜•์„ ๋Œ๋ฉด ์œค๊ณฝ์ด ๋ฐ”๊นฅ์œผ๋กœ ๋‘๊บผ์›Œ์ ธ ์Šคํ‹ฐ์ปค ๊ฐ™์€ ํšจ๊ณผ๊ฐ€ ๋‚ฉ๋‹ˆ๋‹ค. ์ปจํ…์ŠคํŠธ ํˆด๋ฐ”์—์„œ ์œค๊ณฝ ๋ชจ์–‘(๋‘ฅ๊ธ€๊ฒŒยท๊ฐ์ง€๊ฒŒ)์„ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Step 13
14

ํŽœ ๋„๊ตฌ๋Š” ํด๋ฆญ์œผ๋กœ ๊ผญ์ง“์ (๋…ธ๋“œ)์„, ๋Œ๊ธฐ๋กœ ๊ณก์„  ํ•ธ๋“ค์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ์Šค์ผ€์น˜๋ฅผ ๋”ฐ๋ผ ์ •๊ตํ•œ ์›Œ๋“œ๋งˆํฌ๋ฅผ ๊ทธ๋ฆด ๋•Œ ์”๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๋Š” ์ค‘ โŒ˜(Ctrl)์„ ๋ˆ„๋ฅด๋ฉด ์ž ๊น ๋…ธ๋“œ ๋„๊ตฌ๋กœ ๋ฐ”๋€๋‹ˆ๋‹ค.

Step 14
15

๋…ธ๋“œ ๋„๊ตฌ๋กœ ๋…ธ๋“œ์™€ ํ•ธ๋“ค์„ ์˜ฎ๊ฒจ ๊ณก์„ ์„ ์ •๋ฐ€ํ•˜๊ฒŒ ๋‹ค๋“ฌ์Šต๋‹ˆ๋‹ค.

Step 15
Enlarged image
1 / 15