[스팀] 창작마당 이미지 업로드 하는법

창작마당에 GIF 등의 이미지를 업로드 해서 프로필 꾸미는 법을 다룹니다.

영어는 많이 있지만 자세한 설명과 이해가 부족한것이 많아 새로 한국어로 작성했습니다.

작성자 프로필
도움이 필요하시면 스팀 프로필로 연락해주세요.

다른 가이드 보기
저를 팔로우 해주시면 앞으로 올라올 새로운 가이드의 소식을 받아보실수있습니다!

유튜브 놀러가기
저의 유튜브 채널에 놀러오세요!

가이드 좋아요, 즐겨찾기 부탁드립니다!

시작하기전에...

워크샵 법적 계약 동의 하기 (필수)

먼저 계약 동의를 하셔야 이미지를 업로드 할수있습니다. 안하시면 업로드 못하니 꼭 먼저 해주시고 이미 하셨다면 또 하실필요는 없습니다.

스팀 레벨 업 가이드

• 스팀 레벨이 기본적으로 10 이상 되어야 전시대가 하나씩 추가가 되는데 레벨이 10 이하면 적용할수없습니다.
  
• 창작마당 전시대와 내 창작마당 전시대가 있는데 5개 이미지를 전시해서 프로필 꾸미는것은 내 창작마당 입니다.
  
• 이것은 모바일 스팀 앱에서는 보이지않으며, 브라우져 PC 버전이나 스팀 클라이언트에서만 보이고 수정할수있습니다.
  
• 한번 전시대를 적용하면 추후에 스팀 앱으로도 수정이 가능합니다.
  
• 코드를 콘솔에 입력해야되서 모바일 환경에서는 브라우져를 통해도 적용할수없고 PC 환경에서만 가능합니다. (따로 모바일 브라우져 앱 중에 콘솔 입력 가능한거 찾으면 추가하겠습니다)

준비물

1. GIF 이미지 자르기[ezgif.com]
2. 포토스케이프 다운로드[photoscape.co.kr]
3. 이미지 헥스 코드 편집[hexed.it]
4. 스팀 이미지 업로드

창작마당 이미지 업로드 코드

$J('[name=consumer_app_id]').val(480);$J('[name=file_type]').val(0);$J('[name=visibility]').val(0);

1. GIF 이미지 자르기

EZGIF 사이트[ezgif.com]

1. 사이트 접속하기

상단의 Crop로 들어갑니다.

2. GIF 업로드 하기

파일 선택을 눌러 GIF 이미지를 불러오시고 밑에 Upload! 버튼을 누릅니다.

• 최대 50MB 크기의 GIF 파일을 업로드 하실수있습니다.
  
• 이미지 용량에 따라 업로드 시간이 걸릴수있습니다.
  
• 이미지 크기는 제한이 없습니다.
  
• 이미지의 용량 크기 그대로 업로드 됩니다.

3. GIF 자르기

본인이 올린 이미지의 크기는 width (가로), height (세로)로 표시 됩니다. 제가 올린 이미지는 width: 1280px, height: 720px 이니 1280x720 크기 입니다.

스팀 내 창작마당은 총 5개 이미지를 올리실수있고 5개를 올리기 위해서 해상도를 나눠서 5등분을 하셔야 합니다.

제 이미지의 경우 width (가로) 길이가 1280이니 나누기 5를 해서 256입니다. Left와 Top 값을 0으로 하고 width 칸에 256를 입력 후 Set 버튼을 누르면 이미지에서 칸이 나눠져서 첫번째 블록 이미지의 테두리가 잡힙니다.

• height (세로) 길이는 본인이 원하는데로 조정하셔도 됩니다.
  
• 가로, 세로 길이는 이미지 최대 크기를 넘을수없습니다.
  
• 세로 길이에서 나눠서 내 창작마당 레벨이 2이면 나누기 2, 레벨이 3이면 나누기 3으로 나눠서 적용도 가능합니다.

첫 번째 칸이 잡힌 상태에서 밑에 있는 Crop image! 버튼을 누릅니다.

플로피디스크 모양 save를 누릅니다.

• 저장 후 이미지를 폴더 등에 옮겨 놓으시고 다른 이미지도 자르는게 좋습니다.
  
• 자르기 해서 저장한 이미지는 화질 저하되지 않습니다.

