본문 바로가기

쓰기

자, 이제 올리는 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 319323   2008-07-16 2015-02-27 18:02
공지 모든 플러그인, 필터 안내 ('09.03.13) [20] Hide_D 191378   2008-10-31 2009-03-13 23:48
공지 아랄트랜스 0.2 - 초보자 가이드 [109] file 아랄 505846   2008-07-16 2013-12-31 09:32
77 시작메뉴 경로 오류로 인한 프로그램 설치 불가 해결 방법 [4] file TheMan 9382   2009-09-06 2009-11-28 03:55
 
76 코드파인드를 위한 기초 지식(3) [4] file G2m2000 9378   2011-07-13 2011-12-07 16:13
 
75 비스타에서 아랄트랜스로 후킹시 게임이 사라질때 [8] file my Vagina 9350   2008-10-06 2009-01-06 01:23
 
74 커스텀딕이라, 이름 사전 정도는 나도 만든다고! [6] file 키리아스 9317   2010-10-31 2012-11-09 00:40
 
73 진 연희무쌍 아랄트랜스 튕길시 대책 또다른 방법 [3] file 까나리 9053   2009-09-21 2009-10-26 17:21
 
72 아랄트랜스로 일본어 원문을 볼 수 없나요? file 처음처럼만 8741   2009-01-01 2009-01-01 14:40
 
71 息子の友達に犯されて(아들의 친구에게 범해져) 코드 적용하는 법 [2] file 암흑마제 8724   2009-01-15 2009-01-15 15:03
 
» 꿈의 장인의 이미지 강좌 [2] - 포토샵으로 배경 선 따기. [10] file 유메 8532   2009-01-12 2010-04-03 11:55
자, 이제 올리는 2편입니다. 사실 배경 선따기는 펜툴로 작업하는게 정상이지만, 세밀한 작업을 요구로 하기 때문에, 이번 강좌에서는 편법을 써서 쉽게 배경 선을 따는 법을 알려드리겠습니다. 하지만, 세상에 공짜는 없는 법. 움직 도르래를 써도 힘의 양은 ...  
69 랴겜 설치시 안되는 게임 꼼수로 설치하기 .. [6] file 월희 8474   2009-01-12 2010-04-03 18:33
 
68 어플로도 실행안되는 미연게임들 있잔아요... [16] file 대돌이 8442   2009-01-10 2009-07-15 12:56
 
67 간단하게 적어두는 아랄트랜스 사용 방법! [1] Hide_D 8383   2011-02-19 2011-03-08 19:27
이미지로 된 것에 비해서 불친절하지만 약간 다른 내용도 있고 해서 쓸만할겁니다 ㅇㅇ 0-1. AppLocale 설치 0-2. ezTransXP 설치 0-3. 이지트랜스 딱 한번만 실행하고 '웹 프록시 기능'을 끄고 종료 1. 게임을 실행(주로 AppLocale로 실행함) 2. 아랄트랜스 ...  
66 기리기리엔진에 대해 여러가지 [3] 고토회복 8358   2012-06-25 2015-12-06 04:09
1. 무료엔진이라는 겁니다 이걸 왜 이야기 하냐 하면 그러므로 버전별로 안전판 원본이 있어요 도대체 무슨 이야기야? 하는 분들 많을듯... 어느 회사가 기리기리로 게임을 제작합니다.. 버전별로 전부 툴이 있지요 ^^ 그개 다 공개고 자 여기에서 어느 회사가...  
65 아랄 컨텍스트 메뉴 지우는 방법 [4] 평군 8149   2009-11-16 2009-12-03 19:14
윈 7 에서는 '처음처럼만'님이 배포한 아랄 컨텍스트 0.9 확장버전이 제대로 설치되지 않습니다. 오히려 이상한 목록이 생겨서 오른쪽메뉴가 더러워지죠... Hide_D님의 버전은 잘 돌아가는 것을 확인했습니다. 히데님의 버전은 제거파일도 있으니 참 쉽죠 =ㅂ...  
64 밑의 글의 보충 설명이랄까요 [2] 불협 8099   2010-06-24 2010-09-26 09:43
저도 프로그래밍은 조금 배웠지만, 디버깅에 대해선 아는게 없어서 밑의 글을 읽고 도움이 참 되었습니다. 다만, 프로그래밍 경험이 없는 분들의 입장에선 조금 이해하기 어렵단 생각이 드네요.ㅎ 특히 첫번째 강좌와 두번째 강좌의 레벨차이가 꽤 난다는 생각...  
63 글씨가 누워져서 뜰 때 [1] file 처음처럼만 8003   2008-12-12 2009-11-03 15:02
 
62 코드를 찾아 여행하는 히치하이커를 위한 작은 팁 [1] 어린나무 7904   2013-01-22 2014-09-26 16:06
의지의 한국인어쩌면 이글은 올라가자마자 짤릴거 같지만 일단은 글을 써보도록 하겠습니다. 일단 불순한의도로 가입을 하였고 많은 능력자분들의 도움으로 게임을 즐겨왔습니다.(하드에 미연시나 야동, 기타 성인물이 없으신 분만 저를 욕하세요) 아무튼 그중...  
61 SiglusEngine 복불복 막장드립 [5] file 두병더더 7885   2012-08-12 2015-08-11 16:01
 
60 꽃과 뱀 진행 도중 튕길 때 [4] 베트맨바이러스 7857   2009-02-02 2010-11-26 02:45
뒤 늦게 솔로의 필수품 아스트랄(?) 세계에 입문하여 첫 작품으로 꽃과 뱀이라는 것을 채택 실행하게 되었는데... 코드 찾으면서 댓글을 보니 몇페이지 안가서 오류 나고 진행이 안된다는 얘기가 있었는데 설마 나는 아니겠지..하고 실행해봤는데 왠걸.. 나도 ...  
59 준한글화 게임 플레이시 번역 이상하게 나오시는 분들 [2] 난오타쿠가아니야 7805   2008-11-24 2008-11-25 17:57
칭송받는자를 클리어하고 레콘키스타를 플레이중인데 이상하게 아랄이 커스텀 스크립트를 전부 불러들이지 않고 부분부분 아랄이 직접 번역해 문장이 요상꼴랑하게 출력되더군요-_-;; 역시나 질답게시판에서 검색해보았으나 저와 같은 증상을 겪으신 분들 모두...  
58 기리기리 데이터 추출 [1] file 두병더더 7756   2012-12-06 2012-12-13 11:50