메뉴 건너뛰기

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 48031
775 패턴으로 이미지 불리 시키기 [11] file 낭낭앤 2002.12.05 6672
774 [완전 초보] 초보자 이번엔 건물 그리자~ [11] file [포터]아렌티 2003.01.30 6669
773 마스크에 대하여.. enjoy the GIMP! 2002.09.29 6668
772 펜툴을 이용한 도트 그리기?? [11] file 루비 2003.02.04 6665
771 PNG 파일의 포맷에 대하여 알려드릴께요. [21] ZipShin 2002.11.27 6661
770 그림판으로 포토샵처럼 브러시를 끼워넣자 [#그림판강좌] [7] file Probe 2003.01.30 6660
769 ♣ 간단한 이미지닉 제작하기 (동영상강좌) [13] Ti-on.com 2005.09.08 6657
768 [ All User? ] #01개인홈피편. 웹디자인을 좀더 멋지게하려면 - 1부 - [7] Nersion 2003.01.13 6657
767 [키르강좌] 포토샵으로 화장시키기 -크리스티나 아길레나- [8] 키르(SP) 2002.04.03 6657
766 [MN] 이미지, 스케치화 시키기 [7] mewnew 2002.09.08 6656
765 글씨 요리조리 비틀기 [6] file 김혜원 2003.02.05 6648
764 햇살가득한 숲(밥로스) [8] file scaci 2008.03.27 6643
763 특정부분만 컬러로 만들어 강조시키기 [17] 양현일 2002.06.30 6641
762 fake 3d [9] file 리키; 2002.06.14 6633
761 [뽀록스페셜2] 오돌도돌 이미지-ㅅ- [5] file 2002.02.27 6632
760 크레이지토크 사용법강좌[한글버젼] 1강 parkys 2008.11.02 6621
759 [허접시리즈] 역동적이고 환상적인 번개를 만들자 -_-;; [6] Xrezae 2002.11.06 6618
758 스켄라인 긋기 [3] file 후니 2002.03.01 6614
757 - 의문의 소년 - 얼음 텍스쳐 만들기 :) [11] file 의문의소년 2003.02.17 6613
756 (응용)문자레이어로 성(城-_-::) 만들기 [17] file 무어 2003.01.10 6607