본문 바로가기

쓰기

자, 이제 올리는 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
번호 제목 글쓴이 조회 수 추천 수 날짜 최근 수정일
공지 아랄트랜스로 게임하기 앞서 기본 셋팅 확인하기! [4] file TwoComet 40454   2012-08-30 2014-02-26 20:12
공지 아랄트랜스 - 초보자 가이드 [94] file Hide_D 319285   2008-07-16 2015-02-27 18:02
공지 모든 플러그인, 필터 안내 ('09.03.13) [20] Hide_D 191329   2008-10-31 2009-03-13 23:48
공지 아랄트랜스 0.2 - 초보자 가이드 [109] file 아랄 505787   2008-07-16 2013-12-31 09:32
176 에우슈리사 게임들에대한 간단한 팁(팁이라기도뭐한거지만...) [1] Ronya 6389   2010-10-21 2011-11-24 13:42
1. 유니코드 변경 후 플레이하세요... 에유슈리사 게임들은 어플과 그다지 안친합니다. 제 경험상 에우슈리 게임들은 어플돌리면 어느순간부터 에러메시지 계속뜹니다... (왼쪽이 무시고 오른쪽버튼이 종료하는거였나? 반대엿나?..;) 어플돌려도 괸찬은분도 계...  
175 코드파인드를 위한 기초 지식(2) [29] file G2m 18798   2010-02-01 2011-11-08 00:55
 
174 아랄 트랜스 번역률이 떨어져요. file 처음처럼만 18543   2008-12-14 2011-06-06 23:31
 
173 간단하게 적어두는 아랄트랜스 사용 방법! [1] Hide_D 8380   2011-02-19 2011-03-08 19:27
이미지로 된 것에 비해서 불친절하지만 약간 다른 내용도 있고 해서 쓸만할겁니다 ㅇㅇ 0-1. AppLocale 설치 0-2. ezTransXP 설치 0-3. 이지트랜스 딱 한번만 실행하고 '웹 프록시 기능'을 끄고 종료 1. 게임을 실행(주로 AppLocale로 실행함) 2. 아랄트랜스 ...  
172 꽃과 뱀 진행 도중 튕길 때 [4] 베트맨바이러스 7857   2009-02-02 2010-11-26 02:45
뒤 늦게 솔로의 필수품 아스트랄(?) 세계에 입문하여 첫 작품으로 꽃과 뱀이라는 것을 채택 실행하게 되었는데... 코드 찾으면서 댓글을 보니 몇페이지 안가서 오류 나고 진행이 안된다는 얘기가 있었는데 설마 나는 아니겠지..하고 실행해봤는데 왠걸.. 나도 ...  
171 아랄트랜스 0.2용 플러그인 DumpFile이 완성되었습니다. [8] Hide_D 12472   2009-12-11 2010-11-14 11:48
자세한 정보는 이곳 http://lab.aralgood.com/29827 현재 사용 용도는 AT코드 파인더분들을 위해 특화되어 있습니다. 자주 튕겨서 필터를 설정하기 까다로웠던 경우라면 추천합니다 ^^  
170 밑의 글의 보충 설명이랄까요 [2] 불협 8099   2010-06-24 2010-09-26 09:43
저도 프로그래밍은 조금 배웠지만, 디버깅에 대해선 아는게 없어서 밑의 글을 읽고 도움이 참 되었습니다. 다만, 프로그래밍 경험이 없는 분들의 입장에선 조금 이해하기 어렵단 생각이 드네요.ㅎ 특히 첫번째 강좌와 두번째 강좌의 레벨차이가 꽤 난다는 생각...  
169 KonJ 활용팁(쉘 메뉴 이용하기) [9] file 마요우 6844   2008-12-28 2010-09-07 22:30
 
168 그녀x그녀x그녀 아랄 후킹시 튕기는 문제 관련 팁... [5] 月狼 10569   2010-06-11 2010-06-11 21:28
간단한 팁...이라고 생각됩니다만 몇글자 적어봅니다 현재도 그녀x그녀x그녀(이하 년년년)를 아를로 훅해서 플레이 하시는분이 계실거라 생각합니다 근데 현재 년년년의 플러그인은 AT가 아닌 SCP입니다 아랄연구소의 Hide_D님 말씀에 의하면 메모리 누수라던...  
167 FrigateBird님의 AT코드 동영상 강좌! #01 [17] Hide_D 21078   2009-12-02 2020-12-09 21:02
FrigateBird님이 동영상에 손수 자막까지 붙여주신 AT코드 동영상 강좌입니다. 이번 강좌에 사용된 게임은 ミリオムといっしょ 입니다. 앞으로 좀더 많은 게임들의 강좌가 있길 기대해봅니다.  
166 세이나루 아티팩트 설명 [3] file Beriche 9634   2010-01-30 2010-05-13 04:25
 
165 아랄트랜스는 어디서 받나요? Hide_D 7712   2010-04-29 2010-04-29 16:42
폴라리스 커뮤니티에서는 아랄트랜스로 미소녀 게임을 이용하는 방법 (AT코드 등)을 다루고 있으며, 아랄트랜스 본체는 http://lab.aralgood.com/ 에서 받을 수 있습니다.  
164 AT Code를 선택하거나 ezTransXp 선택시 튕길 때 [2] file 처음처럼만 22064   2008-12-12 2010-04-29 16:40
 
163 전여신zero 우연히 알게된 팁..; [2] file 제니우스 11656   2010-01-15 2010-04-21 14:36
 
162 랴겜 설치시 안되는 게임 꼼수로 설치하기 .. [6] file 월희 8464   2009-01-12 2010-04-03 18:33
 
» 꿈의 장인의 이미지 강좌 [2] - 포토샵으로 배경 선 따기. [10] file 유메 8530   2009-01-12 2010-04-03 11:55
자, 이제 올리는 2편입니다. 사실 배경 선따기는 펜툴로 작업하는게 정상이지만, 세밀한 작업을 요구로 하기 때문에, 이번 강좌에서는 편법을 써서 쉽게 배경 선을 따는 법을 알려드리겠습니다. 하지만, 세상에 공짜는 없는 법. 움직 도르래를 써도 힘의 양은 ...  
160 꿈의 장인의 이미지 강좌 [1] - 크기 바꾸기 및 사진 자르기. [15] file 유메 5639   2009-01-11 2010-04-03 11:55
 
159 꿈의 장인의 이미지 강좌 [3] - 글씨 넣기. [13] file 유메 5931   2009-01-13 2010-04-03 11:53
 
158 φage엔진 코드 찾기 강좌. [10] file FrigateBird 12515   2010-01-30 2010-02-02 11:53