Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
애니메이션스티커테스트컷제작가이드Animation sticker test cuts guide KOR / ENG
1.0 PNG 테스트컷제작안내1.1 PNG 테스트컷제작시 주의사항2.0 GIF 테스트컷 제작안내2.1 GIF 이미지제작 방법
1.0 Guidelines for creating PNG test cuts1.1 Take note when making test cuts2.0 Guidelines for creating GIF test cuts2.1 How to make GIF test cuts
애니메이션 스티커 테스트 컷제작가이드
1.0 PNG 테스트컷제작안내
- 감정이 잘 드러나는 정지 이미지 최대 5컷
- 최고, 축하, 웰컴, 잘자요, 사랑해요, 고마워요
* 이미지 사이즈는 최대 370 x 320(px) 입니다.
* 해상도는 72dpi, 컬러모드는 RGB를 권장합니다.
스틸스티커테스트컷
1.1 PNG 테스트컷제작시주의사항
밴드 채팅, 게시판, 댓글쓰기의 UI와 BG 컬러를 고려하여 스티커 디자인을 진행해야 합니다.
화이트컬러와 연한컬러 사용 시 배경에 묻혀 잘 보이지 않으므로,
흰색컬러사용시외곽라인은필수,연한컬러는 BG컬러에실제반영해서 확인후제작합니다.
스티커색상및외곽선설정
밴드 UI / Ios, Android 별 BG 컬러 예시
게시판 BG 컬러 IOS:#FFFFFF(화이트) , Android : #FFFFFF(화이트)
채팅방 BG컬러 IOS:#FFFFFF(화이트) , Android : #FFFFFF(화이트)
화면모드 – 어두운모드적용시 BG 컬러 Android : #1d1f29
댓글 BG컬러 IOS:#f6f7f8(그레이) , Android : #fafafa(그레이)
2.0 GIF 테스트컷제작안내
- 감정이 잘 드러나는 움직이는 GIF 이미지 최대 3컷
- 최고, 축하, 웰컴, 잘자요, 사랑해요, 고마워요
* 이미지 사이즈는 최대 370 x 320(px) 입니다.
* 해상도는 72dpi, 컬러모드는 RGB를 권장합니다.
애니메이션스티커테스트컷
2.1 GIF 이미지제작방법
프리뷰 이미지 정지 이미지
애니메이션 스티커의 첫 프레임이 정지상태, 혹은 스티커샵에서 표시되는 대표이미지가
되기 때문에 정지이미지로 사용될 프레임이첫 프레임에위치하도록 해주세요.
프레임나열순서
키패드 이미지
GIF시안전달방식• GIF 이미지시안제작방법
애니메이션 검수를 위해 GIF 애니메이션 루프를 계속 반복되도록 설정해 주세요.
정지이미지로 사용될 프레임에 딜레이가 많이 필요한 경우
같은 프레임을 첫 프레임과 맨 마지막 프레임에 놓고 아래 표와 같이 재생 속도 지정해주세요.
0.50 0.10 0.10 0.10 0.10 0.10
0.10 0.10 0.10 0.10 0.10 0.10 0.40
프레임재생속도설정시유의사항• 첫프레임재생속도는길지않게설정해주세요
Animation sticker test cuts guide
- Five still images that reveal emotion well
- Great, congrats, welcome, good night, love you, thanks, etc.
* The maximum image size is 370*320(px).* Resolution is 72dpi and we recommend RGB for color mode.
Consider the colors of UI and BG in BAND chat, bulletin board, and comment box when designing stickers.
Outlines are required when using white colors, and pale colors must be applied to BG colors, as white and
pale colors may not be visible against the background.
Examples of BG colors for BAND UI / IOS and Android:
Bulletin board BG color IOS: #FFFFFF (White), Android: #FFFFFF (White)
Chat room BG color IOS: #FFFFFF (White), Android: #FFFFFF (White)
Screen mode – BG color when dark mode is applied Android: #1d1f29
Comment box BG color IOS: #f6f7f8 (Gray), Android: #fafafa (Gray)
- three animated GIF that reveal emotion well
- Great, congrats, welcome, good night, love you, thanks, etc.
* The maximum image size is 370*320(px).* Resolution is 72dpi and we recommend RGB for color mode.
Animated sticker’s first frame becomes the representative image during pause or
at the Sticker Shop. Put the frame which will be used as a still image on the first frame.
Preview Still Image Keypad
• How to make GIF image drafts
Set the GIF animation time to ‘Forever(continuous)’ for the animation inspection.
In case a delay is needed for the frame to be used as a still image,
place the same frame on both the first and last frames and designate
a playback speed by referring to the table below.
0.50 0.10 0.10 0.10 0.10 0.10
0.10 0.10 0.10 0.10 0.10 0.10 0.40
• Do not set too many delays in the first frame