๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
์นดํ…Œ๊ณ ๋ฆฌ ์—†์Œ

ํ”ผํŒŒ ์•„์ด์ฝ˜ ์นด๋“œ ํšจ๊ณผ ํฌํ† ์ƒต์œผ๋กœ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•

by โœ”๐Ÿ‘‰1๏ธโƒฃ 2025. 1. 8.

ํ”ผํŒŒ ์•„์ด์ฝ˜ ์นด๋“œ์ฒ˜๋Ÿผ ์„ ์ˆ˜๋ฅผ ๊ฐ•์กฐํ•˜๋Š” ํ•˜์–€์ƒ‰ ํšจ๊ณผ๋ฅผ ์ฃผ๋ ค๋ฉด ํฌํ† ์ƒต์—์„œ ์ธ๋ฌผ ์ถ”์ถœ, ์ƒ‰์ƒ ๋ณด์ •, ๊ธ€๋กœ์šฐ(Glow) ํšจ๊ณผ ๋“ฑ์„ ํ™œ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์•„๋ž˜๋Š” ๋‹จ๊ณ„๋ณ„๋กœ ์•„์ด์ฝ˜ ์นด๋“œ ์Šคํƒ€์ผ์„ ์žฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•ˆ๋‚ดํ•ฉ๋‹ˆ๋‹ค.


1. ํ•„์š”ํ•œ ์ค€๋น„๋ฌผ

  1. ํฌํ† ์ƒต(Photoshop) ์„ค์น˜.
  2. ํ•˜์–€ ํšจ๊ณผ๋ฅผ ์ค„ ์„ ์ˆ˜ ์ด๋ฏธ์ง€(ํˆฌ๋ช… ๋ฐฐ๊ฒฝ PNG ํ˜•์‹์ด ๊ฐ€์žฅ ์ข‹์Œ).
  3. ์›ํ•˜๋Š” ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€(์˜ˆ: ํ”ผํŒŒ ์นด๋“œ ๋ฐฐ๊ฒฝ).

2. ํ”ผํŒŒ ์•„์ด์ฝ˜ ์นด๋“œ ํšจ๊ณผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•

2-1. ์„ ์ˆ˜ ์ด๋ฏธ์ง€ ์ถ”์ถœ

  1. ํฌํ† ์ƒต์—์„œ ์ด๋ฏธ์ง€ ์—ด๊ธฐ
    • ์„ ์ˆ˜ ์ด๋ฏธ์ง€๋ฅผ ํฌํ† ์ƒต์—์„œ ์—ฝ๋‹ˆ๋‹ค.
  2. ๋ฐฐ๊ฒฝ ์ œ๊ฑฐ
    • ๋น ๋ฅธ ์„ ํƒ ๋„๊ตฌ(W) ๋˜๋Š” **๊ฐœ์ฒด ์„ ํƒ ๋„๊ตฌ(W)**๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์„ ์ˆ˜๋งŒ ์„ ํƒ.
    • ์„ ํƒ ํ›„ ๋งˆ์Šคํฌ ์ถ”๊ฐ€ ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ ๋ฐฐ๊ฒฝ์„ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค.
    • ๋˜๋Š” Select > Subject(์„ ํƒ > ์ฃผ์ œ ์„ ํƒ)์œผ๋กœ ์ž๋™ ์ถ”์ถœ.
  3. ํˆฌ๋ช… ๋ฐฐ๊ฒฝ ์ €์žฅ
    • ๋ฐฐ๊ฒฝ์ด ์—†๋Š” ์„ ์ˆ˜ ์ด๋ฏธ์ง€๋ฅผ ํˆฌ๋ช… ์ƒํƒœ๋กœ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค.

