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

자유게시판

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

호랑이임

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

나름 오랫만에 글을 올리는 군요. 제 네임콘은 상당히 쉽게 만들었는데도 네임콘 만들기가 어렵다고 생각하시는 것 같아서 한 번 올려봅니다. 준비물: 가지고 있는 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


정보 이번 모던워페어2 wii는 아니다...ㅜㅜ 9	alslrk	2009.11.04	1251
정보 채팅방 로긴하는 방법 15	고유메	2009.11.03	1202
정보 즐라인, 그 두번째 미션 "포인트 순위 탈환!" 24	즐사마	2009.11.02	1595
정보 완성했어요 종이로 에바 초호기 58	prolix	2009.11.02	4566
정보 파이널판타지아 진급 축하 코멘트의 역사 25	즐사마	2009.11.01	5991
정보 스팀에서 팀포트리스2 세일중입니다. 11	eternalb	2009.11.01	1415
정보 Flash 오류(익스플로러 창닫힘)관련 유익한 정보입니다.(익… 18	Cube	2009.10.31	3100
정보 제 네임콘을 만든 과정. (GIF에 글자 넣기) 12	호랑이임	2009.10.31	4686
정보 오늘 로또 1등 대박 꿈을 꾸었습니다. 30	즐사마	2009.10.31	2946
정보 주의!~ [폭발 위험] 체크~! 27	rorong	2009.10.30	1674
정보 방명록/출첵 안되시는분~만 보세요~~ 6	오기군	2009.10.30	1174
정보 신종플루와 일반 감기 구별법! 23	오켄마	2009.10.29	1841
정보 블로거 "라스트판타지" 님께서 새로운 자작 아케이드 케이넷… 6	탱글탱글	2009.10.29	1476
정보 MLB 월드시리즈 필라델피아 대 뉴욕양키스 동영상 중계 9	게임월드	2009.10.29	1731
정보 아이폰에서 파판접속 해결 8	현돌이	2009.10.29	1017
정보 애플에서 방통위에 위치정보 사업자 신청했다고 합니다. 6	탱글탱글	2009.10.28	866
정보 엑박 IX1.61 테스트중이랍니다 12	초대마왕	2009.10.28	1555
정보 드뎌 위가왔어요 ㅎㅎㅎ 20	cmsabc	2009.10.27	1169
정보 지름의 끝은 어디 쯤인가.. 18	탱글탱글	2009.10.27	1525
정보 wii 강추 게임 30	경호99	2009.10.26	2034