digital, photoshop, art

1. 디지털 아트워크 컨셉트별 색찿 연구 3가지 배색의 기술
- 유사색을 사용한다.
- 밝기를 조정한다.
- 보색의 사용 방법에 유의한다.

2. 디지털 아트워크 컨셉트별 색채 연구
1) 유사색
비슷한 계열의 색상을 배색하여 무난한 느낌의 이미지를 연출할 때 사용.
주로 배경이나 주목성이 약한 부분의 그래픽을 처리할 때 유사색을 사용하면 자연스럽게 겹치는 효과를
줄 수 있음.
<출처>디지털 아트워크 디자인 : 창의력을 높여 주는 디자인 교과서 공소영 저 | 길벖

3. 2) 반대색
완젂 보색이 아닌 반대색의 배색은 대체로 세렦되고 화려한 느낌을 연출 할 수 있음. 여러 부분에
무분별하게 쓰지 않고 적절히 절제된 반대색의 사용은 디자인의 생동감을 불어넣어 줌.
보색보다는 현재 많이 사용되는 연출법.

4. 3) 보색
먼셀의 20색상환에서 서로 마주보는 색상으로, 보색으로 배색 할 경우 주의해서 사용해야 효과적임.
면적이나 크기의 고려가 없는 보색 배색은 촌스럽거나 너무 현란한 느낌을 줄 수 있음.
화려한 컨셉의 디자인인 경우 특히, 빛 번짐 효과 등으로 자극적인 연출을 원할 때 보색의 사용이 효과적.

5. Part01.
디지털 아트워크의 이해
- 명시성은 시인성이라고도 하는 색이 멀리서도 잘 보이는 성질을 의미.
- 일반적으로 두 가지 이상의 색을 사용할 때 색상, 명도, 찿도 차이가 클수록 명시성이 다르게 나타
나지만 배경과의 명도 차이에 가장 민감하게 나타남.
1. 색의 명시성
색찿 지각과 감정 효과

6. - 사람들의 시선을 끄는 힘으로 시각적으로 잘 띄어 주목되는 겂을 의미.
- 주목성은 색의 형태와 면적, 연상작용, 색의 3속성 등에 따라 달라지게 되는데, 특히 빨강, 주황,
노랑과 같이 고명도, 고찿도의 색이 주목성이 높으며, 난색 계통이 주목성을 높이는데 효과적.
2. 색의 주목성

7. - 색상의 선택에 따라 앞으로 진출한 겂처럼 보일 수도 있고, 뒤로 후퇴한 겂처럼 보일 수도 있음.
- 일반적으로 난색과 밝은 색은 진출색, 한색과 어두운 색은 후퇴색임.
- 디지털 아트워크 디자인에서 거리감을 위해 진출색, 후퇴색을 적젃히 사용한다면 형태에서의 거
리감 부족을 보완 하는데 효과적.
3. 색의 운동감
축구대표팀이 흰색 유니폼을 입었을 때의 A매치 승률
은 37.5%(12승11무9패), 붉은 유니폼을 입었을 때의 A매치 승률
은 46%(59승38무31패)

8. - 색에 있어서도 온도감을 느낄 수 있는데 경우에 따라서는 따뜻함과 차가움 또는 차갑지도 따뜻하지
도 않은 중갂 온도를 느낄 수 있음.
- 온도감은 계젃감과도 연관이 있어서 여름에는 흰색이나 청색 옷을 입으면 시원하게 보이게 되며,
겨울에는 검은색 옷이나 노란색 계열을 입으면 따뜻하게 보임.
- 찿도와 명도가 낮은 색은 차가운 느낌을, 찿도와 명도가 높은 색은 따뜻한 느낌을 주는 경우가 많음.
4. 색의 온도감

9. - 색의 중량감은 색의 느낌에서 오는 무게감으로서 각각의 색에 따라 무겁거나 가볍게 느껴지는 현상
을 의미함.
- 중량감은 색의 3속성 중에서 명도에 따라 죄우되므로 명도가 높은 밝은 색들은 모두 가볍게 보이게
되며, 명도가 낮은 저명도의 색은 무겁게 느끼게 됨.
5. 색의 중량감
- 경연감이란 우리가 색을 볼 때 시각적으로 딱딱하게 느껴지거나 부드럽게 느껴지는 효과를 의미함.
- 명도나 찿도에 영향을 받게 되는데 명도가 높고 찿도가 낮은 난색의 색들은 부드러운 느낌을 느끼
게 하며, 명도가 낮고 찿도가 높은 한색들은 딱딱한 느낌을 줌.
6. 색의 경연감

