움직이는 네임아이콘을 만들어보자!!

게임강좌

움직이는 네임아이콘을 만들어보자!!

2011-02-19 오후 1:01:39 Hit. 1263

<BLOCKQUOTE style="BORDER-BOTTOM: #d3bceb 1px solid; BORDER-LEFT: #d3bceb 1px solid; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #e6ccff; MARGIN: 5px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BORDER-TOP: #d3bceb 1px solid; BORDER-RIGHT: #d3bceb 1px solid; PADDING-TOP: 2px">  
안녕 하세요 PS&PSP 입니다.
 
아래 지티오님 글에 물어보시길래 강좌를 하나 만들어봤습니다.
우선 네임 아이콘은 중사 이상가능하니 난 안된다고 하시면 곤란합니다. ㅠㅠ
 
닉네임 아이콘은 왼쪽상단 정보변경을 클릭하셔서 네임아이콘에 넣으시면 
되는데요 이미지는 gif를 지원합니다. 그렇기에 움직이는 이미지가 가능하단 거죠
 
구글에 서이쁜이미지를 찾거나 포토샵으로 만들어도 되지만
개성이 필요한 네임아이콘인 만큼 움직이면서 자기만의 아이콘을 만든 것도 좋습니다.
 </BLOCKQUOTE>
 
 
<IMG border=0 alt="" src="/board/cheditor4/attach/nqYcfIRxlIVi17BLgYy5bwmEiJwgakyC.gif" width=60 height=18 onclick=image_window2(this) name=target_resize_image[] style='cursor:pointer'>
  자 네임아이콘 만들어봅시다 !!
  
작업환경은 포토샵 CS2 에서 했으니 조금씩 메뉴가 다를수 있으니 주의하세요
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/TzL8G1ajgcS5cVnoAQ2C3mmAclz1.jpg" width=459 height=255 tmp_height="255" tmp_width="459">
 
우선 포토샵을 엽니다. 
그런다음 그림에 보이는대로 파일에 NEW 를 클릭해주세요
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/38wn7Bxy69VcuWRAAwDINUGc.jpg" width=544 height=371 tmp_height="371" tmp_width="544">
 
그럼 위와같은 창이 생기는데 파이널판타지아 사이트의 닉네임은 60X18 사이즈여야 합니다.
그림과 같이 60과 18을 입력한 후 백그라운드는 투명으로 해줍니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/V6YLNIRW.jpg" width=650 height=503 tmp_height="503" tmp_width="702">
 
그러면 세로로 긴 창이뜹니다. 그러면 왼쪽에 보이는데로 텍스트를 클릭해 글자를 쓰면됩니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/E2Eo7o6myQf2zLjgk5Q.jpg" width=627 height=324 tmp_height="324" tmp_width="627">
 
여기서 주의할점은 움직이는 이미지는 다른 레이어를 취해야 하기때문에
위와같이 한글자만 써줍니다. 움직일 이미지대로 레이어를 따로 만들어 줘야합니다. 
예로 GTO 라고 해보겠습니다. 
G를 먼저 작성하고
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/GJpNw6rWFXOzJa42H.jpg" width=553 height=279 tmp_height="279" tmp_width="553">
 
또다시 아까 T를 클릭해 새로운 창을 만들어 T를 쓰고 반복해서 O까지 작성합니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/ZdwqSMVgYUP5tI3fmMgk.jpg" width=650 height=280 tmp_height="280" tmp_width="659">
 
그런다음 위에 보이는 대로 원하는 글자체와 크기,굵기 등을 설정해줍니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/SAOd6c4YpoUgTZ4iouvLgVtkIGq.jpg" width=650 height=435 tmp_height="435" tmp_width="870">
 
좌측 십자모양과 우측의 레이어를 클릭해가며 글자이미지의 위치를 조정합니다. 
 
다음은 글자에 효과를 줘봅시다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/gQ5cRxmKCbah2Ws5bAGc6GiXUhrF4d7.jpg" width=650 height=489 tmp_height="489" tmp_width="877">
 
