27
Photoshop Duo tone collage

03 02 duotone

Embed Size (px)

Citation preview

Page 1: 03 02 duotone

Photoshop Duo tone collage

Page 2: 03 02 duotone

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

Page 3: 03 02 duotone

1) 유사색 비슷한 계열의 색상을 배색하여 무난한 느낌의 이미지를 연출할 때 사용.

주로 배경이나 주목성이 약한 부분의 그래픽을 처리할 때 유사색을 사용하면 자연스럽게 겹치는 효과를

줄 수 있음.

<출처>디지털 아트워크 디자인 : 창의력을 높여 주는 디자인 교과서 공소영 저 | 길벗

Page 4: 03 02 duotone

2) 반대색 완전 보색이 아닌 반대색의 배색은 대체로 세련되고 화려한 느낌을 연출 할 수 있음. 여러 부분에

무분별하게 쓰지 않고 적절히 절제된 반대색의 사용은 디자인의 생동감을 불어넣어 줌.

보색보다는 현재 많이 사용되는 연출법.

Page 5: 03 02 duotone

3) 보색 먼셀의 20색상환에서 서로 마주보는 색상으로, 보색으로 배색 할 경우 주의해서 사용해야 효과적임.

면적이나 크기의 고려가 없는 보색 배색은 촌스럽거나 너무 현란한 느낌을 줄 수 있음.

화려한 컨셉의 디자인인 경우 특히, 빛 번짐 효과 등으로 자극적인 연출을 원할 때 보색의 사용이 효과적.

Page 6: 03 02 duotone

Part01. 디지털 아트워크의 이해

- 명시성은 시인성이라고도 하는 색이 멀리서도 잘 보이는 성질을 의미.

- 일반적으로 두 가지 이상의 색을 사용할 때 색상, 명도, 채도 차이가 클수록 명시성이 다르게 나타

나지만 배경과의 명도 차이에 가장 민감하게 나타남.

1. 색의 명시성

색채 지각과 감정 효과

Page 7: 03 02 duotone

- 사람들의 시선을 끄는 힘으로 시각적으로 잘 띄어 주목되는 것을 의미.

- 주목성은 색의 형태와 면적, 연상작용, 색의 3속성 등에 따라 달라지게 되는데, 특히 빨강, 주황,

노랑과 같이 고명도, 고채도의 색이 주목성이 높으며, 난색 계통이 주목성을 높이는데 효과적.

2. 색의 주목성

Page 8: 03 02 duotone

- 색상의 선택에 따라 앞으로 진출한 것처럼 보일 수도 있고, 뒤로 후퇴한 것처럼 보일 수도 있음.

- 일반적으로 난색과 밝은 색은 진출색, 한색과 어두운 색은 후퇴색임.

- 디지털 아트워크 디자인에서 거리감을 위해 진출색, 후퇴색을 적절히 사용한다면 형태에서의 거

리감 부족을 보완 하는데 효과적.

3. 색의 운동감

축구대표팀이 흰색 유니폼을 입었을 때의 A매치 승률은 37.5%(12승11무9패),

붉은 유니폼을 입었을 때의 A매치 승률은 46%(59승38무31패)

Page 9: 03 02 duotone

- 색에 있어서도 온도감을 느낄 수 있는데 경우에 따라서는 따뜻함과 차가움 또는 차갑지도 따뜻하지

도 않은 중간 온도를 느낄 수 있음.

- 온도감은 계절감과도 연관이 있어서 여름에는 흰색이나 청색 옷을 입으면 시원하게 보이게 되며,

겨울에는 검은색 옷이나 노란색 계열을 입으면 따뜻하게 보임.

- 채도와 명도가 낮은 색은 차가운 느낌을, 채도와 명도가 높은 색은 따뜻한 느낌을 주는 경우가 많음.

4. 색의 온도감

Page 10: 03 02 duotone

- 색의 중량감은 색의 느낌에서 오는 무게감으로서 각각의 색에 따라 무겁거나 가볍게 느껴지는 현상

을 의미함.

- 중량감은 색의 3속성 중에서 명도에 따라 죄우되므로 명도가 높은 밝은 색들은 모두 가볍게 보이게

되며, 명도가 낮은 저명도의 색은 무겁게 느끼게 됨.

5. 색의 중량감

- 경연감이란 우리가 색을 볼 때 시각적으로 딱딱하게 느껴지거나 부드럽게 느껴지는 효과를 의미함.

- 명도나 채도에 영향을 받게 되는데 명도가 높고 채도가 낮은 난색의 색들은 부드러운 느낌을 느끼

게 하며, 명도가 낮고 채도가 높은 한색들은 딱딱한 느낌을 줌.

6. 색의 경연감

Page 11: 03 02 duotone

추출된 color swatches에 등록하기

<I>를 클릭해 Eyedropper 툴로 색상을 추출해서 Swatches 대화창에 등록한다.

Swatches는 불러올 수도 있고 자신만의 목록을 저장할 수도 있다.

Page 12: 03 02 duotone

사진에서 color 추출(indexing)

1) Natural Concept의 칼라를 추출할 경우, 일상에서 찍은 자연 요소를 담은 사진을 열기

2) 포토샵에서 열어 메뉴 중 [Filter]-[Pixelate]-[Mosaic]를 적용하기 3) Cell size를 120으로 입력하기 4) <I>를 클릭해 Eyedropper 툴로 색상을 추출해 배색하기

이미지를 표현하는 배색 기법 및 아트워크 컨셉트별 색채 연구

Page 13: 03 02 duotone

color_coordinate 좋은 디자인은 색과 색의 어울림을 이용하여 배색의 효과만으로도 충분히

느낌을 전달할 수가 있다.

자동으로 서로 어울리는 컬러의 조합들을 랜덤하게 제공

http://swatchspot.com

Reload Palette 를 누를 때 마다 새로운 컬러조합들이 생성

맘에 드는 조합이 나왔을 때 Save Palette

Page 14: 03 02 duotone

Pallette site를 통해 color 조합에 대한 정보를 활용한다.

http://www.colourlovers.com/

color_coordinate

Page 15: 03 02 duotone

color swatches photoshop Download

Page 16: 03 02 duotone

open Lever: 선명도 Threshold effect 1.Gray mode> 2. Duotone mode

작업과정 1.

Page 17: 03 02 duotone
Page 18: 03 02 duotone

https://audiotheme.com/blog/how-to-use-gradient-maps-to-create-a-cool-duotone-effect-in-photoshop/

Page 19: 03 02 duotone

Due tone process 2. 듀오톤 적용

Threshold graymode

Page 20: 03 02 duotone

Duo(2 tone) color_coordinate

Page 21: 03 02 duotone
Page 22: 03 02 duotone

TWO-TONE FADE ACTIONS FOR PHOTOSHOP

https://www.dropbox.com/s/u1zqwlnlpg5zovk/Two_Tone_Fade_Actions_by_BakaArts.atn?dl=1

Page 24: 03 02 duotone
Page 25: 03 02 duotone

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

summer

Page 26: 03 02 duotone

jazz

Page 27: 03 02 duotone

hiphop