블로그 게시물에 무료로 애니메이션 GIF를 만드는 방법

게시 됨: 2022-12-03

how to make a gif for a blog

아마도 애니메이션 GIF를 소셜 미디어와 연관시킬 것입니다.

그들은 일반적으로 오락 가치를 위한 일종의 짧은 비디오이며 종종 YouTube 비디오에서 가져온 작은 스니펫입니다.

단지 재미를 위한 것이라면 무료 gif 라이브러리인 경우 온라인에서 수천 개를 찾을 수 있으므로 애니메이션 gif를 직접 만들 필요가 없습니다.

아마도 이 게시물의 주제가 실제 페이지를 넘기는 책에 관한 것이라면 아래와 같은 것을 추가할 수 있습니다.

지금까지 만들어진 가장 흥미로운 고품질 gif는 아니지만 대부분의 블로깅 플랫폼에서 블로그 게시물에 하나를 추가할 수 있음을 보여주기에 적합합니다.

WordPress를 사용하는 경우 이미지 편집기에서 모든 이미지를 로드하는 것과 같은 방식으로 gif를 로드할 수 있습니다.

페이지를 넘기다

gif는 어떻게 만드나요?

인터넷에서 볼 수 있는 많은 gif는 비디오 파일로 만들어지고 비디오 프레임을 레이어로 변환합니다.

꽤 많은 작업이 필요합니다. 그들 중 일부는 수백 개의 개별 파일 가져오기 비디오 프레임을 사용합니다.

비디오를 gif로 바꾸려면 비디오의 개별 프레임을 복사해야 합니다.

어떤 사람들은 Photoshop에서 애니메이션 GIF를 만드는데 약간 복잡합니다.

나는 전문가가 아니다. 하지만 내가 이해할 수 있는 바로는 레이어에서 프레임을 로드한 다음 파일을 스택으로 로드해야 합니다.

나에게는 너무 복잡해서 거기서 멈췄습니다.

블로그 게시물이나 기사의 경우 gif 파일은 적용이 제한된 이미지 파일입니다. 그러나 때때로 그들은 유용합니다.

이 게시물을 작성하기 전에 헤더 이미지를 가지고 놀았습니다.

모든 실험을 마친 후 저는 스틸 이미지를 유지하기로 결정했습니다. 하지만 모든 작업을 낭비하지 않기 위해 제가 만든 gif 버전이 있습니다.

블로그 게시물에서 빠르게 사용할 수 있는 프레임 애니메이션을 만드는 데 작동합니다.

make a gif

GIF를 만드는 방법, 쉬운 방법

애니메이션 GIF를 만드는 가장 쉬운 방법은 무료 온라인 GIF 생성기 또는 GIF 메이커를 사용하는 것입니다.

그들 중 많은 수가 있으며 모두 비슷한 방식으로 작동합니다.

그러나 먼저 GIF를 만드는 데 사용할 슬라이드를 만들어야 합니다.

위의 예에서는 Canva를 사용하여 4개의 이미지를 만들고 각 이미지의 단어와 텍스트 색상을 변경했습니다.

그런 다음 무료 온라인 gif 메이커 도구를 사용했습니다. Google 검색을 수행하면 선택할 수 있는 항목이 많이 있습니다.

gif maker

"이미지 업로드"를 클릭하여 파일을 선택하십시오. 각 이미지는 새 레이어를 만듭니다.

그런 다음 모두 업로드한 후에는 GIF를 미리보기 전에 약간의 조정을 할 수 있습니다.

GIF 메이커2

슬라이드 순서가 잘못된 경우 드래그 앤 드롭으로 변경할 수 있습니다.

변경할 수 있는 몇 가지 설정이 있습니다.

캔버스 크기는 이미지 크기와 같습니다. 블로그에 맞게 설정하되 일반적으로 750px이면 충분합니다.

물론 파일 크기를 너무 크게 하면 파일 크기가 커져 페이지 로딩 속도가 느려질 수 있습니다.

애니메이션 속도는 슬라이드가 변경되는 속도입니다. 만들려는 gif 유형에 가장 적합한 속도를 찾으려면 이 설정을 실험해야 합니다.

설정을 선택했으면 "GIF 애니메이션 만들기"를 클릭합니다.

그러면 아래에 "보기" 또는 "다운로드" 메뉴가 로드되는 것을 볼 수 있습니다. 파일 다운로드를 클릭하면 gif가 만들어집니다.

이미지 미리보기로 파일을 열려고 하면 슬라이드만 표시됩니다. 새 GIF를 확인하려면 Chrome, Safari 또는 Firefox에서 열어야 합니다.

블로그 게시물에서 gif로 무엇을 할 수 있습니까?

블로그에서 gif의 주요 용도는 정보나 긴 목록을 압축하는 것입니다.

블로그 페이지에서 열을 사용하는 것은 반응이 없기 때문에 더 이상 좋은 생각이 아닙니다.

즉, 휴대폰에서는 제대로 표시되지 않습니다.

열은 작은 화면에 맞게 크기가 줄어듭니다. 그러면 텍스트가 너무 작아 읽을 수 없게 됩니다.

열을 사용하지 않고 75권의 가장 인기 있는 책 목록을 포함하고 싶다면 노트북에서 페이지 아래로, 휴대폰이나 태블릿에서 더 멀리 확장될 것입니다.

더 좋은 방법은 gif를 사용하는 것입니다.

다시 말하지만 슬라이드를 만들어야 하는데 이번에는 스크린샷을 사용한 다음 모두 같은 크기로 잘라냈습니다.

books 75 list

이제 75권의 책 목록이 훨씬 적은 페이지 공간을 차지합니다.

또한 휴대폰이나 태블릿과 같은 작은 화면에서는 gif의 크기가 자동으로 조정됩니다.

위의 gif를 최적화하여 최대한 빨리 로드되도록 했습니다.

그러나 더 선명한 텍스트를 원할 경우 사용하는 압축량을 선택할 수 있습니다.

결론

작성하는 모든 블로그 게시물이나 기사에 gif를 사용하지 않을 것입니다.

그러나 때때로, 특히 많은 정보를 관리 가능한 공간에 맞추는 데 유용합니다.

작동하는 것과 작동하지 않는 것을 찾는 데 몇 번의 시도가 필요했습니다.

내가 찾은 것은 새 gif를 만들기 전에 사용한 이미지의 크기를 조정하는 것이 필수적이라는 것입니다.

현재 블로그에서 사용하는 이미지 크기에서 이 계산을 할 수 있습니다.

가장 큰 실수는 최대 블로그 페이지 너비보다 훨씬 더 넓은 gif를 만드는 것입니다.

테마에서 확인하실 수 있습니다. 사이드바를 사용하는 경우 너비는 600~800픽셀 사이일 수 있습니다.

실제 블로그 페이지 너비의 두 배인 gif를 사용하는 경우 블로그 플랫폼에서 자동으로 크기가 조정됩니다.

보기에는 괜찮아 보이지만 파일 크기가 크기 때문에 페이지 로딩 속도가 크게 떨어집니다.

크기 문제 외에도 블로그 게시물에 gif를 포함하는 데 특별한 것은 없습니다.

올바른 이유로 올바른 장소에서 GIF를 사용하세요. 블로그 게시물의 일부로 사용하여 독자에게 몇 가지 유형의 정보를 훨씬 더 나은 형식으로 제공하는 실용적인 도구가 될 수 있습니다.

관련 자료: 50가지 무료 쓰기 소프트웨어 도구 및 앱