4. GIF 나머지 파일 자르기

이미지 자르기 칸에 있는 Left 값을 가로 길이에서 5개로 나눈 값으로 입력하고 Set를 누르면 테두리 박스가 옆으로 한칸씩 이동합니다. 다음 칸으로 이동하려면 가로 해상도에서 나누기 5 한 값에서 곱하기 해서 하나씩 이동 하고 Crop image! 버튼을 누르고 save로 저장해서 총 5개로 만드시면 됩니다.

제 이미지 기준으로 0 값이 첫번째 칸, 256 값이 2번째 칸, 512 값이 3번째 칸, 768 값이 4번째 칸, 1024 값이 5번째 칸입니다.

• 가로 길이에서 5 등분 한 값으로 두번째 칸은 x1, 세번째 칸은 x2, 네번째 칸은 x3, 다섯번째 칸은 x4 입니다.
  
• 전체 이미지의 width (가로) 크기가 너무 작다면 프로필에서 적용할때 재대로 표시되지않거나 이미지가 밀릴수있습니다.
  
• 추천하는 width (가로) 해상도는 1280 입니다.

5. 완료

2. jpg, png 이미지 자르기

포토스케이프 다운로드[photoscape.co.kr]

1. 설치 후 실행

메인 화면에서 사진 분할에 들어갑니다.

2. jpg, png 등 이미지 분할 자르기

자르기 하실 이미지를 불러오시고 밑에 미리 보기를 참고하여 옆에 있는 칸에서 칸수는 5개, 줄수는 1개로 설정 하고 분할 버튼을 누릅니다.

• 셀 크기는 한 칸당 이미지 크기입니다.
  
• GIF 이미지도 가능하나 첫 프레임만 되고 원하는 부분은 따로 수정을 해야합니다.
  
• 내 창작마당 레벨이 2이면 2줄, 레벨이 3이면 3줄로 나눠서 적용도 가능합니다.
  
• GIF 파일은 이 방법으로 분할하면 재생이 되지않습니다.
  
• 전체 이미지의 width (가로) 크기가 너무 작다면 프로필에서 적용할때 재대로 표시되지않거나 이미지가 밀릴수있습니다.
  
• 추천하는 width (가로) 해상도는 1280 입니다.

이미지 포멧 유지를 하시면 jpg는 jpg 파일로, png는 png 파일로 저장 됩니다. jpg 파일의 경우 밑에 저장 품질을 최고 품질 (100) 으로 맞추고 분할을 누릅니다.

3. 완료

3. GIF 헥스코드 편집

Hexed.it 사이트[hexed.it]

1. 이미지 수정하기

상단에 있는 파일 열기를 눌러 GIF 파일 5칸 자른 이미지 중 한개를 불러옵니다.

맨 아래로 내려서 3B를 21로 수정합니다.

• 이미지 마다 3B 코드가 따로 띄어져있는 경우도 있는데 상관없이 수정해주시면 됩니다.
  
• 다른것은 절대 수정하면 안됩니다.
  
• 이미지가 PNG, JPG 라면 이 부분을 넘기고 업로드 부분을 봐주세요.

다른 이름으로 저장을 눌러 저장합니다.

• 새로 이름 저장하는게 번거로우시면 이미지 불러왔던 경로로 가서 이미지를 눌러 덮어쓰기 해도 됩니다.

2. 완료

4. 창작마당에 이미지 업로드

아트워크 업로드 사이트

• 코드를 입력해야 되기에 크롬 브라우져로 접속합니다.

1. 콘솔 창 열기

마우스 우클릭으로 검사를 누르시거나 페이지에서 F12를 눌러 개발자 모드를 열고 Console 창을 누릅니다.

2. 코드 적용 하기

코드

$J('[name=consumer_app_id]').val(480);$J('[name=file_type]').val(0);$J('[name=visibility]').val(0);

코드를 Console 창에 붙여넣고 엔터를 칩니다.

3. 이미지 업로드 하기

이름과 설명등을 입력하고 마지막에 이 아트워크를 내가 만들었음을 확인합니다. 동의 체크 해주시고 저장하고 계속 하기를 눌러 이미지를 업로드 합니다.

• 업로드 후 뒤로가기 해서 다른 이미지를 추가로 업로드 할수있습니다.
  
