[온라인] GUIDE ) 원하는 그림 파일로 고퀄리티 엠블렘 만들기,제작가이드

[Bz KOR]

엠블렘 제작 가이드 

   

위 사진은 그림 파일을 이용하여 제작한 엠블렘을 실제 게임에 적용한 모습입니다.

원하는 그림 파일을 이용하여 쉽게 엠블렘을 제작할 수 있음에도 한국 유저분들께는 잘 알려져있지 않아 소개하고자 합니다.

         위의 옷은 무장전선(T.F.O.A, http://ko.socialclub.rockstargames.com/crew/the_armament) 크루 참가버튼만 누르면 즉시 옷가게에서 

            이용가능. ONLY XBOX

아래와 같은 화려한 엠블렘도 그림 파일을 불러들여와 쉽게 제작 가능합니다.

   1. 사용프로그램 

         - 크롬 또는 파이어폭스(모든 과정을 크롬 브라우져로 진행하시는 것을 추천드립니다.)

         - vectormagic (처음 2회 무료변환, 유료, http://vectormagic.com) 

         - notepad++(무료, http://www.notepad-plus-plus.org)

         - Inkscape(무료, http://inkscape.org/download/?lang=en) or Adobe Illustrator CS4(유료) 

    2. 제작하기

         - 소셜클럽 엠블렘 에디터 기본 화면입니다. 기본 배경은 흰색 배경입니다. 투명 배경으로 바꾸려면

아래의 그림과 같이 배경색상을 변경해주시면 됩니다.    

  - 투명 배경으로 바뀌었습니다. 

  - 옷에 적용시킬 그림파일로 아래의 사진을 준비했습니다.

대부분의 그림 파일은 비트맵 이미지입니다. 엠블렘 에디터에 적용시키기 위해서는 비트맵 이미지를 벡터 이미지로

 바꾸어주어야 합니다. https://vectormagic.com 를 통해 비트맵 이미지를 벡터 이미지로 손쉽게 변경할 수 있습니다. 

처음 2번의 변환은 무료이지만 그 이후 더 변환을 하시려면 결제를 하셔야합니다.      

사이트 접속 후 Upload Image TO Trace 를 누르신 후 변환시킬 이미지 파일을 선택해줍니다.

이미지 파일을 선택하셨다면 자동으로 변환이 완료됩니다. 우측의 Download Result 를 누르신 후 *.svg 형태의 다운을 선택합니다.

* 이미지 파일의 크기는 대략 510 x 510 픽셀(px) 이면 화면에 가득찹니다.이를 고려해서 이미지 파일의 크기를 리사이즈 해주시면 됩니다.

* 이메일 인증 후 메일로 온 보안코드를 입력하시면 2번의 무료 저장을 하실 수 있습니다.

* 이미지를 변환하면 생기는 흰색 배경을 제거하고 싶으시면 Inkscape(무료, http://inkscape.org/download/?lang=en) or Adobe Illustrator CS4

           (유료)와 같은 벡터 에디터 프로그램을 사용하시면 됩니다.

이렇게 받아진 *.svg 파일을 notepad++(무료, http://www.notepad-plus-plus.org) 프로그램으로 연 후 

맨 위쪽의 path fil부터 맨 아래의 /svg 윗줄까지<="" svg=""> 복사해줍니다.

복사하신 후 크롬에서 소셜클럽 엠블렘 에디터를 여신 후 '빈공간에 우클릭 -> 요소 검사' 를 눌러줍니다.

누르신 후 밑의 사진과 같이 창이 생기는데 CTRL+F(찾기)를 누르신 후 SVG 를 찾습니다.

그 후 다음과 같은 줄을 찾으셨으면 그 위에서 우클릭 후 Edit as HTML 을 눌러줍니다.

notepad++ 에서복사해놨던 것을 /svg 앞에 붙여넣기 한 후 창을 닫습니다.

위의 과정을 완료하시면 아래와 같이 원하는 그림파일이 생성된 것을 볼 수 있습니다.

이를 일반 엠블럼과 같이 저장 후 발행 하시면 조직 엠블렘으로 사용가능해집니다.

   잠깐 짬나는 시간에 쓴 것이라 쉽게 가이드가 써졌는지 모르겠습니다.           

   이후에 시간이 된다면 좀 더 쉽게 수정하고 동영상으로도 만들어볼 생각입니다.

   이 가이드가 고퀄리티의 엠블렘을 쉽게 만드시는데 도움이 되었으면 좋겠습니다.

[키위인형]

추천-

[SilasJ]

추천-

[레비라이트]

말도안돼..손으로 고퀄그렸는데 이런게있다니..ㅠㅠ

[레비라이트]

근데 해골이빨이사라져있네요 ...?

[발성애자]

순간 첫짤 실사인줄..

[일스에]

우와..

[Rutice]

아 이건 무조건.. 추천!! 좋은 정보 감사합니다.

[광속의골군]

진짜 이빨이 사라졌네 ㅋㅋㅋ

[janeebaggiya]

흰색깔은 다 없앤듯해요..

[루리웹-238964779]

크루 당장 가입할ㄲ요 이제나도 무장전선이닷!!~ ㅋㅋㅋ

[루리웹-238964779]

아...XBOX

[doom˙]

와.. 웹프로그래밍쪽 하시나요? 좋은 정보 감사합니다

[꼬다리이]

inkscape 로 배경 없애는 법 알려주시면 안될까요? 검색해도 찾기가 어렵네요;

[vNOAv]

글을 보고 기쁜마음에 따라해봤습니다 그런데 새로운 상징화면까지 그림불러오기를 성공을하고 저장을 했는데
아랫쪽 내상징칸 그림이 없는 빈화면만 저장 되더라구요 성공한 그림파일도 있는데
그림은 컬라인데 내 상징에는 흑백으로 나오더군요 해결책이 있으시면 도와주세요 Bz KOR님

[오까모토미노루]

inkscape 사용방법좀 알려주세요

[Deliver Aero]

저도 저장해도 빈칸뜨네요

[Deliver Aero]

inkscape 편집한 이미지 올리고 (컨트롤 알트B) 누릅니다 아래 컬러 체크 백그라운드제거 체크 후 업데이트 하고 오케

[Deliver Aero]

http://graphicdesign.stackexchange.com/questions/15450/remove-background-based-on-color-in-inkscape

[오까모토미노루]

전체 선택하고 컨트롤 알트 B 누르니까 전체 다 없어지는데요?

[키위인형]

이글 공지로 안가나``; 검색하기가 귀찮네 ㅋㅋㅋㅋㅋ

[루리웹-616762157]

svg뒤에 붙여넣기 했는데 사진이 안뜨면 어떻게 해결해야되나요 ?

[루리웹-821879007]

쉬프트+알트+ 비 눌렀는데 업데이트 하는데 배경이 안없어지네요 ㅡㅡ

방법좀 알려주시면 감사하겠습니다...이것떄문에 시간 엄청 잡아먹네요 ㅜㅜ

[AMGKAORU]

가운데로 안쏠리는데 어찌하나요?;

[루리웹-895098123]

가운데 안쏠리는경우는 노트패드 열었을경우 직접 열기로 비트맵 파일을 불러와야 합니다..
그럼 가운데로 와요..

저의 문제는 요소 복붙까지 다하고 화면뜬거 확인한뒤에 저장을 하면.. 저장이 안되요.. 뭐랄까 그냥 빈칸만 저장이 된다고 해야 하나.. 뭐가 문제일까요..

[루리웹-877097175]

잉크스케이프 사용법을 알려주셧으면 좋겟어요. 배경화면 없애는 거랑 저장하는 것 까지요..

[성훈씨]

인스케이프로 다른배경은 다지워지는데 왼쪽상단배경만 안지워지네요 왜그런거죠 ;;;; 12시 3시 6시 9시 기준으로 9~12시방향 배경만 안지워지네요

[성훈씨]

그상태에서 상징등록하니깐 자꾸 오류나서 저장은되는데 이미지가 안나오구요 멀잘못한건지..

[리니지키보드]

돠주십쇼, 상징을 올리면 "저희 정책을 위반하였거나 부당한 이미지 사용으로 인해 사용자의 상징을 저장할 수 없습니다"라고 나오는데, 대체 저걸 잡는 기준이 뭔지 아시는분 계신가요???? 부당한사진은 아닌데 안되네요 ㅠㅠ;

[으퉤퉤퉤]

이거 이제 막혔네요ㅋ 소스 변경되면 안되게끔 해놓은 듯

[마하르노]

*.svg 이형태의 저장 선택이 어디잇죠?;;;;;;;;;;;;;

[조나단曺那但]

고맙습니다. 덕분에 커스텀 맘에들게 했네요 ㅎ

[루리웹-615023423]

저희 정책을 위반하였거나 부당한 이미지 사용으로 인해 사용자의 상징을 저장할 수 없습니다 라고 떠요..... 아예 막힌것 같은데...

[내고환터짐]

소셜에서 막은듯해요

[루리웹-252063396]

저희 정책을 위반하였거나 부당한 이미지 사용으로 인해 사용자의 상징을 저장할 수 없습니다.
... 이제 안되나요?

[루리웹-1257361632]

으아 막혔나보다... 다른 방법은 없나...ㅠㅠ