몇몇분들 인장을 만들면서

 

만드는 방법을 적는게 어떨까해서 적어봅니다.

 

 

맘같아서는 관찡한테 징징거려서

 

우리도 인장 제작기 만들어달라고 하고 싶지만...

 

(관찡~ 명함제작기 만든분이랑 저랑 동업해서 만들 순 없을까요?!)

 

 

 

 

신데렐라 인벤에서 제공하는

 

명함 제작기 소스를 가져와서

 

제가 한번 체인크로니클 명함을 만들어봤습니다.

 

  

 

우선 제가 쓰는 코드부터 공개합니다.

 

<div align="center">
<div id="imasProfile" style='background: url("배경이미지") no-repeat left top; width: 320px; height: 200px; overflow: hidden; position: relative;'>
<div id="ii_logo" style="left: 195px; top: 10px; position: absolute;"><img width="121" height="70" src="로고이미지"></div><div id="ii_image" style="left: 10px; top: 6px; position: absolute;"><img src="캐릭터이미지" border="0"></div>
<div id="ii_Title" style="left: 175px; top: 100px; width: 120px; text-align: right; color: rgb(0, 24, 96); font-size: 13px; position: absolute;"><strong>Chain Chronicle</strong></div>
<div id="ii_Sever" style="left: 175px; top: 118px; width: 120px; text-align: right; color: rgb(0, 24, 96); line-height: 16px; font-size: 11px; position: absolute;">서버 명칭 (KOR/JPN/WRD)</div>
<div id="ii_ID" style="left: 175px; top: 150px; width: 120px; text-align: right; color: rgb(0, 24, 96); font-size: 13px; position: absolute;"><strong>아이디</strong></div>
<div id="ii_friend" style="left: 175px; top: 168px; width: 120px; text-align: right; color: rgb(0, 24, 96); font-size: 11px; position: absolute;">친추코드</div>
</div></div>

(굵은 글씨로 표시되어있는 부분이 수정하는 부분입니다.)

 

※ 주의점 중 하나가 div id를 딴 명칭으로 바꾸면 디테일이 살지 않았습니다. 아무래도 인벤에서 고유값을 적용한듯.

 

 

 

위와 같은 코드로 명함을 만들면 다음과 같은 인장을 만들 수 있습니다.

 

 

Chain Chronicle
JPN
Ａｇｇｅｒ
103.192.974

 

 

어때요~ 참 쉽죠?

 

 

 

 

 

제가 배경이미지를 만들면서 썼던 이미지들은

 

전부 체인크로니클 일본 홈페이지로부터 얻을 수 있었습니다.

 

(제가 사용한 소스를 올렸던 게시물 링크 : http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&l=46538)

 

 

그렇게 몇가지 이미지를 조합해서

 

저는 다음과 같은 배경 이미지를 만들었지요.

 

 

 

위의 배경 이미지는 다른 이미지로도 교체가 가능합니다.

 

제가 만들고 사용하지 않았던 다른 이미지를 공개하자면.

 

 

이런 것도 있습니다.

 

(흰색 글씨로 정보를 적으면 이쁠거 같아서 만들어봤습니다) 

 

 

로고이미지 또한 마찬가지입니다.

 

 

제가 쓴 이미지는 위의 것이지만

 

 

 

이런 이미지도 준비했었습니다.

 

 

 

여기까지는 사실 큰 문제는 없었습니다만.

 

중요한 캐릭터 부분인데요.

 

신데마스 명함과 비슷하게 다양한 캐릭터를 명함에 자연스럽게 적용하기 위해선

 

'배경이 투명한 이미지'를 만들 필요가 있는데요.

 

 

설명을 하기 위해 이미지를 보면

 

 

위의 일본서버 신 캐릭터 구라라오 이미지를 보면

 

캐릭터 일러스트레이트 뒤에 바둑판식의 무늬가 보일겁니다.

 

 

바로 저부분은 투명화 처리가 된 부분입니다.

 

 

위의 이미지처럼 배경이 투명화 처리가 되지 않은 상태에서

 

명함을 만들게 되면

 

배경 이미지를 이미지 크기만큼 다 지우게 되며

 

그만큼 명함은 완성도가 떨어지게 되지요.

 

 

배경이 투명한 이미지들은 세가에서 제공하는 이미지로 얻거나

 

포토샵 등을 이용해 만들 수 있으니 참고하세요~

 

(... 왠지 관찡은 많이 갖고 있을 것 같다!!!)

 

※ 또하나 주의점은 신데마스 이미지와는 다르게 세가에서 제공하는 캐릭터 이미지 해상도 비율이 틀리기 때문에

    이점은 신경을 쓰셔야 합니다.

    제 경우 높이를 200px로 고정한 뒤 넓이값(width)을 수정하는 스타일로 만들고 있습니다.

 

 

 

눈치 빠르신 분들은 알 수 있듯.

 

위의 텍스트들 위치 및 내용도 자기 입맛에 맞게 바꿀 수 있습니다.

 

 

이미지도 능력이 있다면 자기 맘에 드는 이미지로 바꿀 수도 있구요.

 

 

이런거 저런거 다 힘들다.

 

"그런데 명함은 만들고 싶다!" 하면

 

저한테 쪽지를 보내주세요.

 

 

 

캐릭터 이미지 같은 경우는

 

저도 소스를 축적하고 있으니

 

제가 구한 것들은 공유가 가능합니다.

 

 

 

인장을 이쁘게 꾸미고 싶으신 분들께

 

조금이나마 도움이 됐으려나 모르겠네요.

 

 

혹시 능력자분들이 관심 있으시면

 

저한테도 소스 공유를 해주셨으면 좋겠습니다.

 

 

 

 

ps. 술김에 적은 거라 빠진 내용이 있을지도 모르겠네요.

      지적할 사항있으시면 바로바로 저한테 댓글 혹은 쪽지로 지적해주시면 감사하겠습니다.

 

 

 

다음은 제가 만들었던 명함들입니다.

 

Chain Chronicle
KOR
아거아거
000.000.000

 

 

Chain Chronicle
KOR
이든i
179.672.242

 

 

Chain Chronicle
KOR
미라제_i
116.991.260