안녕하세요 오늘은 APNG 파일만드는 방법에 대해서 적어볼게요

 

구글에다가 apng assembler 를 치시면 맨위에 다운로드 받을수 있는 사이트가 있어요

 

https://sourceforge.net/projects/apngasm/

 

APNG Assembler

Download APNG Assembler for free. Creates APNG animation from PNG/TGA image sequence. Creates highly optimized Animated PNG files from PNG/TGA image sequences. CLI versions available for all major OSes.

sourceforge.net

 

apngasm_gui

파일을 받으시고 실행하시면 아래 이미지처럼 나올꺼예요

처음화면

자 그럼 이제 움직이는 파일들을 하나로 합치기 위해서 만들어놓은 이미지들을 드래그해보세요!

저는 아래 이미지 9개 (라인은 처음 이미지가 대표이미지라서 처음과 끝을 같은 이미지로 만들었어요) 를

드래그해볼게요

copyright2019.KH-ran .All rights reserved

 

아래처럼 9개의 이미지가 표시되어요!

파일명과 사이즈도 표시가되요

그럼 개별마다 시간을 조절할 수 있어요!

메인화면

 

클릭시이미지

1번 : 반복 횟수

2번 : 전체 프레임 시간 조절

3번 : 저는 건들지않았어요

4번 : 개별 프레임 시간 조절

 

최종옵션

저는 총 9개 이미지를 1초짜리로 만들어서 4번 반복했어요! 

전체 재생 시간(각 재생 시간 X 반복 횟수)이 정수이어야 돼서 마지막은 0.2초로 설정해준 다음 총 1초가 4번 반복되게 만들었어요!

 

 

copyright2019.KH-ran.All rights reserved

https://creator.line.me/ko/guideline/animationsticker/detail/


https://line.me/S/sticker/7765566

 

Ran D – LINE 스티커 | LINE STORE

이 말만 할게요, cute yellow robot, Ran D

store.line.me

 

LINE Creators Market

LINE Creators Market에서 LINE 스티커, 이모티콘과 테마를 직접 만들고 판매해 보세요.

creator.line.me

오늘은 라인 이모티콘 가이드라인을 가져왔어요

이미지

개수크기(px)파일 형식메인 이미지애니메이션 스티커 이미지대화방 탭 이미지

1개 너비 240 x 높이 240 .png(APNG)
8, 16, 24종 
중 선택 가능
최대 320 x 270픽셀 .png(APNG)
1개 너비 96 x 높이 74 .png
  • 스티커 관리 페이지에서 애니메이션 스티커 개수를 선택하세요. 스티커 개수는 제출 전에는 언제든지 변경할 수 있습니다.
  • APNG 생성 도구(APNG Assembler 등)를 사용하여 애니메이션 스티커 이미지를 생성한 다음 파일 확장자를 '.png'로 지정해 주세요.
  • 애니메이션 스티커의 이미지 파일 제작 시 다음 두 가지 기준을 준수해 주세요.
    - 이미지 크기는 320 x 270픽셀을 초과할 수 없습니다.
    - 이미지의 높이 또는 너비 중 한 변의 길이가 최소 270픽셀이어야 합니다.
    * 단, 높이를 더 길게 설정할 경우 정확히 270픽셀로 맞춰주세요.
  • 반복 횟수: 1~4회, 전체 재생 시간은 4초 이하로 제한
  • 재생 시간: 스티커당 최대 4초
  • APNG 파일 1개당 최대 PNG 프레임 수: 5~20프레임 
    * APNG Assembler와 같은 일부 도구의 경우 APNG 파일 생성 시 동일한 이미지 여러 개가 한 프레임으로 병합되어 표시될 수 있습니다.
    * 모든 프레임에 동일한 이미지를 사용할 경우 애니메이션이 작동하지 않으며 파일 업로드 시 오류가 발생하게 됩니다.
  • RGB 색 공간 형식의 파일을 제출해 주세요.
  • 이미지 크기는 1개당 300KB로 제한됩니다. 모든 이미지 파일을 ZIP 파일 하나로 압축하여 제출하는 경우, 크기가 20MB 이하인지 확인해 주세요.
  • LINE STORE 및 LINE 스티커 샵에는 제출하신 APNG 파일의 첫 이미지가 표시되며 애니메이션 효과는 지원되지 않습니다.
  • APNG 파일은 Firefox 브라우저에서 테스트하는 것이 좋습니다. 스티커의 애니메이션 효과를 확인할 때에는 최신 버전의 브라우저를 이용해 주세요.
  • 이미지의 배경은 투명으로 설정해야 합니다.
  • 대화방 썸네일 아이콘의 오른쪽 상단에 표시되는 재생 기호는 자동으로 추가됩니다. 해당 기호를 별도로 추가하지 않도록 주의해 주세요.


APNG 파일의 프레임  


다음 단계를 통해 APNG 파일의 프레임 수를 결정해 주세요. 


