본문 바로가기

쓰기

자, 이제 올리는 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 40477   2012-08-30 2014-02-26 20:12
공지 아랄트랜스 - 초보자 가이드 [94] file Hide_D 319301   2008-07-16 2015-02-27 18:02
공지 모든 플러그인, 필터 안내 ('09.03.13) [20] Hide_D 191352   2008-10-31 2009-03-13 23:48
공지 아랄트랜스 0.2 - 초보자 가이드 [109] file 아랄 505813   2008-07-16 2013-12-31 09:32
157 FrigateBird님의 AT코드 동영상 강좌! #01 [17] Hide_D 21078   2009-12-02 2020-12-09 21:02
FrigateBird님이 동영상에 손수 자막까지 붙여주신 AT코드 동영상 강좌입니다. 이번 강좌에 사용된 게임은 ミリオムといっしょ 입니다. 앞으로 좀더 많은 게임들의 강좌가 있길 기대해봅니다.  
156 아랄 컨텍스트 메뉴 지우는 방법 [4] 평군 8149   2009-11-16 2009-12-03 19:14
윈 7 에서는 '처음처럼만'님이 배포한 아랄 컨텍스트 0.9 확장버전이 제대로 설치되지 않습니다. 오히려 이상한 목록이 생겨서 오른쪽메뉴가 더러워지죠... Hide_D님의 버전은 잘 돌아가는 것을 확인했습니다. 히데님의 버전은 제거파일도 있으니 참 쉽죠 =ㅂ...  
155 Xuse와 Eternal의 hr오류는... [4] 평군 7368   2009-11-16 2009-12-04 22:29
까놓고 말해서 유니코드에 의한 현상입니다. 세이나루카나의 경우는 단순히 국가 및 언어에서 [유니코드가 아닌] 지역설정과 표기설정만 일본으로 바꿔주시면 됩니다. [사용한 OS는 Windows Vista] 증상- 세이나루카나의 hr오류 증상은 전투화면의 배경이 검...  
154 피시의 엔진별 야메찾기 리스트 (11/117) - 120830 update [10] file TwoComet 6948   2012-08-08 2015-02-24 03:31
 
153 このままじゃ、姉とSEXしてしまう!? -あれ、弟よ、いま中で出さなかった? 설치 수월하게 하는방법이라고나 할까요... [2] 시명 10038   2009-11-08 2009-11-10 22:29
역시나 techArts사 작품이라서 설치 따로 할필요없이 복사만하면되는데요.. CD가 두장이라서 어떻게 되나 하고 한번 해봤는데..역시나 되더군요-_-;;; 1번CD에서 게임이 들어있는 폴더 복사해서 옮기고... 2번CD에서 역시 게임이 들어있는 폴더 보면 동영상폴...  
152 彼女×彼女×彼女(년년년 두근두근 AT코드관련 설정법) [6] 디플 9560   2009-11-06 2009-11-07 23:21
음..이게시글을쓰는 사람의 프로필을 쓰겠습니다.. 이런장르의 연얘시물레이션 게임을시작한지 3일이 됬네요 다른때에는 fps게임만하다가온거라 설명이부족할수도있습니다.. 설정은 이렇게해주세요 후크:scp플러그인은 http://polaris.aralgood.com/690189 여...  
151 진 연희무쌍 아랄트랜스 튕길시 대책 또다른 방법 [3] file 까나리 9053   2009-09-21 2009-10-26 17:21
 
150 시작메뉴 경로 오류로 인한 프로그램 설치 불가 해결 방법 [4] file TheMan 9369   2009-09-06 2009-11-28 03:55
 
149 SiglusEngine 복불복 막장드립 [5] file 두병더더 7885   2012-08-12 2015-08-11 16:01
 
148 강염의 솔레이유(鋼炎のソレイユ~CHAOS REGION~)인스톨문제 [1] file 네이 6710   2009-08-19 2009-11-01 04:29
 
147 꿈의 장인의 이미지 강좌 [3] - 글씨 넣기. [13] file 유메 5931   2009-01-13 2010-04-03 11:53
 
» 꿈의 장인의 이미지 강좌 [2] - 포토샵으로 배경 선 따기. [10] file 유메 8530   2009-01-12 2010-04-03 11:55
자, 이제 올리는 2편입니다. 사실 배경 선따기는 펜툴로 작업하는게 정상이지만, 세밀한 작업을 요구로 하기 때문에, 이번 강좌에서는 편법을 써서 쉽게 배경 선을 따는 법을 알려드리겠습니다. 하지만, 세상에 공짜는 없는 법. 움직 도르래를 써도 힘의 양은 ...  
145 꿈의 장인의 이미지 강좌 [1] - 크기 바꾸기 및 사진 자르기. [15] file 유메 5639   2009-01-11 2010-04-03 11:55
 
144 아랄트랜스 팅기시는분들 [5] file 이판사판 12837   2009-08-05 2009-11-14 12:48
 
143 진연희무쌍 검은화면되면서 팅기는님들.. [1] 소주마스터 6777   2009-08-05 2009-11-03 17:17
아주드문경운데요... 진연희초반에 좀하다가 검은화면되면서 장면넘어갈때 팅기는님들이 2~3명보았는데요 저도;; 그경운데.. 도저히 해결법을 못찾았고있었어요.. 아랄끄고 어플로 게임만 실행해봐도안되고;; 그런데 진연희 폴더디지다가;; 그냥 오프닝 실행해...  
142 히메가리 스포일러 al 팁 칼린츠4 14004   2009-08-02 2009-08-02 00:00
일단 이걸 설치했다는 전제하에 설명하자면.. 게임했다가 도중에 세이브 날려서 던젼 두번깨기 힘들때, 파라미터-전투중데이터-행동해제(고정에다가 유닛 스킬 수정해서 2회행동을 넣어줍시다.) 그러면 수치는 정확하지 않지만, 랜덤으로 2번 이상 움직일 수 ...  
141 アノニマス( rugp 엔진 ) 한윈 구동법 [5] file 듣보잡 11760   2009-07-30 2012-07-11 14:03
 
140 공주사냥 마이스터 안되시는분들 및 팁 및 설치 [3] 칼린츠4 10294   2009-07-26 2012-11-30 22:57
1. 이거 설치 하려고 했던 분들은 다 아시겠지만, 컴퓨터 사용자 명이 한글로 되어 있으면 설치가 안됩니다. 사용자 설정가서 영어로 바꿔도, 처음 윈도우 설치할 때 한글로 적어서, 포멧해서 영어로 다시 적지 않는 이상 안되는 걸로 알고 있습니다.. 2. 그렇...  
139 대악사(大惡司;DaiAkuji) 부하 팁 [5] file 4znPrid3 15058   2009-07-14 2009-08-12 11:37
 
138 인터넷 익스플로어7,8 최적화 셋팅 & 오류를 없애보자 [6] 암흑마제 11510   2009-05-19 2010-01-02 12:59
인터넷 익스플로어 8은 개인적으로 7 보다 나아졌다고 생각합니다. 좋은 기능도 많이 생겼구요 익스7보다 빠르다고 생각합니다. 하지만 익스7이 더 빠르다고 생각하시는 분들이 계시던데 아무래도 익스8을 최적화 하지 않으셔서 그런가 하는 생각이듭니다. 또,...