PNG 이미지도 움직일 수 있다는 사실을 아시나요?
전 몰랐습니다ㅎ~
알게된 기념으로 GIF로 PNG를 만들어 보았습니다.
1. 일단 포토샵에서 gif 이미지를 엽니다.
저는 카카오페이지에서 춘식이 움짤을 저장해서 사용했습니다.
2. 파일>내보내기>레이어를 파일로 순서대로 클릭합니다.
3. 아래와 같은 창이 뜨는데 필요에 따라 저장 경로와 접두어를 바꾸고 실행을 눌러줍니다.
4. 그러면 이렇게 GIF의 프레임들이 각각 png로 저장이 됩니다.
5. 이제 APNG를 만드는 사이트를 열어줍니다. 아래 사이트가 아니어도 APNG assembler/generator/maker 등을 검색하여 원하는 사이트에서 작업하면 됩니다.
Online Animated PNG maker
Free online APNG maker. Assemble individual image files into PNG animation. Animated PNG files work similarly to animated GIFs, but can contain more colors and partial (alpha) transparency for greater image quality.
ezgif.com
저는 EZGIF라는 곳에서 APNG를 만들었습니다.
6. APNG로 만들 이미지를 다중선택하여 가져옵니다.
7. 지연시간이나 반복횟수 등을 원하는대로 설정하고 APNG를 생성합니다!
8. 완성된 APNG 파일. EZGIF같은 경우에는 우측 하단의 Save 버튼을 눌러줍니다.
9. 그러면 이렇게 움직이는 png가 완성이 됩니다.
귀여운 춘식이가 움직이는 것을 확인할 수 있습니다.
움직이는 png 생성 완료!
HTML에 img 태그로 넣어도 잘움직입니다.
참 쉽죠
'Graphics' 카테고리의 다른 글
| 상업용 무료 폰트 롯데웰푸드 '시원한 설레임체' 추천 (0) | 2023.04.21 |
|---|---|
| 상업용 무료 폰트 'KBO 다이아고딕' 추천 (1) | 2023.04.19 |
| [Photoshop] 포토샵으로 여러 이미지 한 번에 크기 조절하기 / 포토샵으로 레이어 일괄 저장하기 (0) | 2023.02.24 |
| 유용한 MIT라이센스 무료 아이콘 라이브러리 모음 (0) | 2022.04.02 |
| 웹디자이너를 위한 목업(Mockup) 사이트 모음 (0) | 2022.04.01 |
