메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

제가 포토샵으로 색을 입히는 과정입니다.

혹시 더 간단하고 좋은 노하우가 있으면 알려주세요.

0000000016.jpg

제가 포토샵에서 채색하는 방법 하나를 설명해보려구 합니다.

여기서는 채색만 할 생각이므로 스케치는 연습장에 그린걸 스캔했습니다.

0000000015.jpg

스캔한 이미지에서 원하는 부분만 선택툴로 선택한 뒤

Ctrl+C(복사하기) 선택한 부분을 복사합니다.

Ctrl+N(새창열기) 선택한 부분을 새창으로 엽니다.

Ctrl+V(붙여넣기) 복사했던 선택부분을 새창에 붙여넣습니다.

0000000014.jpg

불필요한 선도 같이 스캔되었고 연습장 라인도 희미하게 보입니다.

Image(표현) - Adjustments(조정) - Threshold(경계) 순으로 선택한 뒤

Threshold 옵션 창에서 원하는 레벨을 찾아 선택해줍니다.

0000000013.jpg

이제 색을 칠해보도록 하죠.

바지부터 칠해보도록 하겠습니다.

원본 레이어(그림에서 Layer 1)에서 바지 부분을 Magic wand tool(매직봉)을 이용하여 선택합니다.

선택시 Shift를 누르고 있으면 작게 + 가 표시되는데 이때 Magic wand tool(매직봉)을

이용하여 선택하고자하는 부분을 클릭, 추가하시면 됩니다.

선택영역이 활성화되면 새로운 레이어(그림에서 Layer 2)를 추가시킵니다.

0000000012.jpg

자.. 이제 채색을 시작하겠습니다. 앗! 색깔 선택이 안되는군요. 칙칙한 흑색계열만..ㆁ

제목표시줄을 보니까 (Gray)라고 친절하게 써있군요.

Images - Mode - RGB Color 로 선택해줍니다. 참고로 CMYK는 인쇄용칼라입니다.

0000000011.jpg

모드를 바꾸니까 색이 제대로 나오는군요.

선택툴 안에서만 색이 칠해지므로 편하게 내둘러줍니다.

원본 레이어가 아닌 새로운 레이어에 채색을 하는 이유는..

개별적인 색상변환, 스타일적용이 가능하기 때문입니다.

0000000010.jpg

색상에 단계를 조금 넣어서 칠했습니다.

그라데이션을 적용해도 되긴하지만 전 그냥 4 단계로 나눠서 칠해봤습니다.

0000000009.jpg

청바지의 까칠한 면재질 느낌을 조금이나마 표현하기 위해서

그림처럼 Filter - Noise - Add Noise를 선택합니다.

Noise가 지직거리는 TV화면만 표현하라고 있는것은 아니지요..ㆀ

0000000008.jpg

막상 그려놓고 보니까 청바지가 너무 청색계열이라 좀 촌스럽군요.

블랙진으로 바꾸겠습니다. 그림과 같이 찾아가서 클릭해줍니다.

0000000007.jpg


바지의 밝기와 색상을 눈으로 직접 느껴보면서 맘에 드는 바지색상을 고릅니다.

제일 위에 보이는 그림은 변환전과 변환후의 색입니다.

이것저것 색상을 건들었는데 맘에 안들어 다시 시작하고 싶으시면

Original에 있는 그림을 클릭하시면 새로 색상을 선택하거나 밝기를 조절할수 있습니다.

0000000006.jpg

이제 가방을 선택해 보겠습니다.

그런데 가방에 잡다한 그림을 많이 넣어서 쉽게 선택하기 힘들겠군요.

전 Color Range를 이용해서 가방을 선택하겠습니다.

우선 Color Range를 실행시킨후 스포이드로 그림에서

선택해야할 부분이 흰색이므로 색이 없는 곳을 아무데나 골라 클릭합니다.

그러면 그림에 있는 흰색이 모두 선택됩니다.

모두 선택된 상태에서 올가미툴을 선택합니다.

Alt 키를 누르고 있으니 작게 - 가 표시 되는걸 볼 수 있습니다.

가방 영역을 제외한 부분을 다 잘라내 버립니다.

마스크로 선택하는 방법이 더 쉽지 않겠냐고 생각할 수도 있겠군요.

마스크를 사용하면 선도 같이 선택되어버려서 저는 이방법을 택했답니다.