우측의 레이어창에서 글자하나의 우측 빈공간을 더블클릭하시면 위와같은 창이 뜹니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/wH6ylhPyOKoCKfzYaFb2QbwCaP6Z.jpg" width=650 height=570 tmp_height="570" tmp_width="1138">
 
네온같은 글자 효과를 주기위해 3번째를 클릭 후
하고싶은 색상과 밑에 두개의 수치를 조절합니다. 조절하면서 이미지가 어떻게 변하는 지 보면서 적절한 수치로
맞춰주세요 ~
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/CJjgN7Ryw95o1jPjl7BS4lTF7oEBFoP.jpg" width=650 height=540 tmp_height="540" tmp_width="1118">
 
그다음 네번째 칸을 클릭해서 위와 동일한 부분을 수정합니다.
색을 클릭한 후 두개의 수치를 조절하면서 이미지를 보시면서
가장 맘에 드는 점을 찾습니다.
 
수정이 끝나셨으면 하나의 글자만 적용되신게 보이실 겁니다.
나머지 글자에도 적용을 해야겠죠?
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/bRhpC5IyzPy2XkBurFl.jpg" width=426 height=327 tmp_height="327" tmp_width="426">
 
수정이 끝나면 그글자의 레이어의 마우스 오른쪽을 클릭합니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/DF9GbP1l4Tdf8k43qRo2m.jpg" width=465 height=459 tmp_height="459" tmp_width="465">
 
그려면 뜨는 창에 레이어스타일 복사를 클릭한후
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/WiHrh3x6ir1Aj8th1eLz1NrIQ.jpg" width=339 height=290 tmp_height="290" tmp_width="339">
 
다른 글자의 레이어로 가서 마우스 오른쪽을 클릭하면
위와같이 레이어 스타일을 복사할 수 있습니다.
 
나머지 글자에도 똑같이 적용해줍니다.
여기까지만하고 gif로 저장해도 아이콘이미지를 만드실 수 있습니다.
그래도 이왕여기까지 한거 움직이게 만드는게 좋겠죠?
 
 
 
여기서 원하는 스타일을 다작업하면
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/apshN8ZPkmZYcJys.jpg" width=302 height=407 tmp_height="407" tmp_width="302">
 
플래쉬를 만들 곳으로 넘어가야합니다.
그림과같이 에디트 이미지레디를 클릭해주세요 
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/8Ya44PpucfAky39Q37KMs6h1.jpg" width=577 height=491 tmp_height="491" tmp_width="577">
 
창이 넘어가면 위와같이 됩니다.
 
저의 경우 GTO를 한번씩 나오면서 전체 GTO 가 나올 애니를 만들껍니다.
 
움직일 이미지를 수동으로 만들기 위해 오른쪽 레이어창에
첫번째로 나올 글자외의
 
눈그림을 클릭해꺼줍니다. (위의 그림이 잘못되었는데 빈칸이 아니라 그왼쪽 눈모양을 클릭하면 됩니다.)
클릭을 하시면 이미지상에 클릭한 글자가 안보이는 것이 보일겁니다.
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/VhxpUKKcmHCp8qY3oYa4pvE.jpg" width=535 height=358 tmp_height="358" tmp_width="535">
 
G라는 글자에만 눈이 들어와있고
이미지에도 보시면 실제로 G만 보이는게 보이시죠?
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/qCkFSxfgSWnHhu9q2jQlP5XAFRpJB.jpg" width=463 height=255 tmp_height="255" tmp_width="463">
 
그런다음 그림과 같이 프레임 추가버튼을 눌러줍니다.
(싸이 움직이는 이미지 만드는 것처럼 하나씩 만들어 합성하는 식입니다.)
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/6uquw2p71RW.jpg" width=650 height=494 tmp_height="494" tmp_width="812">
 
이번에도 똑같이 다른레이어는 모드 끄고 T에만 눈이 들어오게 합니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/1vYcRZ4aKYQJ993kJ5ZXzHbbrz5l.jpg" width=520 height=438 tmp_height="438" tmp_width="520">
 
또 이미지 추가를 해줍니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/qYpW3y2CVa2UmxfT5CWPEg.jpg" width=650 height=501 tmp_height="501" tmp_width="836">
 
