본문 바로가기

쓰기

자, 이제 올리는 2편입니다.

사실 배경 선따기는 펜툴로 작업하는게 정상이지만,

세밀한 작업을 요구로 하기 때문에, 이번 강좌에서는 편법을 써서 쉽게 배경 선을 따는 법을 알려드리겠습니다.

하지만, 세상에 공짜는 없는 법. 움직 도르래를 써도 힘의 양은 줄어들지만, 그만큼 줄의 길이는 길어지는 법이지요.

확실이 이 방법이 쉽긴 쉽지만, 그만큼 더 작업할 양이 많습니다.

바짝 붙어서 따라오시길!!!

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

꿈의 장인의 이미지 강좌 [2] - 네임텍 배경 선 따기.

저번에도 말했지만 제가 쓰고 있는 포토샵의 버전은 8.0kr 입니다. 다른 버전을 쓰고 계신 분들은

대충 비슷한 기능을 사용해서 따라와주세요.



에, 이번에는 저번 시간에 잘라두었던 네임택 사진을 가지고 만들어 보겠습니다.

o0.jpg 요걸 가지고 말이지요. (90x20 사이즈)

물론, 가지고 있는 건 사람마다 틀립니다.

자, 그럼 이 사진을 가지고 배경 선을 따보겠습니다.

자, 일단 그러면 1.jpg 부터 키는겁니다.



키고, 자기가 작업할 파일을 열면 이렇게 창이 열립니다.

9.JPG

자 이제, 여기서부터 시작된겁니다. 포샵 작업이.

일단, 이쪽을 주목해주세요.

우리가 주로 볼 것들은

왼쪽에 있는 Tools / 오른쪽 상단에 있는 Navigator / 오른쪽 하단에 있는 Layers

이정도 입니다.

원래는 전체적으로 있는 것들을 골고루 써야하지만, 위에 언급했듯이 이건 편법입니다.

지름길이라고 보시면 되죠. 더군다나 펜툴로 하면 선이 부드러워 지기 때문에 1px당 색이 옆어지기 마련입니다.

그런 효과를 없에주기 위해서 사용하는 편법이라고 보시면 됩니다.



자, 그럼 이제 저것들을 이용해서 작업을 해보겠습니다.

일단, 11.jpg 이 네비게이터 툴을 주목하세요.

아래 바를 보시면 중간 100%로 맞춰져 있을 겁니다.

이걸 왼쪽으로 당기면 사진이 축소, 오른쪽으로 당기면 사진이 확대됩니다.

우리는 작업을 편하게 하기 위해 바를 당겨서 (또는 옆에있는 큰 산모양 버튼을 눌러줍니다)

확대도를 600%까지 끌어올려줍니다.

그럼, 사진이 이렇게 됩니다.



13.jpg

이런직으로 확대가 되어 보입니다.

자, 이제 이상태로 작업을 할 겁니다.

일단 이번엔 이 툴을 봐주세요.

10.JPG

정말로 이름이 Tools 입니다.

이번 강좌에는 왼쪽 맨 위에 있는 '윤곽 도구' 란 툴을 많이 쓸 겁니다.

그 다음으론, 아래 있는 흰색 네모박스랑 검은색 네모박스가 보이죠? 이것을 이용을 할 것입니다.

그리고, 중간에 오른쪽 4번째 버튼으로 보이는 연필 툴을 사용할 것입니다.
(※ 마우스 오른쪽 누르셔서 브러쉬 툴로 바꾸지 마세요. 꼭 연필 툴로 써야합니다.)

네모박스 사이에 화살표가 보이죠? 그걸로 대표색을 바꿀 수 있습니다.

뭐, 머리가 좋다면 이 말의 의미를 아실 수 있을거라 생각합니다.

---

다른 것들은 다음 강좌에서 약간 설명을 할 것이기 때문에, 일단 넘어가도록 하지요.

이번에는 거의 윤곽 도구밖에 쓰지 않을 겁니다.

저기 왼쪽 맨 위에 있는 윤곽 도구를 클릭합니다. (그 외에도 마우스 오른쪽 선택하면 네모 말고도 동그라미 , 사용자 지정등 여러가지 모습으로 바꿀 수 있습니다.)

자, 그럼 다시 사진으로 돌아가볼까요?



14.JPG

이제, 이것을 윤곽도구로 작업을 해볼 것입니다.

일단 여기선 글로만 설명을 할 것입니다. (정말 모르겠다고 생각되는 부분에서만 사진을 첨부합니다.)

글이 말하는 의미를 잘 보고서 따라오세요.



