제 네임콘을 만든 과정. (GIF에 글자 넣기)

자유게시판

제 네임콘을 만든 과정. (GIF에 글자 넣기)

호랑이임

2009-10-31 오후 3:52:41 Hit. 4752

나름 오랫만에 글을 올리는 군요. 제 네임콘은 상당히 쉽게 만들었는데도 네임콘 만들기가 어렵다고 생각하시는 것 같아서 한 번 올려봅니다. 준비물: 가지고 있는 GIF와 이미지레디. 네임콘은, 무엇보다도 아이디어 빨(...)입니다. 아이디어를 잘 짜면 쉬우면서 있어보이는(!) 네임콘을 만들 수 있죠. <IMG height=50 alt="" src="/board/data/cheditor4/7001/cElAOY1ycvG14a5HoxggW3b8hj.gif" width=75 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> (용량관계상 크기가ㅜ_ㅜ) 일단 저게 게임 상에서의 원본입니다. (GBA 슈로대OG1이죠) 동영상을 찍은 후 사진을 빼와서 GIF를 만드는 건 이미 강좌가 있으므로 생략하고, (http://www.finalfantasia.com/board/board.php?bo_table=guest&stext=&page=1&wr_id=85967) 여기서는 글자를 넣는 것을 설명해보죠. 글자를 넣기전에 정말 필요한 부분만 가져와보겠습니다. <IMG height=70 alt="" src="/board/data/cheditor4/7001/HPGE3UqsGsIEdM9Y7aQDkzZnwa7U.gif" width=240 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 참고로 속도가 약간 빠른 것 같이 보이는데 가만히 있는 동작을 줄여서 그런 겁니다. <IMG style="WIDTH: 487px; HEIGHT: 324px" alt="" hspace=0 src="/board/data/cheditor4/7001/2SRzGAGmeOwFpAC21PadZiKLvqQnAwzj.jpg" align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 저렇게, 필요없는 프레임을 선택 후 쓰레기통을 눌러서 지우면 되는 거죠. ==================================================================================== 자 그럼 이제 진짜 시작입니다. (사진의 설명은 해당 사진 바로 위에 적겠습니다) 일단 앞 쪽에 '호랑이' 라는 글자를 넣겠습니다. 왼쪽의 도구상자에서 글씨 넣는 걸 선택합니다. (일부 사진은 누르면 크게 보입니다) <IMG height=400 alt="" hspace=0 src="/board/data/cheditor4/7001/7cByw13GjAT4avRTU8BX66.jpg" width=500 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 드래그 합시다. <IMG height=400 alt="" hspace=0 src="/board/data/cheditor4/7001/1sDAw7AeJOZsg.jpg" width=500 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그리고 글자를 씁니다. <IMG height=400 alt="" hspace=0 src="/board/data/cheditor4/7001/TNBwbyNWYqqFIeu4ScPUN.jpg" width=500 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그리고 크기 수정을 합니다. <IMG height=32 alt="" hspace=0 src="/board/data/cheditor4/7001/g8wIQENH8Q1XR1zPbCoibZr.jpg" width=1266 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> <IMG height=32 alt="" hspace=0 src="/board/data/cheditor4/7001/q5h9ULg7y8qy6nb.jpg" width=1266 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 일단 크기는 됐고, 이제 위치를 수정합시다. 써놓은 글자를 선택하려면, 글자 주변에서 클릭하면 됩니다. (사진 처럼 마우스포인터가 되었을 때 누릅시다) <IMG style="WIDTH: 530px; HEIGHT: 385px" alt="" hspace=0 src="/board/data/cheditor4/7001/W24wueemeHM8VAjKzDZz.jpg" align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 선택이 되었군요. <IMG height=400 alt="" hspace=0 src="/board/data/cheditor4/7001/pX8HqlL4ecm15XgWzyZyfEUnZGL8.jpg" width=500 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 아래에서 끌어서 남는 여백을 없애고 <IMG height=400 alt="" hspace=0 src="/board/data/cheditor4/7001/HSM5m2redNdeL1ZrTJ9Xe.jpg" width=500 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 위에서 드래그 해서 크기를 줄이면, 크기가 줄여지지 않고 이동이 됩니다. <IMG style="WIDTH: 536px; HEIGHT: 388px" alt="" hspace=0 src="/board/data/cheditor4/7001/9RDzitVDXKubg.jpg" align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 잘 되긴 되었는데, 아직 문제가 있습니다. <IMG height=400 alt="" hspace=0 src="/board/data/cheditor4/7001/sCOm9goFWtlsV.jpg" width=500 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 이 부분에는 '호랑이'가 들어가면 안 되거든요. (제 네임콘 보세요)<IMG height=140 alt="" src="/board/data/cheditor4/7001/etnc6RWgJZKMjOk93k.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그래서 안 나와야 하는 프레임을 모두 선택하고 (한 쪽 끝을 선택한 후, 다른 한 쪽 끝을 shift버튼과 누르면 됩니다) <IMG height=140 alt="" src="/board/data/cheditor4/7001/H5CmjxxfMRqCcbLi.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그리고 오른쪽 아래에 보면 이런 창이 있는데 위의 layers를 누른 후, 호랑이 부분의 눈을 클릭해서 없애주세요. <IMG height=323 alt="" src="/board/data/cheditor4/7001/wlEr9IVc7bKBubO3DRN2icyuh.jpg" width=214 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그럼 이렇게 사라지죠. <IMG height=140 alt="" src="/board/data/cheditor4/7001/tYS5264X6l2xvrqyESY.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 이제 질풍노도라는 글자를 넣어야 겠죠. 앞에서 했던 방법으로 만듭니다. <IMG height=400 alt="" hspace=0 src="/board/data/cheditor4/7001/Aq833hzC.jpg" width=500 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 마찬가지로, 필요없는 부분의 프레임을 선택해서 없애면 되긴 되는데 문제는 맨 앞의 프레임에서 없애면 모든 부분이 다 사라진다는 겁니다. (이거 때문에 좀 헤맸다는;;) 맨 앞의 프레임이 저처럼 포함되어 있다면 (맨 앞의 프레임에서 그 글씨가 보이지 않아야 한다면) 일단 여러개를 선택하기 전에 맨 앞의 프레임에서 좀 전처럼 눈을 눌러 안 보이게 하세요. <IMG height=140 alt="" src="/board/data/cheditor4/7001/GXVyKfP6SwVajgDO4IWJiIGIhRPX9wN.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그러면 전체에서 안 보입니다. 이제 나와야 할 부분을 선택하여 <IMG height=140 alt="" src="/board/data/cheditor4/7001/1QN2uoTSI5yTNNMn.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 눈이 있던 자리를 다시 눌러주면 이렇게 눈이 생기면서 <IMG height=323 alt="" hspace=0 src="/board/data/cheditor4/7001/iGuM8sURdGyOv.jpg" width=214 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 글자가 생기죠. <IMG height=140 alt="" src="/board/data/cheditor4/7001/Jo7mdOTgZ5hTdy7Bx9g2tUXbZxr.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 일단 대충 완성작입니다. <IMG height=70 alt="" src="/board/data/cheditor4/7001/fu87HXoFyjCaOZiYsA1xwqyqwh7Skwc.gif" width=240 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그런데 저렇게 겹쳐져 있는 부분이 있죠. 저건 일부러 저렇게 한 겁니다. '호랑이'글자는 왼쪽으로 '질풍노도'글자는 오른쪽으로 이동시키려구요. 겹쳐진 부분을 선택 합니다. 이제 글자를 옮기면 되는데, <IMG height=140 alt="" src="/board/data/cheditor4/7001/6OS72dCoLKNgCus7COY595kHE.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그건 여기서 저 툴을 선택해야 합니다. (이것도, 몰라서 한참 헤맸다는=ㅅ=;;) <IMG height=392 alt="" src="/board/data/cheditor4/7001/cv33HFgg6nyt8d14wA5iiriASs4dX.jpg" width=63 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그리고 밑에서 옮기려는 글자의 레이어를 눌러봅시다. 그러면 해당 글자가 선택되며 <IMG style="WIDTH: 530px; HEIGHT: 385px" alt="" hspace=0 src="/board/data/cheditor4/7001/q3ji3EiCmv4ut5iYSO4uvW.jpg" align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그 상태에서 글자를 눌러 드래그 하거나 키보드의 방향키를 눌러 위치를 바꿀 수 있습니다. <IMG style="WIDTH: 530px; HEIGHT: 385px" alt="" hspace=0 src="/board/data/cheditor4/7001/2lZt9eQMNm9o6X9G4uhPXFCLW7Uh.jpg" align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 다른 프레임도 마찬가지로. '호랑이' 글자를 옮길 때는 해당 글자의 레이어를 누른 후 옮기면 되죠. <IMG style="WIDTH: 531px; HEIGHT: 386px" alt="" hspace=0 src="/board/data/cheditor4/7001/845SGZnRVhRqEijW2JEPGK7tbTabjqte.jpg" align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 이제 거의 다 끝났습니다. 마지막에 검은화면으로 서서히 사라지게 하고 싶다구요? <IMG height=140 alt="" src="/board/data/cheditor4/7001/Kt8XtJNGPn.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 일단 검은화면 하나를 맨 뒤에 하나 두고 검은화면과, 사라지기 시작할 화면 사이의 프레임을 지우세요. <IMG height=140 alt="" src="/board/data/cheditor4/7001/graHBd7jmt.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> <IMG height=140 alt="" src="/board/data/cheditor4/7001/wNfoakX3M1P8n4qZ2fiEY4qPX.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그리고 검은화면 프레임을 선택 후, <IMG height=140 alt="" src="/board/data/cheditor4/7001/BeoEekg7fuiRkwKAOHteZSoTU1gZvtoo.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 질풍노도 글씨를 일단 없애야 겠죠. <IMG height=323 alt="" src="/board/data/cheditor4/7001/DokwNtA9ACgEDn.jpg" width=214 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그리고 검은화면 프레임을 선택 후, <IMG height=140 alt="" src="/board/data/cheditor4/7001/cDgtwVBOaoQHFEzbWuW9WD6KHG.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 마우스가 가리키는 '트윈'버튼을 눌러주세요. <IMG height=140 alt="" src="/board/data/cheditor4/7001/wCdTANkn3cpC66k3fw7TjTMpnh.jpg" width=926 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 맨 위에건 어느 프레임과 트윈 할 것인지를 선택하는 것이고, 그 밑의 숫자는 몇 프레임을 추가할 것인지 선택하는 겁니다. 4~5프레임정도 넣어주세요. <IMG height=293 alt="" src="/board/data/cheditor4/7001/PRHWfq9rdpSuhEE4GxoNAfq8BvZuJDO.jpg" width=326 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그리고 파일-'최적화저장'이었나? (영어로는 save optimized) 하여간 그걸 눌러서 저장하세요. 그리고 혹시 모르니 save(저장)버튼을 또 눌러서 따로 저장해두세요. 이렇게 해야 나중에 편집할 때 편합니다. 혹시 더 나은 생각이 들지도 모르잖아요. (따로 저장을 안 해두면, 레이어가 나누어져 있던 것이 다 합쳐져 버립니다. 만약 글자 하나가 오타가 나서 수정하려고 한다고 하면, 다시 만들어야 합니다=ㅁ=;; 따로 저장해두면, 글자 레이어 선택해서 글자툴 누르고 수정하면 되죠) 이제 완성입니다. <IMG height=70 alt="" src="/board/data/cheditor4/7001/jL5fnCYMQrvlDBMCz1jNHnkfiHJ.gif" width=240 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 근데 네임콘의 크기는 한정되어있습니다. 그림에 있는 대로 image-image size를 눌러서 <IMG style="WIDTH: 530px; HEIGHT: 385px" alt="" hspace=0 src="/board/data/cheditor4/7001/cZQvMdNs2M7.jpg" align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> width(가로)와 height(세로)에 원하는 크기를 입력하고 OK를 누르면 됩니다. (참고로 네임콘의 크기는 60×18픽셀로 제한이 되어있습니다. 크기가 맞지 않으면 적용이 안 됩니다) <IMG height=414 alt="" src="/board/data/cheditor4/7001/D1AoywNQJdvYJ.jpg" width=337 align=top border=0 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'> 그러면 정말로 끝입니다. 보시면 아시겠지만 제가 해맸다고 한 두 부분 말고는 쉬운 부분입니다. 감각이 있는 사람이라면 딱히 설명이 필요없죠. 여러분도 자기만의 네임콘을 만들어보세요. 네임콘은 아이디어와 노력의 결정체입니다.

Lv.11 / 준위 . 호랑이임 (pil119)

( 157 / 1000 ) 16%

포 인 트 : 6157 P
가 입 일 : 2005-11-06 오후 8:04:25
최종접속일 : 2011-11-11 오후 9:09:20

2		0

불량게시글신고

글쓰기 수정 삭제 목록

Cube


일반 드디어 일병으로 진급했습니다 ~ 31	약초약초	2009.10.31	990
일반 15년 넘게 같이 산 녀석이 많이 아픕니다... 24	바람처럼™	2009.10.31	1350
일반 즐라인, 2차 전직 즐네콘 지급 현황 22	즐사마	2009.10.31	1073
일반 후 ㅡㅡ 컴터 바꿔야하겠네요 ㅋㅋ 19	티가렉스	2009.10.31	1022
일반 수능 보시는 분 있으시려나.. 18	구구콘	2009.10.31	813
일반 비가 오는 주말 저녁... 하기 좋은 wii게임은? 19	블랙로증	2009.10.31	1038
일반 혼자 놀기의 달인~ 20	니꼬르	2009.10.31	1006
일반 못살릴것 같았던 외장하드...살려냈어요~!! 15	오켄마	2009.10.31	1088
일반 Paran 블로그... 장난치시는군요. 16	Cube	2009.10.31	1320
일반 사진 잘 찍는법 14	팬돌이삼촌	2009.10.31	1351
일반 김치부침개를 만들며... 20	rock930	2009.10.31	1005
일반 방 한구석의 위... 16	팬돌이삼촌	2009.10.31	938
일반 아오 도통 모르겠네요 12	리퍼드	2009.10.31	1219
일반 비가오는 주말.... 10	팬돌이삼촌	2009.10.31	880
일반 흐어어.. 삼촌 됐습니다 ㅎㅎㅎ 17	그녀를찾습니다	2009.10.31	1455
일반 신고합니다~!! 이등병 진급을 명 받았습니다.. 35	두두뱅	2009.10.31	1056
정보 제 네임콘을 만든 과정. (GIF에 글자 넣기) 12	호랑이임	2009.10.31	4753
일반 비가오는 오늘~~ 16	princeydg	2009.10.31	1017
일반 큐브님 이벤트 당첨됐어요~~ 22	BlackNith	2009.10.31	1080
일반 로보트태권브이 13	나지카	2009.10.31	1993