똑같이 반복해 추가된창에는 O만 보이게 하고 나머지는 끕니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/TsIxVSjBc.jpg" width=650 height=546 tmp_height="546" tmp_width="849">
 
이런식으로 반복하고 수정해보면 원하는 배열이나 깜빡임을 맘대로 만드실수있습니다.
이미지 추가를 또해봅니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/ifjekjZQq12J6nWBbqh8WB8s.jpg" width=650 height=549 tmp_height="549" tmp_width="920">
 
이번에는 세개 모두 활성화 된 이미지를 만듭니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/AnpubmZQRXFRDQwfIid2N35.jpg" width=650 height=499 tmp_height="499" tmp_width="778">
 
그런다음 그림과 같은 곳을 클릭하여 이미지별로 나오게할 시간을 조절합니다.
저같은 경우 하나씩 나오는 것은 0.5초 전체글씨는 1초로 했습니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/RTHZk2GaybcXy5v.jpg" width=650 height=481 tmp_height="481" tmp_width="665">
 이미지를 확인해보기위해 재생버튼을 눌러 확인해봅니다.
생각보다 이상하면 수치와 배열을 조정해가면서 자신만의 배열을 만들어봅시다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/hkjbkTl7PqEt1JWNNEmyk5nGwPfQBqK.jpg" width=370 height=389 tmp_height="389" tmp_width="370">
 
배열이 다끝나고 이대로 저장하고 싶다면
위에처럼 세이브 옵티마이즈를 클릭합니다.
 
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/pleOs1t3xIcRLCZAZIpC5eniddbFwk3.jpg" width=650 height=529 tmp_height="529" tmp_width="677">
 
저장할 폴더를 지정한 후
그림이미지를 gif 로 클릭 한후 저장합니다.
 
<IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/KApwaY25Yo6UDYYOz8O1KU2J.jpg" width=450 height=175 tmp_height="175" tmp_width="450">
 저장할때 뜨는 창입니다.
에브리 타임에 오케이를 누르면 저장완료입니다.
 
 
 
<BLOCKQUOTE style="BORDER-BOTTOM: #cccccc 1px inset; BORDER-LEFT: #cccccc 1px inset; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #f7f7f7; MARGIN: 5px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px inset; BORDER-RIGHT: #cccccc 1px inset; PADDING-TOP: 2px">
 <IMG style="CURSOR: hand" onclick=image_window2(this) border=0 name=target_resize_image[] alt="" src="/board/cheditor4/attach/Ue16dQvePOCYNT.gif" width=60 height=18 tmp_height="18" tmp_width="60"></BLOCKQUOTE>
 위는 만들어진 컷입니다.
 
 
 
 
자유게시판에서 지티오맨 님의 글을 보고
걍 하나 만들어드릴까하다가 많은 분들 궁금하실듯해서 급히만들어봤습니다.
부족하긴 하지만 참고가 되셨으면 좋겠네요
 
만들어보시고 잘안되시는 분들은
<A href="mailto:cjm2246@nate.com" target=_blank>cjm2246@nate.com</A> 으로 네이트 친추하시거나 
자유게시판 혹은 파이널판타지아 쪽지를 이용해주세요 ^^

Lv.41 / 타우 . PS&PSP (cjm2246)

( 1461 / 10000 ) 15%

포 인 트 : 71461 P
가 입 일 : 2010-09-21 오후 9:03:35
최종접속일 : 2024-11-25 오전 11:00:53

Sony PS4 Pro 2TB
Sony PS4 Pro 1TB 미개봉
Sony PS4 Pro 1TB 라스트오브어스 2 에디션 + 2TB 한정 하드
Sony PS3 2505 그란투리스모 에디션 보관용
Sony PS3 2505 128GB + 2TB
Sony PS3 2505 250GB + 2TB
Sony PS3 2005 250GB + 1.5TB
Sony PS2 30005 + 2TB
Sony PS2 30005 + 500GB
Sony PS2 90000 보관용
Sony PSVITA 2005 화이트 + 256GB + 64GB
Sony PSVITA 2005 블루 미개봉
Sony PSVITA 2000 블루 + 256GB + 8GB
Sony PSP 3005 화이트 + 64GB
Sony PSP 3005 화이트 미개봉
Sony PSP 3006 화이트 + 64GB
Sony PSP 3000 블랙 + 16GB
Sony PSP 300013 핑크 보관용
Sony PSP 2000 크라이시스코어 한정판 보관용
Sony PSP 1005 블랙 + 16GB
Sony PS1 Classic + 256GB
Sony PS1 Classic 정발 미개봉
Sony PS1 Classic 북미 미개봉
Sony PSone

