*목표
-움짤 만들기부터 디시콘 업로드까지 직접 해보기.
*신경 쓴 점
-최대한 누워서 스마트폰으로 뚝딱뚝딱 만들 수 있게.
-설치 최소화, 웹페이지 이용.
*준비물
-삼성 폰(Edge 패널, 포토 에디터 사용)
-디시앱
*사이트
*차례
0. 서론
1. 움짤 만들기(Edge 패널)
2. 움짤 편집(포토 에디터)
3. 리사이즈(iloveimg)
4. 용량 확인과 최적화(디시앱, Ezgif)
5. 업로드(PC)
6. 부록: Ezgif 기능 소개
0. 서론
고퀄리티는 아니지만 움짤콘을 쉽고 빠르게 만드는 방법을 공유함.
포토 에디터, iloveimg에서 할 모든 작업은 ezgif에서 할 수 있지만 너무 느림.
그래서 크롭(자르기), 프레임 편집, 속도 조절은 포토 에디터에서 대신함.
(WebP는 지원 안하니까 따로 Ezgif에서 작업할 것.)
또한, 리사이즈(100*100 픽셀로 크기 조절)은 iloveimg에서 일괄로 작업하면 많은 시간을 절약할 수 있음.
1. 움짤 만들기(Edge 패널)
Edge 패널을 열고 애니메이션에 들어간다.
영상을 인식해서 창이 만들어진다.
유튜브 영상은 빨간 줄이 같이 찍히니까 적당히 조절하자.
넉넉하게 타이밍 맞춰서 녹화, 정지 버튼을 눌러준다.
움짤 완성.
2. 움짤 편집(포토 에디터)
갤러리에 들어가서 방금 만든 움짤을 열고 포토 에디터를 킨다.
GIF 파일을 편집할 땐 인터페이스가 이렇다.
맨 아랫줄을 보면 5개의 아이콘이 보인다.
주로 쓰는 1, 2번을 순서대로 설명함.
-프레임: 움짤을 프레임 단위로 보여준다.
처음에 움짤을 넉넉하게 녹화해도 여기서 편집하면 됨.
전신이 나오는 부분만 남기고 싶으니까 나머지는 휴지통 아이콘을 눌러서 지워준다.
프레임 편집 후의 움짤.
-크롭(자르기): 디시콘은 정사각형 모양이니까 1:1을 선택해서 잘라준다.
좌우로 움직이기 가능.
그치만 세밀한 조작은 안되서 어쩔 수 없이 ezgif를 쓰는 경우도 있다.
1:1 비율 조정까지 완료.(하나 더 만들었다)
3. 리사이즈(iloveimg)
이제 100*100 픽셀로 크기 조절만 하면 대부분의 디시콘은 완성이다.
ezgif는 1개 파일을 업로드하고 리사이즈하는 과정을 반복하기에 50개를 다 하려면 매우 오래 걸린다.
그래서 이 사이트에서 이미지를 한번에 리사이징한다.
이미지 크기 조절 클릭.
파일 일괄 업로드 후 톱니바퀴 아이콘 클릭.
꼭 픽셀별을 누른 뒤 너비와 높이에 100을 입력한다.
좌상단의 톱니바퀴 아이콘을 눌러 설정 창을 나간다.
100*100으로 잘 되었는지 확인하고 '여러 이미지 크기 조절' 클릭.
뜨는거 눌러주고 좀 기다리면 zip파일을 뱉어내니 다운하면 끝이다.
4. 용량 확인과 최적화(디시앱, Ezgif)
디시콘은 1MB를 넘으면 안된다.
그래서 1MB가 넘는 파일이 있으면 용량을 줄여줘야 한다.
난 디씨앱(윾식이아님ㅎ)으로 용량을 확인한다.
사진 업로드 들어가면 용량 잘 뜨니까 1MB 넘는건 기억해놨다가 줄여줘야 한다.
(전부 1MB보다 작다면 5번으로 넘어갈 것!)
여기부턴 Ezgif를 쓴다.
Optimize(최적화)기능만 설명하고, 나머지 기능은 업로드 설명 이후에 설명하겠음.
들어가서
순서대로 눌러서 업로드해준다.
레벨 조절 해서 1MB 이하로 맞추고 저장하면 된다.
5. 업로드(PC)
난 업로드는 PC로만 해봤다.
그래서 이것밖에 못 알려줌...
- 만든 움짤들을 PC로 옮긴다.
- 순서를 잘 정한다.
- 순서대로 파일명을 1, 2, 3, 4, 5, ... , 50으로 설정한다.
- 메인 이미지(200*200 픽셀, JPG)와 목록 이미지(70*50 픽셀, PNG)를 적당히 만든다.
(확장자 저대로 안하면 업로드 안되니까 주의.)
- 디시콘 등록 들어가서 순서대로 업로드한다.
디시콘 저장 폴더의 파일 정렬 방식을 이름 오름차순으로 하면 당연히 업로드하기 편하다.
- 여기서 팁인데, 알트값은 조또 안중요하다.
사실상 콘 하나마다 새로 이름을 붙여주는건데, 쓰임새라곤 왜 반려됐는지 알게 해주는 것 뿐이다.
그래서 파일명 대로 업로드한다음 알트값도 1, 2, 3... 식으로 똑같이 붙이면 된다.
혹시 반려되더라도 파일명과 알트값을 똑같이 해놨으니까 뭐 때문인지 바로 알 수 있다.
- 움짤 많으면 반려먹을 수 있다.
그래서 가급적 임시저장 해뒀다가 금요일 17시에 올리는 걸 추천한다.
이 시간에 응우옌이 퇴근 본능이 발동해서 합격을 잘 시켜준다.
- 저녁먹고 출시됐나 확인해주면 끝.
6. 부록: Ezgif 기능 소개
이런 움짤은 포토 에디터로 크롭하기 어렵다.
그래서 다른 움짤들을 먼저 2~4 단계까지 진행하고,
이 움짤은 처음부터 끝까지 Ezgif로 편집하는걸 추천한다.
Crop - (Frames) - Resize - (Optimize) 순서로 진행한다.
1) Crop
크롭한 다음 다른 아이콘을 누르면 파일을 다시 업로드할 필요 없이 다음 단계로 넘어갈 수 있다.
팁) 투명한 배경 기능도 제공하니까 가로로 긴 이미지를 디시콘으로 만들 때 써보면 좋다.
2) Frames
안 쓸 프레임은 skip을 눌러서 없애고 리사이즈로 넘어가자.
3) Resize
100*100 픽셀로 리사이즈하고, 용량 확인한 뒤 Optimize를 하거나 마무리를 하면 된다.
4) 그 외 기능(써 본 것만 설명함)
GIF Maker: 말그대로 정지상태의 이미지들을 움짤로 만들어준다.
Video to GIF: MP4 -> GIF 할 때 쓴다.
Cut: 살릴 프레임 구간을 지정하고 나머지는 자르는건데 Frames가 낫다.
Effects: Add overlay란 걸 쓰면 움짤 위에 텍스트가 뜨게 할 수 있다.
WebP: 구글에서 GIF 이미지를 검색했는데도 WebP가 걸릴 때가 있다. 이 경우는 여기 있는 WebP to GIF 기능을 이용해서 확장자를 GIF로 바꿔주자.
(품질 열화가 일어나므로 맨 마지막에 하는 걸 추천.)
장문은 개추지