โํฌํ ์ต_ย ์ธํฌ๊ทธ๋ํฝโ ์ผ๊ธฐ(1)
ย ์ค๋๋ถํฐ ํฌํ ์ต์ผ๋ก โ์ธํฌ๊ทธ๋ํฝ ๋ง๋ค๊ธฐโ ๊ณต๋ถ๋ฅผ ์์ํ๋ค. ํ๊ต์์ ์ ๊ณตํด์ฃผ๋ ๊ฐ์ฅ ์ต๊ทผ์ Adobe Photoshop CC 2015 ์๋ฌธํ ์ํํธ์จ์ด๋ฅผ ๋ค์ด๋ฐ์ ๋ค ์ฐ์ ์ ์ผ๋ก ์๋์บ์คํธ์ ๋ฌด๋ฃ(!) ๊ฐ์ ํฌํ ์ต ๊ธฐ๋ณธ(์ธํฌ๊ทธ๋ํฝ ๋ง๋ค๊ธฐ)๋ฅผ ์๊ฐํ๊ธฐ ์์ํ๋ค. ๋น๋ก์ ํฌํ ์ต์ ์
๋ฌธํ๋ค! ์ฐธ๊ณ ๋ก, ์๋์บ์คํธ์ ์ฌ๋ผ์จ ์ด ๊ฐ์๋ ํ๊ต ์ ๋ฐฐ๊ฐ ์ง์ ์ ์ํด์ ์ฌ๋ฆฐ ๊ฒ์ธ๋ฐ, ํ๋ฆฌํฐ๊ฐ ์์ฃผ ์ข์ ํฌํ ์ต์ ์
๋ฌธํ๊ณ ์ถ์ง๋ง ์ด๋ป๊ฒ ์์ํด์ผํ ์ง ๋ง๋งํ ์ฌ๋๋ค์๊ฒ ์ถ์ฒํ๋ค. ์ฌ์ค ํ๊ต๋์๊ด์ ํตํด ์์ดํฐ๊ณ ์ IT ์ธ๊ฐ๋ค์ ์๊ฐํ ์๋ ์์์ง๋ง, ์ด์ง ๋ค์ด๋ณด๋ ์ฌ๋ฏธ๋ ์๊ณ ์๋ฏธ๋ ์์ด๋ณด์ฌ ๊ฐ๋จํ๊ฒ ์ด ๊ฐ์๋ฅผ ์๊ฐํ์ฌ ํฌํ ์ต์ ๊ธฐ๋ณธ๊ธฐ๋ฅผ ์ตํ ํ์ ๋
ํ์ผ๋ก ์ฑ
์ด๋ ์ธํฐ๋ท์ ํตํด ๋ด๊ฐ ๋ ๋ฐฐ์ฐ๊ณ ์ ํ๋ ๋ถ๋ถ๋ค์ ์ฑ์๋๊ฐ๋ฉฐ ๋๋ง์ ๊ฐ๊ฐ์ ํค์ธ ๊ณํ์ด๋ค.ย
0. ํฌํ ์ต์ ๋ฐฐ์ฐ๋ฉด ์๊ธฐ๋ ๋ฅ๋ ฅ
ํฌํ ์ต ํ์ฉ ๋ถ์ผ -> ์ฌ์ง ๋ณด์ / ๊ทธ๋ํฝ ๋์์ธ
๊ทธ๋ํฝ ๋์์ธ: ์ ํ ๋ก๊ณ , ํํ์ด์ง ๋์์ธ, ์ธํฌ๊ทธ๋ํฝ (์ ๋ณด ์ ๋ฆฌ ๋ฐ ๋์์ธํด์ ์ฝ๊ณ ๋ฉ์๊ฒ ์ ๋ฌ) โ ์ธ๊ฐ์ ๊ธฐ๋ณธ์ ์ผ๋ก ์๊ฐ์ ๋๋ฌผ์ด๋ค. ์ธ๊ฐ ์ํต ๊ณผ์ ์์, ์๊ฐ ์๋ฃ๋ ๊ฐ์ฅ ์ค์ํ ์์น๋ฅผ ์ฐจ์งํ๋ค. ์ง๊ด์ ์ด๊ณ ํฅ๋ฏธ๋กญ๊ฒ ์ ๋ณด๋ฅผ ์ดํดํ ์ ์๋๋ก ๋๋๋ค. ๊ธฐ์ต์ ์ค๋ ๋จ๊ณ , ๊ณต์ ํ๊ธฐ์๋ ์ ์ฉํ๋ค.
1. ํฌํ ์ต-๊ฐ์ ์๊ฐ
๋ณต์กํ ์ ๋ณด๋ค์ ๋ณด๊ธฐ์ข๊ฒ ๊ทธ๋ํฝ์ผ๋ก ์ ๋ฆฌํด์ ์ง๊ด์ ์ด๊ณ ์ฝ๊ฒ ์ ๋ฌํ์!
ex. ์งํ์ฒ ๋
ธ์ ๋, ์ ๋ฌธ ๊ธฐ์ฌ ์ฐจํธ ๋ฑ
*์คํ์ด๋ชจํผ์ฆ(Skeuomorphism): ๋์์ ์ค์ ๋ชจ์ต์ ๋ด์๋ด๋ ๋์์ธ(ex. ์ค์ ๊ณ์ฐ๊ธฐ ๋ชจ์ต๊ณผ ๋ฎ์ ๊ณ์ฐ๊ธฐ ์ดํ - ์ฌ์ฉ๋ฐฉ๋ฒ ์ฝ๊ฒ ์บ์น ๊ฐ๋ฅ)
*ํ๋ซ ๋์์ธ (Flat Minimalism Design): ์ต์ํ์ ์๋ฏธ ์์๋ง์ ๋ด์๋ด๋ ํ๋ฉด์ ๋์์ธ - ์ฌํํ ๋์์ธ์ผ๋ก ๋ฐ์๋ค์ผ ๋ ๋ถ๋ด๊ฐ์ด ์ ์)
2. ์ธํฌ๊ทธ๋ํฝ์ ์ข์ ์ & ๋์ ์
ํ
์คํธ๋ฅผ ์ต์ํํ๊ณ ์ต๋ํ ๊ทธ๋ํฝ์ผ๋ก ํํํ๋ผ.
๋จ์ํ๊ฒ, ์ง๊ด์ ์ผ๋ก, ์ผ๊ด์ฑ ์๊ฒ! (์์, ํฐํธ ๋ฐฐ์ด ๋ฑ)
์ ๋ณด๋ฅผ ์ฐฝ์์ ์ผ๋ก ์ ๋ฌํ ๊ฒ.
์ฃผ์ ์ ์ฐ๊ด์ฑ์ด ๊ฐํ ๊ทธ๋ํฝ ์ฌ์ฉ.
๊ธฐ์กด์ ํ๋ฅญํ ์ธํฌ๊ทธ๋ํฝ ๋ฑ์ ์ฐธ๊ณ ํ๋ฉฐ ๋ง๋ค ๊ฒ.ย
๋ฌด์จ ๋ด์ฉ์ธ์ง ์ดํดํ๊ธฐ ์ํด ๋
ธ๋ ฅํด์ผ ํ๋ ์ธํฌ๊ทธ๋ํฝ์ ๋์ ์ธํฌ๊ทธ๋ํฝ์ด๋ค.
3. ํฌํ ์ต ์ค์น : ์ด๋๋น ํํ์ด์ง๋ฅผ ํตํด 30์ผ ๋ฌด๋ฃ์ฌ์ฉ ๊ฐ๋ฅ, ํ๊ต ์ฌ์ดํธ ์ฐธ๊ณ
4. ๋ฉ์ ํ๋ก์ ํธ(1) - ๋ ์ด์ด ๊ฐ๋
, ์ฌ๊ฐํ ์ ํ, ์ด๋๋๊ตฌ
5. ๋ฉ์ ํ๋ก์ ํธ (2) -์คํฌ์ด๋, ํ
์คํธ๋๊ตฌ
6. ๋ฉ์ ํ๋ก์ ํธ (3)
7. ๋ฉ์ ํ๋ก์ ํธ (4) -์ด๋ฏธ์ง ๋ฐ๋ด๊ธฐ, ๋ง์คํฌ, ํ ๋๊ตฌ
8. ๋ฉ์ ํ๋ก์ ํธ (5) -์ด๋ฏธ์ง ์กฐ์ , ๊ทธ๋ฆผ์, ์ก์
9. ๋ฉ์ ํ๋ก์ ํธ (6) -ํ
์คํธ ํจ๋, ๋ ์ด์ด ์ ๋ ฌ, ๋ณต๊ตฌ ๋๊ตฌ
10. ๋ฉ์ ํ๋ก์ ํธ (7) -๋ ์ด์ด ํผํฉ์ต์
, Mockup ๋ง๋ค๊ธฐ
๋จ์ถํค๋ฅผ ํ์ฉํ์ฌ ์ ์ํ ์์
์ ์ํํ๋ ๊ฒ์ ์ถ์ฒํ๋ค.
ํ์ผ ์๋ก ๋ง๋ค๊ธฐ / Ctrl + N
๋ ์ด์ด 0 : ๋ฐฐ๊ฒฝ ๋ ์ด์ด (๋ ์ด์ด๋ ์ธต์ ๊ฐ๋
)
ํน์ ์์ญ ์ ํ: ์ฌ๊ฐํ ์ ํ๋๊ตฌ / M (์ค๋ฅธ์ชฝ ๋ง์ฐ์ค ํด๋ฆญ : ํ์ํ ์ ํ ๊ฐ๋ฅ)
์ฌ๋ฐ๋ฅธ ๋ํ์ผ๋ก ํน์ ์์ญ ์ ํ : Shift + ๋ํ ๊ทธ๋ฆฌ๊ธฐ
ํน์ ์์ญ ์ญ์ : ํน์ ์์ญ ์ ํ + Delete ํค
๋์ ์ทจ์: Ctrl + alt + Z
๋์ ์ฌ์คํ: Ctrl + shift + Z
์ด๋๋๊ตฌ / V
์ด๋๋๊ตฌ + ์๋์ ํ์ ์ฒดํฌ : ์์ง์ด๊ณ ์ถ์ ๋์์ ๋ ์ด์ด๋ฅผ ์ ํํ์ง ์๊ณ ๋ ๋ง์ฐ์ค๋ก ์ ํํ๋ ๋์์ ๋ฐ๋ก ์ด๋์ํฌ ์ ์๋ค.ย
์ ํํ ์ ๋ฐ์ค๊ธฐ: ์คํฌ์ด๋ ๋๊ตฌ(I)๋ก ํด๋น ์๊น ๋ถ๋ถ ํด๋ฆญ
Alt+Delete ํค: ์ ๊ฒฝ์(ํ๋ ํธ์์ ์์ ์์นํ ์)์ผ๋ก ์ฑ์ฐ๊ธฐ
Ctrl+Delete ํค: ๋ฐฐ๊ฒฝ์(ํ๋ ํธ์์ ๋ค์ ์์นํ ์)์ผ๋ก ์ฑ์ฐ๊ธฐ
๋ํ๋๊ตฌ ์ ํ ํ ์๋จ์ ์น (Fill, ๋๊ทธ๋ผ๋ฏธ ์์ชฝ ์)๊ณผ ํ(Stroke, ๋๊ทธ๋ผ๋ฏธ ํ
๋๋ฆฌ) ์ค์
ํฌ๊ธฐ๋ณ๊ฒฝ: Ctrl + T
ํ๋ฉด ํ๋/์ถ์: ๋๋ณด๊ธฐ(Z) ํน์ alt + ์คํฌ๋กค
ํ
์คํธ๋๊ตฌ(T)
์๋ผ๋ด๊ธฐ: ctrl+X
๋ถ์ฌ๋ฃ๊ธฐ: ctrl+V
๋ ์ด์ด ๋ณต์ : ctrl+J
๋ ์ด์ด ๊ทธ๋ฃนํ: ctrl+G
๊ทธ๋ฆผ์ํจ๊ณผ: ๋ ์ด์ด ์ ํ - fx ๋ฒํผ ํด๋ฆญ - ํผํฉ์ต์
- ๊ทธ๋ฆผ์ํจ๊ณผ - ๊ฐ๋ 90๋, ๊ฑฐ๋ฆฌ ํฌ๊ธฐ ์กฐ์ , ๋ถํฌ๋ช
๋ 30%
์ด๋ฏธ์ง ๋ฐ๋ด๊ธฐ: ๋น ๋ฅธ์ ํ๋๊ตฌ(W, ํฌ๊ธฐ ์กฐ์ [ or ]) / ์ ํ ์์ญ ๋นผ๊ธฐ alt + ์ ํ, ํ๋๊ตฌ(P)๋ฅผ ํตํด ์ ์ ์ด ์ด์ด์ค ๋ค ๋ค์ ์ฒ์ ์ ์ผ๋ก ๋ง์ฐ์ค๋ฅผ ๋๋ฉด ๋๊ทธ๋ผ๋ฏธ๊ฐ ๋์ค๋๋ฐ ์ด๋ฅผ ํด๋ฆญํ ๋ค ์ฐํด๋ฆญ์ ํด์ ์ ํ์์ญ๋ง๋ค๊ธฐ-์ ํ์์ญ ์ถ๊ฐํ๊ธฐ๋ฅผ ํตํด ๋ฐฐ๊ฒฝ์ ์ ํ๊ณ ์ค๋ธ์ ๋ง ๊น๋ํ๊ฒ ๋ฐ์ค๊ธฐ
์ ๊ตํ๊ฒ ์ด๋ฏธ์ง ๋ฐ๋ด๊ธฐ: ๋ง์คํฌ ํด๋ฆญ, ๋ง์คํฌ ์ฐํด๋ฆญ: ๋ง์คํฌ ๋ค๋ฌ๊ธฐ, ๊ณ ๊ธ๋ฐ๊ฒฝ ์กฐ์ ํ์ฌ ์ค๊ณฝ์ ์ ๋ํ
์ผ ์ด๋ฆฌ๊ธฐ, ๊ฐ์ฅ์๋ฆฌ ์กฐ์ ๋ฑ์ ํตํด ๋ง๋ฌด๋ฆฌ์ง๊ธฐ, ๋ค ๋๋ ๋ค์ ๋ ์ด์ด๋ฅผ ์ฐํด๋ฆญํด์ ๊ณ ๊ธ๊ฐ์ฒด๋ก ์ ํ ย
์ด๋ฏธ์ง ์์ ๋ณ๊ฒฝ: ์์ ๋ฉ๋ด ์ค์ ์ด๋ฏธ์ง ํด๋ฆญ - ์์กฐ/์ฑ๋ ์กฐ์
๊ทธ๋ฆผ์ ํจ๊ณผ: ์ด๋ฏธ์ง ๋ ์ด์ด ๋ณต์ฌ- ์ด๋ฏธ์ง ๋ณํ- ctrl + T + ์ฐํด๋ฆญ - ์๊ณก - ์๋ถ๋ถ ์ ์ ์ก๊ณ ์๋๋ก ๋์ด๋ด๋ ค์ ๊ทธ๋ฆผ์ ๋ชจ์์ ์ก์ - fx - ํผํฉ์ต์
- ์์ ์ค๋ฒ๋ ์ด - ๊ฒ์์ ์ ํ - ๋ถํฌ๋ช
๋ 30% ์ ๋ - ํํฐ ๋ฉ๋ด - ํ๋ฆผํจ๊ณผ - ๊ฐ์ฐ์์ ํ๋ฆผ ํจ๊ณผ - 15 - ์๋ ๊ทธ๋ฆผ๊ณผ ๋ ์ด์ด ๋ณํฉย
๊ทธ๋ฆผ์ํจ๊ณผ ๋ง๋๋ ๊ณผ์ ์๋ํ: ๋ค๋ฅธ ์ด๋ฏธ์ง ์ ํ - ์ฐฝ ๋ฉ๋ด - ์ก์
- ์๋ ํ์ผ ๋ฉ๋ด ํด๋ฆญ - ์ ์ก์
๋ง๋ค๊ธฐ - ์ก์
์ด๋ฆ: ๊ทธ๋ฆผ์ ๋ง๋ค๊ธฐ - ๋
นํ ๋ฒํผ ํด๋ฆญ ย
์กฐ๋ช
๋ฃ๊ธฐ: ๋ฐฐ๊ฒฝ ๋ ์ด์ด ์ ํ - ๋ธ๋ฌ์ ํด ์ ํ(B) - ์๊น ํฐ์์ผ๋ก ์ ํ - ๋๊ดํธ ํค๋ฅผ ํตํด ๋ธ๋ฌ์ ํค์ฐ๊ธฐ - ๋์ ์๋ ๊ณณ์ ์ด์ง ์ด์ง ํฐ์นํด์ฃผ๊ธฐ
ํ
์คํธ ํจ๋: ํ
์คํธ ๋๋๊ทธ ํ์ฑ๋ก ctrl + T
๋ ์ด์ด ์ ๋ ฌ: ์ ๋ ฌํ ๋ ์ด์ด๋ค์ shift๋ก ๋ชจ๋ ์ ํ ํ ๋ฉ๋ด์ ์์ด์ฝ๋ค์ ํ์ฉ
์ ํํ ์ ๋ ฌ์ ์ํ ๊ฐ์ด๋๋ผ์ธ ํ์ฉ: ๋ณด๊ธฐ-๋๊ธ์ or ctrl+R, ํ
๋๋ฆฌ์ ์๋ฅผ ๋์ด์์ ์ ํํ๊ฒ ์ด๋ฏธ์ง๋ค์ ๋ฐฐ์ด ๊ฐ๋ฅ.
๋ณต๊ตฌ๋๊ตฌ(๋ฐ์ผ๋ฐด๋ ๋ชจ์, J) - ์ ๊ตํ ์ฌ์ฉ ์ํด์๋ ์ฐํด๋ฆญ - ํจ์น์ ํ - ์ง์ฐ๊ณ ์ถ์ ๋ถ๋ถ ์ ํ ํ ๊นจ๋ํ ๋ถ๋ถ์ผ๋ก ๋๊ณ ๊ฐ๋ฉด ์ง์์ง๋ค / ์ดํ ์ฃผ๋ณ์ ์์ ๋ธ๋ฌ์๋ก ๋ด ์ดํ์ ์น ํด์ฃผ๋ฉด ๋์ฑ ๊น๋ํด์ง๋ค / ํน์ ๋์ฅ ํด์ ์ ํํ ํ alt๋ฅผ ๋๋ฌ ์ํ๋ ์๊น์ ๋ด ๋ค์ ์น ํด์ฃผ๋ฉด ๋์ฑ ๊น๋ํด์ง๋ค
ํ
์คํธ์ ์ค๊ณฝ์ ์ฝ์
ํ๊ธฐ: ํ
์คํธ ๋ ์ด์ด ์ ํ - fx - ํผํฉ์ต์
ํด๋ฆญ - ํ ์ต์
ย
์ ๊ฒฝ์๊ณผ ๋ฐฐ๊ฒฝ์ ํ๋ฒ์ ๋ด๊ธฐ: ์ฐ์ ์คํฌ์ด๋๋ก ํ ๋ฒ ํด๋ฆญํด์ ์ ๊ฒฝ์ ๋ด์ ๋ค์ alt๋ฅผ ๋๋ฌ์ ๋ ํด๋ฆญํ๋ฉด ๋ฐฐ๊ฒฝ์์ด ๋ด๊ธด๋ค - fx - ํผํฉ์ต์
- ๊ทธ๋๋์ธํธ ์ค๋ฒ๋ ์ด - ๊ทธ๋๋์ธํธ ์กฐ์
๊ทธ๋๋์ธํธ ๋๊ตฌ(G) - ์ผ์ชฝ์์ ์ค๋ฅธ์ชฝ์ผ๋ก ๋๋๊ทธํ๋ฉด ๊ฐ์ ๋ฐฉํฅ์ผ๋ก ๊ทธ๋๋์ธํธ๊ฐ ๋ฐฐ๊ฒฝ์ ์
ํ์ง๋ค, ์์ ๋ฉ๋ด๋ฅผ ํตํด ์ ํ ๋ง๊ณ ์ํ ๋ฑ์ผ๋ก ๊ทธ๋๋์ธํธ๋ฅผ ์ฑ์ธ ์ ์๋ค
๊ทธ๋๋์ธํธ ๋๊ตฌ ์ฐํด๋ฆญ - ํ์ธํธ ๋๊ตฌ, ํน์ ์๊น ๋ฒ์ ์ ์ฒด๋ฅผ ํด๋น ์๊น๋ก ์น ํด์ฃผ๋ ์ญํ ์ํ
behance.net - mock up ๊ฒ์ - filter all time์ผ๋ก ๋ณ๊ฒฝ (*mock up ํ์ผ์ด๋, ์ค์ ์ ํ์ ๋ค์ํ ์ด๋ฏธ์ง๋ค์ ์์ฐ์ค๋ฝ๊ฒ ์
ํ ์ ์๋ ํ์ผ๋ค)