Nintendo Switch 그레이 구형 + 512GB
Nintendo Switch 동물의 숲 에디션 + 256GB
Nintendo Switch 동물의 숲 에디션 미개봉 X 2
Nintendo Switch 네온블루 구형 미개봉
Nintendo Switch 라이트 코랄 미개봉
Nintendo Switch 라이트 옐로우 미개봉
Nintendo 3DS 4.4 + 32GB + 64GB
Nintendo 3DSLL + 128GB
Nintendo 2DS XL 마리오카트 패키지 미개봉
Nintendo 2DS XL 블랙 미개봉
Nintendo WiiU 로더 + 500GB
Nintendo Wii 정발 화이트 미개봉
Nintendo Wii 일판 화이트 로더 + 500GB
Nintendo NDS + 32GB
Nintendo NDSi + 32GB
Nintendo Gameboy Pocket
Nintendo Gameboy Color
Nintendo Gameboy Color 포켓몬 버전 IPS X 2
Nintendo Gameboy Advance
Nintendo Gameboy Advance 밝기강화 + Omega 32GB
Nintendo Gameboy Advance IPS + Omega 32GB
Nintendo Gameboy Advance Micro 정발 레드 보관용
Nintendo Gameboy Advance Micro 파판 한정판 X 2보관용
Nintendo Gameboy Advance Micro 패미컴 버전 보관용
Nintendo Gameboy SP 슈퍼패미컴 버전 IPS
Nintendo Famicom AV 개조버전
Nintendo New Famicom 보관용
Nintendo Famicom Mini JPN 미개봉
Nintendo Super Famicom 박스셋
Nintendo Super Famicom 플레이용 + SD2SNES
Nintendo Super Famicom Mini JPN 미개봉
Nintendo 2020 Game Watch X 3

Microsoft X-box 코인옵스
Microsoft X-box 360s 화이트 + 500GB 글리치
Microsoft X-box 360s 블랙 보관용

Sega Saturn grey + 액플
Sega Saturn White X 2 보관용
Sega Dreamcast + 80GB 하드로더
Sega Dreamcast 보관용
Sega Mega Drive Mini X 2 보관용
Sega Mega Drive 보관용
Sega Astro mini 패키지 X 2 보관용

NeoGeo X (CMVS) + 스틱
NeoGeo Mini
NeoGeo Mini 미개봉

2인 나무가방 N2플러스 + 256GB 바탑
2인 철제 분리기통 N2플러스 + 128GB
1인 나무가방 라즈베리 3B + 128GB
라스트로시티 9.7인치 오드로이드 N2플러스 + 256GB 바탑
나가리 9.7인치 네오지오 스킨 라즈베리 3B + 128GB 바탑
나가리 9.7인치 뷰릭스 스킨 N2플러스 + 256GB 바탑
나가리 9.7인치 아스트로 스킨 N2 + 256GB 바탑
스토릭스 8인치 라즈베리 N2플러스 + 256GB 바탑
스타포스파이 5인치 오드로이드 XU4 + 128GB 바탑
뷰리클 5인치 라즈베리 3B +128GB 바탑
월광 뷰릭스 미니 7인치 미니바탑 N2플러스 + 128GB 바탑
월광 뷰릭스 미니 7인치 미니바탑 새제품
Powkiddy a12 + 32GB 미니바탑
Powkiddy a12 새제품

GP2X-F300 + 32GB
Super Retro Trio + Everdrive N8, SD2SNES
Famulator + N8 16GB
Revo K101 Plus + 32GB (GBA)
Revo K101 Plus 미개봉
New Bittboy v2 + 64GB
RG300 + 64GB
RG350 + 128GB
RG351P + 128GB
RG280V + 128GB
GKD350H 블루 + 128GB
GKD350H 옐로우 미개봉
오드로이드 고 어드밴스 + 128GB
오드로이드 고 블랙 에디션 미개봉
오드로이드 슈퍼 + 128GB
오드로이드 슈퍼 X 2 보관용
오드로이드 N2 보관용 + 256GB