1. Tools에서 윤곽 도구(네모형) 으로 선택한다.

2. 위에 사진처럼 흰색과 검정색을 기준점으로 잡아둡니다. (흰색이 바깥으로, 검은색이 뒤로 설정하세요)

※ 오른쪽 2번째 보시면 색상이라고 있죠? 요기서 설정하시면 됩니다.

Tip : 흰색 : R : 255 / G : 255 / B : 255
     검은색 : R : 0     / G : 0     / B : 0

3. 맨 아래 1px을 윤곽 도구로 설정합니다. (사진 설명)

15.jpg

현재 여기선 검은색으로 칠했지만 제가 말하고 싶은건 저 부분을 윤곽도구로 설정하라는 소리입니다.

진짜 저렇게 검은색으로 칠하지 말구요. 이해하셨죠?

4. 윤곽 도구로 설정하셨으면...

마우스 오른쪽 - 선에 들어가셔서, 폭 1px / 색상 - 흰색 /. 설정 영역 - 가운데로 설정합니다

물론 다른건 건들지 마시고 그상태로 확인을 합니다.

그럼 위에 사진에 보이던 저 검은색 부분이 흰색으로 변합니다.

여기서 주의드리지만 윤곽 도구 설정 아직 푸시지 마세요.



잠깐 여기서, 왜 맨 아래 1줄은 흰색으로 바꾸느냐... 는 의문점은

각각 인터넷 환경에 따라 네임택이 맨 아래 1px 정도 깨져서 출력되는 컴퓨터가 있더군요

대표적으로 제 컴퓨터입니다 하하하. -_-;;

저 같은 사람들을 위해서 맨 아래 한줄을 흰색으로 바꿔주는 센스를...

[지우개로 지워서 흰색도 없는 무색(완전 투명)으로 만들면 되지 않냐는 사람도 있을 것 같은데요,

그런 사람에게 미리 말씀을 해두자면 JPG 파일에는 무색이 나올 수 없습니다.

나온다고 해도 GIF 정도지만, GIF는 JPG처럼 20만가지 이상의 색상을 지원 안하죠. 그런 이유로

아랄 사이트 같이 배경색이 완전 흰색이 아닌데서 이미지를 사용하면 맨 아래 1PX은 흰색으로 나오겠죠?

이 점을 유의해주시길 바랍니다.]



5. 마우스 오른쪽 - 반전 선택을 해줍니다.

그리고 마찬가지로, 

마우스 오른쪽 - 선에 들어가셔서, 폭 1px / 색상 - 검은색 /. 설정 영역 - 가운데로 설정합니다

(유르님처럼 굵은 선으로 쓰고 싶으시면 폭 2~3px / 색상 - 검은색 / 설정 영역 - 안쪽으로 설정하세요)

그리고, Ctrl + D를 눌러주셔서 선택 영역을 해제합니다.

그러면 이러한 선이 따집니다.

16.jpg

뭔가 아직 부족하죠? (바깥에 보이는 회색은 그림과 아무 상관 없습니다. 포토샵 자체가 저런 색깔이에요.)

네, 이제 옆부분을 파보일겁니다.

이 부분을 말이죠.

17.jpg

양쪽에 보시면 빨간색과 초록색 보이시죠?

펜툴로 처리해도 되지만, 그럴 경우엔 주변 색도 같이 영향을 받고, 무엇보다 마우스로 작업하면

선택영역이 어긋나는 경우가 자주 생기기 때문에, 깔끔하게 연필 툴로 직접 그려볼 것입니다.



※ 일단, 빨간색으로 그려진 부분은 실제로 그릴 땐 '흰색'입니다. (RGB : 255)

               초록색으로 그려진 부분은 실제로 그릴 땐 '검은색'입니다. (RGB : 0)



6. Tools에서 연필 툴 (크기 : 1px)로 맞추고 빨간 - 흰 / 초록 - 검 순으로 저 부분을 그립니다.

그리고 나면 이렇게 되어 있을 것입니다.

18.jpg

네. 최종적으론 이렇게 되지요.

제가 설명할 때는 선의 색깔을 '검은색'으로 했지만

실제로 여러분들이 무슨 색깔로 선을 따던 그건 뭐 자유입니다.

쓰고 싶은 선을 쓰시면 됩니다.

다만, 제가 흰색으로 칠한 부분들은 흰색이 아니면 안됩니다. 이점 유의하시길.



사실 이 방법은 완전한 방법이 아닙니다 -0-;;

포토샵에 무궁무진한 기능들이 얼마나 많은데 왜 궂이 이런 편법을 쓰겠습니까...

