메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

안녕하십니까~ 강의에는 처음으로 얼굴 내미는 H.P.입니다....
자료는 대부분 아이디어코리아나 데타스터디에서 퍼오는 편이지만.....
이번 껀 어떤분이 데타스터디에서 문의하시길래 한시간? 만에 자작한 예제입니다.... 데타스터디에도 올려 놨는데... 거긴 실명제라 제 이름을 확인하실 수 있으실 겁니다...(가지마세요! 이름이 너무 부끄러워...)

-------------------------------------------------------------------------------------

몇 번이나 실패를 해 가면서 겨우 비슷한 이미지 만드는 법을 알아냈네요^^

먼저 새창 열고 작업 들어갑시다! 새레이어를 하나 만들고, 지도가 될 부분에 개미군단을 만들어 줍니다. 사각선택툴로 해도 되지만 좀더 자연스럽거나 귀퉁이가 찢어진 모양을 만들고 싶으면 라소툴로 선택하는 것도 좋은 방법입니다. 삐뚤삐뚤해도 괜찮아요. 오래되면 그렇게 되잖아요^^ 그다음 Ctrl+Shift+I로 선택영역을 반전시켜줍니다. 가장자리가 선택되어 있죠?
그다음 퀵마스크모드로 변환해서 Filter-> Pixelate-> Cristalize를 5정도 주고 다시 노말모드로 돌아갑니다. 그럼 가장자리가 자연스럽게 울퉁불퉁해지죠.
그리고 나서 지도 색을 넣어야죠? 지금 질문하신 님께서는 지도 이미지를 가지고 계시니까, 가장 밝은 부분의 색과 가장 어두운(테두리색은 제외합니다) 부분의 색을 각각 전경색과 배경색으로 지정해 준 뒤, 선택영역을 다시 반전하고(안쪽부분이 선택되도록) Filter-> Render-> Clouds를 원하는 지도 색이 나올 때까지 적용합니다.
어느 정도 자연스러운 색감이 난다면, 이번에는 닷지 툴로 지도의 좀 안쪽 부분을 밝게 해줍니다. 아까 필터를 이용해 만든 색이 너무 진하기 때문입니다.
적당히 밝게 되었다면 Filter-> Texture-> Texuturizer에서 Texture를 Canvas, Scaling을 62%, Relief를 4, Light Direction을 Top으로 지정해 줍니다. 캔버스 질감이 나죠? 하지만 지도라고 보기엔 너무 우둘투둘하군요. Smudge 툴의 압력을 10% 정도로 주고 살살 문질러 주면 그 부분이 좀 평평해집니다. 너무 강하게 하거나 많이 하면 텍스쳐가 살지 않으니까 아주 살~살 하세요....
지도부분이 다 되었으면, Ctrl+Shift+I를 눌러 다시 가장자리가 선택되게 합니다. (아까 작업이 굉장히 길었죠? 그래도 그 동안 개미군단을 해제하시면 절대로 안됩니다! 개미군단이 그대로 있다고 가정하고 설명하고 있습니다) 그리고 Select-> Modify-> Expend를 5정도 줍니다. 선택영역이 좀 안으로 들어갔죠? 그러면 Image-> Adjust-> Hue/Saturation에 들어가 Hue를 0, Saturation을 50, Lightness를 -70으로 주고 OK하세요. 가장자리가 불에 그을린 것처럼 되었죠?(이것은 활용예제에 나와 있던 것입니다^^)
그다음 백그라운드 레이어의 색을 R:46, G:28, B:10정도의 색으로 채워줍니다. 드디어! 지도모양이 완성되었습니다. 조금 어렵죠?

보너스로 지도가운데에 그려진 나무모양처럼 그림을 그릴 수 있는 방법도 알려드리죠.
아까 백그라운드 레이어의 색 있죠? 그색을 전경색으로 지정하고 새레이어를 만든다음 페인트브러시로 원하는 그림을 그립니다. Hard Round 3 pixels이라는 이름의 브러시가 가장 무난해요.
그런데 그림 색이 너무 짙죠? Blending Options에서 투명도를 조절하면 자연스러운 황토색의, 오래되 빛바랜 듯한 그림이 된답니다.

그럼 이만 설명을 마치겠습니다.

----------------------------------------------------------------------------------------------

데타스터디에 파일도 첨부했었는데 지금은 파일을 못올리겠군요....없어서...
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48028
2395 양갈래 머리 소녀 그리기 1탄 file 곰비 2006.08.21 1588
2394 바느질한 느낌의 로고디자인 file wwolf 2008.09.21 1779
2393 [photoshop_6.0 기초강좌-10]_홑 열 선택 툴 활용하기 file rosun 2005.08.06 1797
2392 [photoshop_6.0 기초강좌-11]_홑 행 선택 툴 활용하기 file rosun 2005.08.06 1820
2391 Crazytalk PRO 5 기본 얼굴 필터 윤선미320 2008.09.01 1825
2390 [photoshop_6.0 기초강좌-06]_정사각형 영역 및 전체영역 선택하기 file rosun 2005.08.06 1863
2389 Color Settings 의 RGB setup 창을 여시면... file 이용현 2002.07.17 1866
2388 [photoshop_6.0 기초강좌-08]_옵션 설정하여 선택하기 file rosun 2005.08.06 1888
2387 [photoshop_6.0 기초강좌-07]_원형 선택 영역 지정하기 및 선택영역 뒤집기 file rosun 2005.08.06 1897
2386 [photoshop_6.0 기초강좌-17]_페인팅 툴 활용하기(에어 브러시 툴) file rosun 2005.08.07 1927
2385 [도트] 편지 봉투 만들기 [7] file (_*_) 2002.02.25 1956
2384 [photoshop_6.0 기초강좌-12]_올가미 툴 활용하기 [1] file rosun 2005.08.06 2073
2383 (포토샵 처음 사용하시는 분들을 위한) 2. 이미지 불러오기 [5] 예인 2002.11.01 2095
2382 [photoshop_6.0 기초강좌-01]_구성과 기능들 [3] file rosun 2005.08.06 2134
2381 [photoshop_6.0 기초강좌-13]_다각형 올가미 툴 활용하기 file rosun 2005.08.06 2135
2380 glanda 2006 강좌,교재 zip파일[서버속도때문에 그렇습니다]. 에듀멘 2006.04.04 2142
2379 크리스탈 문자 [1] file wwolf 2008.09.21 2160
2378 LECTORA - 작품마법사를 활용한 레이아웃 구성하기[제5-1강] [1] 에듀멘 2006.03.14 2161
2377 [동영상] 제1강 flash 소개 및 화면구성 tool 설명 인테리어뱅크 2006.04.11 2169
2376 ▣[제2-1강]렉토라의 구조와 페이지 구성 에듀멘 2006.03.12 2183