1. 각 애니메이션 스티커에 사용될 PNG 파일의 순서를 정합니다. 
2. PNG 프레임 수에 맞는 재생 시간을 선택합니다. 
3. 재생 시간을 고려하여 스티커 반복 횟수를 정합니다. 
- 전체 재생 시간(각 재생 시간 X 반복 횟수)은 최대 4초입니다. 
- 전체 재생 시간이 4초를 넘을 경우 반복 횟수를 조정해 주세요. 
4. APNG 파일을 지정한 다음 저장합니다. 
파일 크기 한도를 초과하는 경우 PNG 압축 도구(Pngyu 등)를 사용하여 이미지 파일을 압축합니다. 

APNG 파일의 PNG 프레임 순서 


첫 번째 프레임이 해당 스티커를 대표하는 정지 이미지로 사용됩니다. 대표 이미지로 사용할 프레임이 첫 번째로 배치되어 있는지 확인해 주세요. 
애니메이션 스티커는 대화방을 열거나 스티커를 탭하면 재생되며 다음의 경우 스티커의 첫 번째 프레임이 정지 이미지로 표시됩니다. 
· 대화방에서 애니메이션이 재생되고 있지 않을 때 
· 애니메이션 스티커를 지원하지 않는 버전 또는 기기 
· LINE 앱 스티커 샵 또는 LINE STORE 미리보기 페이지 
프레임 순서를 정한 다음에는 APNG 생성 도구를 사용하여 APNG 파일을 생성합니다. 
참고: LINE은 APNG 생성 도구를 제공하지 않습니다. 

스티커당 프레임 및 반복 횟수 한도 
· 각 스티커의 총 재생 시간은 최대 4초로 제한됩니다. 1회 반복 시 재생 시간은 1~4초로 지정할 수 있으며 1.5초와 같이 정수가 아닌 값은 사용할 수 없습니다. 
· APNG 파일 1개당 최대 PNG 프레임 수: 5~20프레임  
* APNG Assembler와 같은 일부 도구의 경우 APNG 파일 생성 시 동일한 이미지 여러 개가 한 프레임으로 병합되어 표시될 수 있습니다. 
* 모든 프레임에 동일한 이미지를 사용할 경우 애니메이션이 작동하지 않으며 파일 업로드 시 오류가 발생하게 됩니다. 
· APNG 파일 1개의 총 재생 시간은 4초로 제한됩니다. 

권장하는 스티커 
· 일상적인 대화나 커뮤니케이션에서 자주 사용하는 내용 
· 표정, 메시지, 일러스트가 알기 쉽고 심플한 내용 

비권장 스티커 
· 일상 대화에서 사용하기 어려운 내용(예: 물체나 경치 등) 
· 시인성이 떨어지는 것(예: 가로로 긴 이미지나 8등신 캐릭터 전신 등) 
· 스티커 전체의 밸런스가 현저하게 떨어지는 경우(예: 옅은 색을 주로 사용한 경우나 단순한 숫자 나열 등) 
· 미풍양속을 저해하는 내용, 미성년자의 음주 또는 흡연을 연상시키는 내용, 성적이거나 폭력적인 표현, 국수주의를 조장하는 내용 

기타 유의사항 
· 유료 애니메이션 스티커는 광고 목적으로 사용할 수 없습니다. 애니메이션 스티커 이미지, 제목 및 텍스트는 제품 판매 공지, 출시 일자 등 광고를 목적으로 하는 내용이나 불필요한 로고를 포함하지 않아야 합니다. 
· 애니메이션 스티커 구매 시 사용자 개인정보나 ID를 요구하는 행위는 철저하게 금지되어 있습니다. 
LINE 이외의 인터넷 서비스, 메신저 앱 또는 기타 유사 서비스를 언급하거나 관련 캐릭터를 배포하는 행위는 일절 허용되지 않습니다. 
· 자세한 내용은 스티커 검토 가이드라인을 참조해 주세요.

 

링크에 관한 글이에요 !

라인 스티커에 대해서 여러가지 글이있는데 그중에 움직이는 스티커에 대한 가이드라인을 가져왔어요!

 


 

보시면 아래 5가지정도 유의 하시면 될꺼같아요!

 

- 종류 : 8, 16, 24종중 선택 가능하며 크기는 최대 320 x 270픽셀 .png(APNG) 

(저는 270X270으로 제작했어요 APNG파일제작은 다음 포스팅을 봐주세요)

 

- 움직이는 라인스티커의 전체 재생 시간(각 재생 시간 X 반복 횟수)은 

1초,2초,3초,4초 이렇게 정수값으로 최대 4초까지 만들 수 있나봐

(저는 4초로 맞췄어요)


- 파일 크기 한도를 초과하는 경우 PNG 압축 도구(Pngyu 등)를 사용하여 이미지 파일을 압축합니다.

 

- 파일종류는 APNG 파일 (카카오톡은 GIF) 1개당 최대 PNG 프레임 수 : 5~20프레임

 

첫 번째 프레임이 해당 스티커를 대표하는 정지 이미지로 사용됩니다. 

 