미니컴파이 + 128GB X 2
미니컴파이 + 64GB (보관용)
월광보합 5s 분리형
재믹스 미니 레드 미개봉

PS4 한정판
드래곤 볼 제노버스 2 컬렉터즈 에디션
언차티드 4 컬렉터즈, 디럭스 에디션
라스트가디언 컬렉터즈 에디션
니어오토마타 블랙박스 에디션
파이날판타지 15 얼티밋 컬렉터즈 에디션
철권 7 컬렉터즈 에디션
갓오브워 4 컬렉터즈 에디션
신 사쿠라대전 컬렉터즈 에디션
드래곤볼 Z 카카로트 컬렉터즈 에디션
파이날판타지 7 리메이크 1st 클래스,디럭스 에디션
라스트 오브 어스 파트 2 엘리, 컬렉터즈, 스페셜 에디션

스위치 한정판
젤다의전설 꿈꾸는 섬 한정판
아스트랄체인 컬렉터즈 에디션
천수의 사쿠나 히메 한정판

Intel I5-4690 / ASUS Z97-A / DDR3 32GB / GTX 980ti 6GB / SSD 512GB + 3TB X 3
BACKUP HDD 112TB Raid5 X 1 / 30TB Raid5 X 3 / 15TB Raid5 X 1 = 217TB

1		0

불량게시글신고

글쓰기 수정 삭제 목록


PSX [PS3] PS3 멀티맨 BD커버 및 게임배경화면 수정방법 22		2011.04.09	1832
PSX [PS2] PS2 7만번대에서 USB로더를 해보자~ PS2오픈로더 18	ThePs2	2011.04.04	2858
Wii Wii 4.3K 홈브류채널 설치후 IOS, 하드로더 작업순서 33	맨살	2011.03.15	5169
PSX [PS3] 동영상에 자막 삽입하기 12	달콤한귀공자	2011.03.02	1293
PSX [PS3] 공유기없이 PC와 PS3 FTP 다이렉트 연결하기 35	마르시아노	2011.03.01	3845
PSP PSP 매직세이브: 손상된 세이브를 복구해보자 15		2011.02.24	2411
PC 움직이는 네임아이콘을 만들어보자!! 15		2011.02.19	1264
Wii 게임변환 Wii Game Manager (WGM) 튜토리얼 26	우주최강미넘	2011.02.02	3022
NDS NDS용 MAME/SFC/GBC 에뮬레이터 실행기 13	마니아	2011.02.01	4392
NDS NDS의 멀티미디어 구동유틸, 문쉘 2.0 의 모든것 7	마니아	2011.02.01	1583
Wii ISO → wbfs 변환 툴 Wii BackupManager 28	우주최강미넘	2011.01.29	2640
PSX [PS3] SAK 1.0을 이용한 다운그레이드 후 블루레이 복원 18	하늘소야	2011.01.24	1562
PSX [PS3] 듀얼쇼크3 PC에서 사용하기 25	불루바다	2011.01.24	2537
PSX [PS2] 개조된 PS2에 FMCB 설치하기 15	blue9	2011.01.12	3600
PSP PSP 커펌 프로메테우스 3-4 플러그인 설치 방법 19	prits	2010.12.14	3821
Wii Wii 에서 미디어 플레이어 사용하기 + 한글 사용 22	불루바다	2010.11.25	3771
PSX [PS3] 플스3 업데이트부터 내장하드에서 게임구동까지.. 52	앙마공	2010.09.19	24015
PSP 복구&다운그레이드&업그레이드&커펌설치용 판도라세트 제작 … 18	미래아이템	2010.09.08	3241
Wii syncscrub 이라는 확장자의 겜이 생겼을 때~! 13	지자요수	2010.08.11	2208
PSP PSP 커펌 5.50 프로메테우스 GEN-D3 설치강좌 67	크래커잭	2010.06.21	6940