• 이미지 하나 업로드 하면 다시 업로드할때마다 콘솔에 코드를 쳐줘야합니다.
  
• 아트워크로 업로드 하는것이 아닌 콘솔을 이용해서 착장마당에 업로드 하게 됩니다.
  
• 구분하기 쉽게 번호등을 제목에 넣는것이 좋습니다.
  
• 공개 설정이 되어있지않다면 다른 사람이 볼수없습니다.
  
• 이미지 최대 크기는 5MB 입니다.

4. 완료

적용하기

전시 중인 전시대에서 내 창작마당 전시대로 변경 후 칸을 하나씩 눌러 적용합니다.

• 모바일 스팀 앱에서는 안뜨며 브라우져 PC 버전이나 스팀 클라이언트로 가능합니다.

1. 올렸던 이미지 불러오기

순서에 맞게 이미지를 선택합니다.

2. 적용 된 모습

주의사항

• 공식적인 방법으로 올리는것이 아니기 때문에 내 창작마당 아이템에 들어가도 뜨지않습니다.
  
• 이미지를 찾거나 수정, 삭제 하실려면 내 착장마당 전시대에서 선택 후 프로필에서 들어가서 해당 착장마당 아이템을 누르고 수정, 삭제를 해야합니다.
  
• 내가 아이템 구독이나 즐겨찾기를 해도 다른 사람이 올릴수없고 찾을수없습니다.
  
• 모음집을 만들어서 창작마당 전시대를 사용해 전시해놓으면 다른 사람도 아이템을 쉽게 찾을수있습니다.
  
• 다른 사람이 본인 프로필에 적용하려면, 이미지를 저장하신 후 이 가이드에 있는 착장마당에 이미지 업로드를 참고하여 업로드 해야합니다.

동영상 파일을 고화질 GIF로 변환하기
이 가이드를 참고해서 창작마당에 올릴 GIF파일을 직접 만들어보세요!

Furry 모음집
My little pony 모음집

---

문의가 있거나 어려움이 있는 분은 댓글 남겨주시거나 가이드 맨위 카카오채널로 문의 해주시면 최대한 빠르게 확인 후 답변해드리겠습니다.

감사합니다.

[☪ ＬＵＮＡＩＮ.ＦＯＸ]

@𝓛𝓸𝓷𝓲𝓴 아무래도 정식 방법으로 하는게 아니라서 그런거 같네요. 다시 등록해보세요.

[Lonik]

@☪ ＬＵＮＡＩＮ.ＦＯＸ 네 맞습니다 아이템 비공개 혹은 미등록 해두면
아트워크, 쇼케이스, 전시대 그 어디에도 보이지가 않더라고요...
좀 더 구글링 해보겠습니다 답변 감사합니다.

[☪ ＬＵＮＡＩＮ.ＦＯＸ]

@𝓛𝓸𝓷𝓲𝓴 창작마당을 아예 비공개 했다는 말인가요? 이 방법으로 해당 창작마당을 아이템을 찾으려면 전시대에 전시해두고 눌러서 들어가야 되는것으로 알고 있습니다.

[Lonik]

안녕하세요 혹시 올린 파일 비공개 처리를 했는데 어디에도 보이지가 않네요 ㅠㅠ 다시 찾을 방법 있을까요

[Akali]

따라했는데 제프로필 에서는 보이는데 다른사람계정으로 보면 안보이는데 ...도와주십쇼

[Zagmachi]

감사합니다!!1

[☪ ＬＵＮＡＩＮ.ＦＯＸ]

감사합니다.

[Mirajoo]

콘솔 붙여넣기 할때 이 경고문 뜨시는분들은

Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed yourself.
This could allow attackers to steal your identity or take control of your computer.
Please type ‘allow pasting’ below to allow pasting.

말그대로 allow pasting 치시고 엔터 누르신후 콘솔 복사 붙여넣기 하시고 엔터 누르시면 됩니다.
움짤 어떻게 적용시키는지 몰랐는데 덕분에 적용시켰습니다.

[󠀡󠀡]

감사합니다 덕분에 잘 꾸몄어요!

[☪ ＬＵＮＡＩＮ.ＦＯＸ]

@最好的民主 해결하셨나보네요 다행입니다. 막힌거는 아닌거같네요.