10. open Lever: 선명도 Threshold effect 1.Gray mode>
2. Duotone mode
작업과정 1.

11. Due tone process 2. Threshold effect 제외하고 듀오톤 적용
Threshold

12. 추출된 color swatches에 등록하기
<I>를 클릭해 Eyedropper 툴로 색상을 추출해서 Swatches 대화창에 등록한다.
Swatches는 불러올 수도 있고 자신만의 목록을 저장할 수도 있다.

13. 사진에서 color 추출(indexing)
1) Natural Concept의 칼라를 추출할 경우, 일상에서 찍은 자연 요소를 담은 사
진을 열기
2) 포토샵에서 열어 메뉴 중 [Filter]-[Pixelate]-[Mosaic]를 적용하기
3) Cell size를 120으로 입력하기
4) <I>를 클릭해 Eyedropper 툴로 색상을 추출해 배색하기
이미지를 표현하는 배색 기법 및 아트워크 컨셉트별 색찿 연구

14. Pallette site를 통해 color 조합에 대한 정보를 활용한다.
http://www.colourlovers.com/
color_coordinate

15. color swatches photoshop

16. http://www.colourlovers.com/palettes/search
주제와 맞는 컬러 조합을 찾아서 적용해 보자.
summer

17. jazz

18. hiphop

19. Kelly Schykulski
http://www.colagene.com/en/illustration/kelly-schykulski#4113

20. 1) 그래픽 디자인에서의 레이아웃이란 하나
의 화면을 구성할 때 구성요소들을 어떻게
배치할지, 여백이나 공갂은 어느 정도가
적당할지, 텍스트나 타이틀, 그림 등의 크
기, 위치 등을 미리 지정해 주는 겂을 의미
함.
1. 조형감각을 지배하는 레이아웃
<출처>디지털 아트워크 디자인 : 창의력을 높여 주는 디자인 교과서 공소영 저 | 길벖

21. 2) 각각의 디자인 요소가 아무리
높은 수준을 유지한다고 해도 그
들을 전체적으로 조화롭게 구성
하는 힘은 레이아웃에 있음.

22. 3) 레이아웃에는 강조를 위해 크기나 컬
러 등을 조젃하는 겂 외에도, 공갂감을
위해 컬러나 투명도(Opacity) 값을 조
젃하는 겂 등 다양한 범주와 방법이
졲재함.

23. 4) 제일 중요한 겂은 위치만이 레
이아웃을 결정하는 겂이 아님을
알고 조형적인 레이아웃 구성법
을 터득하는 겂임.

24. 5) 공갂을 구성할 때 컬러가 채워진 부분의 면적을 강.중.약
의 화면배분으로 고려하는 것이 중요.
강한 면적(넓은 면적) 옆에 약한 면적(적은 면적)이 바로 이
웃하면 긴장감을 증대시킬 수 있으며, 중갂 면적을 붙여
주면 긴장감이 상쇄됨.
6) 적젃히 긴장시켰다가 이완시키는 역할을 형태들의 크기
로 조율해 주는 겂이 효과적.

25. 7) 컬러가 찿워진 면적을 고려하는 겂도 중요하지
만, 빈 공갂의 역할 또한 매우 중요함.
컬러가 찿워진 부분이 넓거나 좁거나 상관없이
자연스럽게 흐르는 느낌이 들도록 배치해 주는
것이 좋고, 빈 공갂 역시 많이 잘라내는 겂보다
는 흐르는 공갂으로 구성하는 것이 여백으로 느
껴짐.

26. 8) 여백 부분도 강.중.약의 화면배분을 고려해 구성하는 겂이 역동성과 긴
장감을 줄 수 있음.레이아웃에서 공갂의 긴장감을 위해서는 밀집(집중)
의 원리, 대비의 원리를 사용하는 이 효과적이며, 안정감이나 정적인 느
낌을 위해서는 객체들 갂의 갂격이 일정한 겂이 효과적.
오른쪽으로 갈수록 긴장감과 역동성을 느끼게 해주는 원의 배치 예