더 좋은 방법이 있으면 리플 달아서 알려주세요. ^-^a

0000000005.jpg

가방이 선택되었으니 가방을 칠해보겠습니다.

가방에 가죽 비스무레한 느낌을 보여주기위해서 저는 브러쉬 모양을

그림과 같은걸로 골랐습니다.

0000000004.jpg

가방 채색이 끝났군요.

가방 역시 그림에 보이는 것처럼 레이어를 따로 만들어서 그렸습니다.

바지 그릴때도 말했듯이 나중에 색상을 바꾸거나 손질할때

이렇게해야 가방에만 적용시키기 편리하답니다.

혹시 Background에 실수로 채색을 했다면 Ctrl+C 채색부분을 선택 복사하고,

Background에서 삭제해줍니다. 그리고 새레이어에 Ctrl+V를 이용해 붙여넣으면 됩니다.

0000000003.jpg

이제 가방을 선택해 보도록 하지요.

매직봉 모양이 애매해서 작은부분을 선택할땐 확대해서 하시는게 편합니다.

그리고 Caps Lock를 누르면 그림과 같이 선택툴이 정밀모드 모양으로 바뀝니다.

작은곳이나 정교한곳 선택할때 유용하겠죠?

이제 잘못해서 외곽 검정선을 클릭하고 깜짝 놀라며 되돌리는 일이 별로 없겠죠. ^-^

0000000002.jpg

선택한 곳 역시 다른곳과 마찬가지로 칠해줍니다.

0000000001.jpg

점퍼도 얼굴도 방법은 같습니다.

색을 칠할때 비슷한 색을 여러번 겹쳐 칠하면 밀도가 놓아져

완성도 있어보이는 결과물을 얻을 수 있습니다.

0000000018.jpg

군데 군데 남아있는 공백부분을 칠해줍니다.

000000000000.jpg

악세사리 등을 추가로 그려 그림을 꾸미거나 다듬어 완성합니다.

PSD 파일을 올리려구 했는데 용량이 맞지 않아 올라가지 않는군요. ^-^ㆀ

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48027
2335 [쉬크] 투명한 물방울 효과 [13] 쉬크 2003.07.05 24171
2334 (재업강좌)XP스타일메뉴바 만들기. [22] file 미스디쟌 2002.06.19 24136
2333 [하이링고]세로로 회전하는 무비 [6] file 하이링고 2002.05.17 24068
2332 화선지에 먹물떨군 효과. [16] file 마루 2003.01.30 23923
2331 밀뜨의 요상한 플래쉬메뉴 만들기 1탄 !! [16] Millth 2004.02.18 23913
2330 [양배추강좌]얼음문자만들기 [10] file 양배추™ 2004.03.24 23898
2329 [하이링고]유리구체 만들기 [48] file 하이링고 2002.06.26 23816
2328 {피용v} 특수한효과 [14] file 피용v 2004.08.12 23758
2327 오래된 사진의 테두리 만들기 - 초보용입니다. [9] file 방정환 2004.07.28 23742
2326 브러쉬만 사용하여 간단하게 아쿠아버튼 만들기 [15] file lemin 2003.11.22 23730
2325 웹폰트를 깨끗하게 써봅시다, [28] file 라비 2003.03.18 23662
2324 독특하고 멋진 테두리를 만들어 보자!! [4] file 태풍주의보 2004.04.18 23633
2323 독특하고 멋진 테두리를 만들어 보자!! [4] file 태풍주의보 2004.04.18 23597
2322 많이 사용되는 메뉴에요. [9] file 여어자 2005.01.13 23541
» 포토샵으로 채색하기 [34] file 김태현 2003.12.02 23538
2320 [photoshop] 이쁜 버튼을 만들자.. [15] file 샤오란 2002.09.07 23453
2319 진짜 눌러질꺼 같은 버튼 만들기 [27] file 김문정 2003.07.10 23452
2318 [문자디자인②]Distort를 이용한 서 있는 글씨 만들기... [15] file Smileru 2004.05.14 23325
2317 포토샵 7.0 - 22. 포토샵으로 홈페이지 메뉴만들기 [13] 서기 2005.11.11 23311
2316 "빛" 이 스쳐지나가는 배너만들기(지존 노가다;;) [17] 우연 2004.12.19 23306