2-2. ์„ ์ˆ˜ ๊ฐ•์กฐ ํšจ๊ณผ

  1. ๋ฐ๊ธฐ ๋ฐ ๋Œ€๋น„ ์กฐ์ •
    • Image > Adjustments > Brightness/Contrast(์ด๋ฏธ์ง€ > ์กฐ์ • > ๋ฐ๊ธฐ/๋Œ€๋น„)๋กœ ์ด๋™.
    • ๋ฐ๊ธฐ๋ฅผ +50~70 ์ •๋„๋กœ ๋†’์ด๊ณ , ๋Œ€๋น„๋ฅผ ์•ฝ๊ฐ„ ์ฆ๊ฐ€์‹œ์ผœ ์ด๋ฏธ์ง€๋ฅผ ๋” ์„ ๋ช…ํ•˜๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค.
  2. ์ƒ‰์ƒ ๋ณด์ •
    • Image > Adjustments > Hue/Saturation(์ด๋ฏธ์ง€ > ์กฐ์ • > ์ƒ‰์กฐ/์ฑ„๋„)๋กœ ์ด๋™.
    • **์ฑ„๋„(Saturation)**๋ฅผ ์•ฝ๊ฐ„ ๋‚ฎ์ถฐ ํ•˜์–€์ƒ‰์— ๊ฐ€๊นŒ์šด ๋Š๋‚Œ์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.
  3. ๊ธ€๋กœ์šฐ ํšจ๊ณผ ์ถ”๊ฐ€
    • ์„ ์ˆ˜ ๋ ˆ์ด์–ด๋ฅผ ์„ ํƒํ•œ ์ƒํƒœ์—์„œ ๋ ˆ์ด์–ด ์Šคํƒ€์ผ > Outer Glow(์™ธ๋ถ€ ๊ธ€๋กœ์šฐ) ์ถ”๊ฐ€:
      • ์ƒ‰์ƒ: ํฐ์ƒ‰ (#ffffff).
      • ๋ธ”๋ Œ๋”ฉ ๋ชจ๋“œ: ์Šคํฌ๋ฆฐ(Screen).
      • ๋ถˆํˆฌ๋ช…๋„: 70~80%.
      • ํฌ๊ธฐ(Size): 30~50px.

2-3. ๋ฐฐ๊ฒฝ์— ์นด๋“œ ๋Š๋‚Œ ์ถ”๊ฐ€

  1. ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€ ์‚ฝ์ž…
    • ์›ํ•˜๋Š” ํ”ผํŒŒ ์นด๋“œ ๋ฐฐ๊ฒฝ์„ ์ƒˆ ๋ ˆ์ด์–ด๋กœ ์ถ”๊ฐ€.
    • ๋ฐฐ๊ฒฝ ๋ ˆ์ด์–ด๋ฅผ ์„ ์ˆ˜ ๋ ˆ์ด์–ด ์•„๋ž˜์— ๋ฐฐ์น˜.
  2. ์„ ์ˆ˜ ๊ทธ๋ฆผ์ž ์ถ”๊ฐ€
    • ์„ ์ˆ˜ ๋ ˆ์ด์–ด์—์„œ ๋ ˆ์ด์–ด ์Šคํƒ€์ผ > Drop Shadow(๋“œ๋กญ ์„€๋„์šฐ)๋ฅผ ์ ์šฉ:
      • ๊ฐ๋„: 120๋„.
      • ๊ฑฐ๋ฆฌ(Distance): 5px.
      • ํ™•์‚ฐ(Spread): 10%.
      • ํฌ๊ธฐ(Size): 30px.
  3. ๋ชจ์„œ๋ฆฌ ํ๋ฆผ ํšจ๊ณผ
    • ์นด๋“œ์˜ ๊ฒฝ๊ณ„๊ฐ€ ์ž์—ฐ์Šค๋Ÿฝ๋„๋ก ๋ฐฐ๊ฒฝ ๊ฐ€์žฅ์ž๋ฆฌ์— **๊ฐ€์šฐ์‹œ์•ˆ ๋ธ”๋Ÿฌ(Filter > Blur > Gaussian Blur)**๋ฅผ ์ ์šฉ.

2-4. ํ…์ŠคํŠธ ๋ฐ ์•„์ด์ฝ˜ ์ถ”๊ฐ€

  1. ์ด๋ฆ„ ๋ฐ ํฌ์ง€์…˜ ์ถ”๊ฐ€
    • **ํ…์ŠคํŠธ ๋„๊ตฌ(T)**๋ฅผ ์‚ฌ์šฉํ•ด ์„ ์ˆ˜ ์ด๋ฆ„๊ณผ ํฌ์ง€์…˜์„ ์ž…๋ ฅ.
    • ํ”ผํŒŒ ์Šคํƒ€์ผ์˜ ์„œ์ฒด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋”์šฑ ํ˜„์‹ค๊ฐ ์žˆ์Œ(์˜ˆ: Arial Bold).
  2. ๊ตญ๊ฐ€ ๋ฐ ํด๋Ÿฝ ๋กœ๊ณ  ์ถ”๊ฐ€
    • ์„ ์ˆ˜์˜ ๊ตญ๊ฐ€์™€ ํด๋Ÿฝ ๋กœ๊ณ ๋ฅผ ์ธํ„ฐ๋„ท์—์„œ ๋‹ค์šด๋กœ๋“œ ํ›„ ํฌํ† ์ƒต์— ์‚ฝ์ž….
    • ํฌ๊ธฐ๋ฅผ ์กฐ์ •ํ•˜๊ณ  ์ ์ ˆํžˆ ๋ฐฐ์น˜.
  3. ์•„์ด์ฝ˜ ํšจ๊ณผ ๊ฐ•์กฐ
    • ํฐ์ƒ‰ ์•„์ด์ฝ˜์˜ ๋Š๋‚Œ์„ ๋” ๊ฐ•ํ•˜๊ฒŒ ํ•˜๋ ค๋ฉด, ์„ ์ˆ˜ ์ด๋ฏธ์ง€์™€ ํ…์ŠคํŠธ ์œ„์— ๋ ˆ์ด์–ด ์Šคํƒ€์ผ > Gradient Overlay(๊ทธ๋ผ๋””์–ธํŠธ ์˜ค๋ฒ„๋ ˆ์ด)๋ฅผ ์ ์šฉ:
      • ๋ฐ์€ ํฐ์ƒ‰์—์„œ ํˆฌ๋ช…์œผ๋กœ ๊ทธ๋ผ๋””์–ธํŠธ๋ฅผ ์„ค์ •.

3. ์ž‘์—… ํŒŒ์ผ ์ €์žฅ

  1. PSD ํ˜•์‹ ์ €์žฅ
    • ํŽธ์ง‘ ๊ฐ€๋Šฅํ•œ ํฌํ† ์ƒต ํ”„๋กœ์ ํŠธ ํŒŒ์ผ๋กœ ์ €์žฅ: ํŒŒ์ผ > ๋‹ค๋ฅธ ์ด๋ฆ„์œผ๋กœ ์ €์žฅ > PSD ์„ ํƒ.
  2. ์ตœ์ข… ์ด๋ฏธ์ง€ ์ถœ๋ ฅ
    • ํŒŒ์ผ > ๋‚ด๋ณด๋‚ด๊ธฐ > PNG ํ˜•์‹์œผ๋กœ ์ €์žฅํ•˜๋ฉด ํˆฌ๋ช… ๋ฐฐ๊ฒฝ๊ณผ ํ•จ๊ป˜ ์ถœ๋ ฅ๋ฉ๋‹ˆ๋‹ค.

4. ํŒ ๋ฐ ์ฐธ๊ณ  ์‚ฌํ•ญ

  1. ์ •ํ™•ํ•œ ์„ ์ˆ˜ ์ด๋ฏธ์ง€
    • ํˆฌ๋ช… ๋ฐฐ๊ฒฝ PNG ๋˜๋Š” ๊ณ ํ•ด์ƒ๋„ ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ž‘์—… ํšจ์œจ์„ ๋†’์ž…๋‹ˆ๋‹ค.
  2. ํฐํŠธ ์„ ํƒ
    • ํ”ผํŒŒ ์นด๋“œ์™€ ์œ ์‚ฌํ•œ ์Šคํƒ€์ผ์˜ ๊ธ€๊ผด(์˜ˆ: Arial Bold, Helvetica)์„ ์‚ฌ์šฉํ•˜๋ฉด ํ˜„์‹ค๊ฐ์ด ๋†’์•„์ง‘๋‹ˆ๋‹ค.
  3. ์ฐธ์กฐ ์ด๋ฏธ์ง€ ํ™œ์šฉ
    • ์‹ค์ œ ํ”ผํŒŒ ์•„์ด์ฝ˜ ์นด๋“œ ์ด๋ฏธ์ง€๋ฅผ ์ฐธ๊ณ ํ•˜๋ฉด ๋””์ž์ธ์— ํ†ต์ผ์„ฑ์„ ์ค„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

FAQ

Q1. ์„ ์ˆ˜ ๋ฐฐ๊ฒฝ์„ ํฐ์ƒ‰์ด ์•„๋‹ˆ๋ผ ๊ธˆ์ƒ‰์ด๋‚˜ ์€์ƒ‰์œผ๋กœ ๋ณ€๊ฒฝํ•˜๋ ค๋ฉด?
A. Outer Glow ์„ค์ •์—์„œ ์ƒ‰์ƒ์„ ๊ธˆ์ƒ‰(#FFD700) ๋˜๋Š” ์€์ƒ‰(#C0C0C0)์œผ๋กœ ๋ณ€๊ฒฝํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

Q2. ๋ ˆ์ด์–ด ์Šคํƒ€์ผ์„ ๋ณต์ œํ•  ์ˆ˜ ์žˆ๋‚˜์š”?
A. ๋„ค, Alt(Option) + ๋“œ๋ž˜๊ทธ๋กœ ๋ ˆ์ด์–ด ์Šคํƒ€์ผ์„ ๋ณต์‚ฌํ•˜์—ฌ ๋‹ค๋ฅธ ๋ ˆ์ด์–ด์— ์ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Q3. ๋ฌด๋ฃŒ๋กœ ๋ฐฐ๊ฒฝ์ด๋‚˜ ํ…œํ”Œ๋ฆฟ์„ ์–ด๋””์„œ ๊ตฌํ•˜๋‚˜์š”?
A. Unsplash, Freepik ๋˜๋Š” DeviantArt์—์„œ ๋ฌด๋ฃŒ ํ…œํ”Œ๋ฆฟ๊ณผ ๋ฐฐ๊ฒฝ์„ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


์š”์•ฝ

  • ์„ ์ˆ˜ ์ด๋ฏธ์ง€ ์ถ”์ถœ: ๋ฐฐ๊ฒฝ ์ œ๊ฑฐ ํ›„ ์„ ์ˆ˜๋งŒ ๋‚จ๊น๋‹ˆ๋‹ค.
  • ํšจ๊ณผ ์ ์šฉ: ๋ฐ๊ธฐ/๋Œ€๋น„ ์กฐ์ •, ๊ธ€๋กœ์šฐ ๋ฐ ๊ทธ๋ฆผ์ž ํšจ๊ณผ๋กœ ๊ฐ•์กฐ.
  • ๋ฐฐ๊ฒฝ๊ณผ ํ…์ŠคํŠธ ์ถ”๊ฐ€: ํ”ผํŒŒ ์นด๋“œ์™€ ์œ ์‚ฌํ•œ ํ…์ŠคํŠธ์™€ ๋กœ๊ณ ๋ฅผ ๋ฐฐ์น˜.
  • ํŒŒ์ผ ์ €์žฅ: PSD๋กœ ์ž‘์—… ํŒŒ์ผ ์ €์žฅ ํ›„ PNG๋กœ ์ตœ์ข… ์ถœ๋ ฅ.

์œ„ ๊ณผ์ •์„ ๋”ฐ๋ผ ํ•˜๋ฉด ํ”ผํŒŒ ์•„์ด์ฝ˜ ์นด๋“œ์™€ ์œ ์‚ฌํ•œ ํšจ๊ณผ๋ฅผ ์†์‰ฝ๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๐Ÿ˜Š

๋Œ“๊ธ€