copyright2019.KH-ran.All rights reserved
copyright2019.KH-ran.All rights reserved

때는 바야흐로 2018년 11월

 

유튜브에서도 다양한 이모티콘 작가들이 영상을 올리고

 

대충 그린 이모티콘이 등장

 

보는 순간 아! 나도 만들수 있겠는데? 

 

시작합니다 Ran D제작기

https://line.me/S/sticker/7765566

 

Ran D – LINE 스티커 | LINE STORE

이 말만 할게요, cute yellow robot, Ran D

store.line.me

끄적끄적 스케치

- 먼저 이모티콘을 제작할려면 캐릭터가 필요해요!

 

그럼 그리기전에 생각해 두어야 될 것 들을 살펴볼까요?

 

1. 이모티콘의 종류를 정해주세요

이모티콘은 움직이는 이모티콘과 멈춰있는 이모티콘으로 구별되요

보통 움직이는 이모티콘이 인기가 많아요

아무래도 움직이는 이모티콘은 좀더 많은 감정표현이 가능하기 때문에 인기가 좋아요

대신 작업하는데 시간이 좀더 걸린답니다.

제작기간은 멈춰 있는 이모티콘이 짧아서

처음엔 멈춰 있는 이모티콘제작으로 먼저 시도해보는것도 좋아요!

그리고 멈춰있는 이모티콘이기 때문에 좀더 정확하게 감정이 표현되게 그려야돼요 !

 

2. 이모티콘의 주제를 정해주세요

어떤 주제를 가지고 이모티콘을 제작하느냐에 따라서 방향이 많이 틀려지죠

연령층(10대,20대,직장인,대학생, 등등), 스타일(병맛,귀여움,스타일리쉬, 등등)

카카오톡이나 라인의 이모티콘샵에서 카테고리를 살펴보는것도 하나의 방법이예요

다른 인기있는 이모티콘을 많이 보고 요즘 트렌드도 살펴보면서 이런식으로 그리면 인기있겠다는

자신만의 만인드맵을 만들어보세요

 

3. 이모티콘 캐릭터 비율을 결정해보세요

 

6~7등신

실제 사람의 비율과 비슷합니다.

전신을 보여주는 이모티콘으로 동작 표현에 쉽지만 이모티콘 작업공간이 보통 360픽셀 내외라

제작하기 조금 불편합니다.

 

2~3등신

얼굴이 크기 때문에 표정의 변화가 눈에 잘들어오고 귀여운 캐릭터에 많이 쓰입니다.

 

 

4. 이모티콘 마켓 정하기

 

카카오톡,라인,밴드,OGQ 등등 마켓마다 이모티콘 규격이 조금씩 다르답니다.

제작한다음에 수정해도 되겠지만 미리 알아두면 좋아요

가이드라인은 다른 글에서 다룰게요!

 

5. 이모티콘 캐릭터의 색상과 형태를 정해주세요

 

라인과 카카오톡등 메신져의 배경에서 뚜렷하게 보일 수 있는

색상과 테두리는 선명하게 할지 수채화식으로 그릴지 결정해주세요

테두리가 없이 하얀색 캐릭터로 그리거나 카카오톡의 파란 색깔의 이모티콘으로 만들면

아무래도 잘 보이지 않겠죠?

이모티콘의 형태는 생활에 돌아다니는 다양한 물체에서 아이디어를 얻어보세요

아이스크림이라던가 미세먼지 시계 아님 인기가 많아 종류도 많은 토끼 고양이 강아지 등등

주변에서 다양한 물건,동물에게서 형태를 만들어보세요! (전 달걀에서 모티브를 얻어왔어요)

 

6. 이모티콘 캐릭터의 앞,뒤,옆 모습을 그려주세요

이제 만들 이모티콘의 앞,뒤,옆모습을 그려놓고 작업에 들어가주세요

나중에 저작권등록에 쓰일수도 있구요 !

앞,뒤,옆모습을 그려놓고 작업하면

나중에 이모티콘들이 크기가 들쑥날쑥되는걸 방지해준답니다.

 

7. 이모티콘 캐릭터의 스토리를 적어주세요.

이모티콘 캐릭터의 스토리를 적어 생명력을 불어넣어주세요

천박지축에 사과먹는걸 좋아하는 귀염둥이 돼지.

이런식으로 스토리를 적어주고 생명력있는 이모티콘을 만들어주세요

 

8. 이모티콘에 제작할 다양한 감정표현 찾아놓기

안녕,잘가,사랑해,울음,슬픔,응,정색,박수,미소,웃음,화남,폭발,삐짐,바빠,일중,연락해

정말 다양한 종류의 이모티콘을 만들수있어요

보통 24가지 감정의 이모티콘이 1세트인데 금방 만들겠죠?

(실제론 어렵더라구요...ㅋㅋㅋ)

 

다음엔 가이드라인과 그리는 방법 등을 가지고 끄적여 볼게요

 

 

copyright2019.KH-ran.All rights reserved

 

+ Recent posts