그 이유는 포토샵이 어렵기 때문이지요. 그렇기에 이런 편법을 쓰는겁니다.

실제로 저도 많이 써본 기능이 없습니다. 즉, 초짜라 이말이지요.

초짜가 전문기술을 가르치려 해봤자, 잘 가르칠리도 없겠지요.

그렇기에 이렇게 편법으로 가르쳐 드리는겁니다.

사실, 네임텍 만드는데는 이정도의 기술만 있어도 충분히 만들 수 있습니다.

펜툴이라던가 좀더 전문적인 방법은 인터넷에서 좀더 전문적인 강의를 보고 배우시면 됩니다.



자, 그럼 이번 2강에서 나온 작업물을 볼까요?

o1.jpg

일단, 여기까지 봐주신 분들께는 감사드립니다 ㅠ-ㅠ

이런 허접한 강좌를 봐주시다니... 그저 감동일 따름이에요.

그럼 다음엔 3강입니다~



 P.s - 3강은 이제 글자를 넣는 법과 글자에 효과를 주는 법을 써보겠습니다.

유르_리샤

2009.01.12
21:27:10
굳이내요;;; 중간세이브까지=ㅁ=;;

유메님 화팅

밥쨩

2009.01.12
21:59:01
화이팅! 인겁니다!

포토샾을 지워서 그런겁니다.. 응원밖에할수업슷ㅂ니다...

두뇌노동

2009.01.12
21:59:32
굳!!!!! 화이팅!!! ㅎㅎㅎ 나도!!!

찬바

2009.01.12
22:06:05
수고하십니다~
힘내셔서 3강도 gogo~

유메

2009.01.12
22:19:54
덧글 하나 하나가 강좌 3편을 쓰는데에 의욕을 줍니다 ㅠ-ㅜ.

우루룽

2009.01.12
23:00:06
수고하시네요~열강~

레이첼

2009.01.13
00:20:02
좋은거 잘 배워갑니다^^

힘내세요~!!!

쿈코

2009.01.13
09:54:18
그러면 100관.jpg

100관 관람료로 넣고 가요' ㅂ')乃

수고하셨습니다 :)

프리냥

2009.08.16
00:21:39
중간 세이브 ㅅㅅ

평군

2009.08.16
23:02:16
잘 봤습니다 =ㅂ=
List of Articles
번호 제목 글쓴이 조회 수 추천 수 날짜sort 최근 수정일
공지 아랄트랜스로 게임하기 앞서 기본 셋팅 확인하기! [4] file TwoComet 40495   2012-08-30 2014-02-26 20:12
공지 아랄트랜스 - 초보자 가이드 [94] file Hide_D 319320   2008-07-16 2015-02-27 18:02
공지 모든 플러그인, 필터 안내 ('09.03.13) [20] Hide_D 191377   2008-10-31 2009-03-13 23:48
공지 아랄트랜스 0.2 - 초보자 가이드 [109] file 아랄 505845   2008-07-16 2013-12-31 09:32
177 소레치루 완전판 설치 안되시는분들 [4] file 無chaos 25036   2008-11-01 2008-11-25 23:41
 
176 소레치루 완전판 설치 안되시는분들 [4] file 無chaos 7532   2008-11-01 2008-11-25 23:41
 
175 [해결방안]노을빛으로 물드는 언덕 팅김 현상 해결 방안.[수정] [9] file 아스트라알 39582   2008-11-07 2012-02-22 13:26
 
174 [해결방안]노을빛으로 물드는 언덕 팅김 현상 해결 방안.[수정] [7] file 아스트라알 6726   2008-11-07 2008-12-03 05:34
 
173 아랄 적용후 게임 대사가 전혀 백지로 출력이 않돼시는분. [3] 난오타쿠가아니야 25257   2008-11-15 2009-01-06 01:10
오늘 막 칭송받는자 준한글화가 나왔다길래 즐거운 마음으로 게시되 내용대로 잘 설치하고 아랄 먹였습니다만 대사 자체가 출력이 않돼더군요^^; 뭐 8월24일자로 해봐서 된다던데 이것도 안되구요.. 그래서 혹시나 하는 마음에 어플로케일로 게임을 구동시키...  
172 아랄 적용후 게임 대사가 전혀 백지로 출력이 않돼시는분. [3] 난오타쿠가아니야 6448   2008-11-15 2009-01-06 01:10
오늘 막 칭송받는자 준한글화가 나왔다길래 즐거운 마음으로 게시되 내용대로 잘 설치하고 아랄 먹였습니다만 대사 자체가 출력이 않돼더군요^^; 뭐 8월24일자로 해봐서 된다던데 이것도 안되구요.. 그래서 혹시나 하는 마음에 어플로케일로 게임을 구동시키...  
171 준한글화 게임 플레이시 번역 이상하게 나오시는 분들 [2] 난오타쿠가아니야 24572   2008-11-24 2008-11-25 17:57
칭송받는자를 클리어하고 레콘키스타를 플레이중인데 이상하게 아랄이 커스텀 스크립트를 전부 불러들이지 않고 부분부분 아랄이 직접 번역해 문장이 요상꼴랑하게 출력되더군요-_-;; 역시나 질답게시판에서 검색해보았으나 저와 같은 증상을 겪으신 분들 모두...  
170 준한글화 게임 플레이시 번역 이상하게 나오시는 분들 [2] 난오타쿠가아니야 7805   2008-11-24 2008-11-25 17:57
칭송받는자를 클리어하고 레콘키스타를 플레이중인데 이상하게 아랄이 커스텀 스크립트를 전부 불러들이지 않고 부분부분 아랄이 직접 번역해 문장이 요상꼴랑하게 출력되더군요-_-;; 역시나 질답게시판에서 검색해보았으나 저와 같은 증상을 겪으신 분들 모두...  
169 아이돌 레볼루션 설치 안되는 분 참고하세요 [3] 엘리어트 24005   2008-11-29 2008-12-02 10:34
아이돌 레볼루션을 해보려는 데 설치가 잘 안되더군요. 어플로케일로 인스톨을 하려하면 오류가 뜨고 설치를 못하더라고요. 그냥 설치하려하니 일어 폴더가 아니라 깨진 폴더명으로 설치하는 데, 막판에 가면 실행파일을 복사하지 못하고 멈춥니다. 여기서 설...  
168 아이돌 레볼루션 설치 안되는 분 참고하세요 [3] 엘리어트 5825   2008-11-29 2008-12-02 10:34
아이돌 레볼루션을 해보려는 데 설치가 잘 안되더군요. 어플로케일로 인스톨을 하려하면 오류가 뜨고 설치를 못하더라고요. 그냥 설치하려하니 일어 폴더가 아니라 깨진 폴더명으로 설치하는 데, 막판에 가면 실행파일을 복사하지 못하고 멈춥니다. 여기서 설...  
167 [팁] 압축파일 별 유니코드 지원 [5] Hide_D 24875   2008-12-05 2008-12-21 08:12
일본어로 된 압축파일을 푸는 프로그램이 올라온 김에, 압축파일 마다 유니코드를 지원하는 정도를 설명해 보겠습니다. 흔히 볼수 있는 것만 모아서 정리해봤습니다. - 압축 타입 별 - ZIP, LHZ, ALZ 기본적으로 파일 구조에 유니코드를 사용하지 않습니다. 한...  
166 [팁] 압축파일 별 유니코드 지원 [5] Hide_D 7731   2008-12-05 2008-12-21 08:12
일본어로 된 압축파일을 푸는 프로그램이 올라온 김에, 압축파일 마다 유니코드를 지원하는 정도를 설명해 보겠습니다. 흔히 볼수 있는 것만 모아서 정리해봤습니다. - 압축 타입 별 - ZIP, LHZ, ALZ 기본적으로 파일 구조에 유니코드를 사용하지 않습니다. 한...  
165 [팁] 이름 변경 가능한 리얼라이브 게임에서 이름을 바꿔보자! [7] file whoami 24409   2008-12-08 2008-12-21 08:11
 
164 리얼라이브엔진 코드 찾기 Step by Step Manual [8] file 마이아크 25728   2008-12-09 2009-01-19 20:24
 
163 멀티 플러그인에 관해서 [3] file 처음처럼만 10144   2008-12-11 2008-12-12 10:59
 
162 AT Code를 선택하거나 ezTransXp 선택시 튕길 때 [2] file 처음처럼만 22064   2008-12-12 2010-04-29 16:40
 
161 글씨가 누워져서 뜰 때 [1] file 처음처럼만 8003   2008-12-12 2009-11-03 15:02
 
160 이지 트랜스 경로를 찾을 때 [1] file 처음처럼만 16214   2008-12-12 2009-04-16 00:51
 
159 초심자 분들을 위한 겟츄 주소를 알아내는 방법!! file 처음처럼만 10704   2008-12-13 2008-12-13 23:37
 
158 조카소녀 스킵 모르시는 분들... [7] file Elysion 25717   2008-12-13 2009-01-28 16:42