본문 바로가기

사진 영상 무료 디자인 앱

미리캔버스- 애니메이션으로 예쁜 움짤 만들기

728x90
반응형
SMALL

오늘은 미리캔버스 애니메이션 작업 중에서도 스토리텔링 (글 소재)에 맞게 재미있게 꾸미는 애니메이션 연출 방법에 대해 알려드리겠습니다.


미리캔버스를 이용해 실제 이러한 방법은 제자들을 통해 블로그나 상품판매에서 상세페이지에 디자인 설명에서 문구만 아니라 그림과 애니메이션을 적용해 훨씬 많은 방문자와 매출이 일어났던 방법입니다.

미리캔버스 활용 애니툴 이용방법

내가 판매하려는 상품, 블로그 포스팅 내용에 맞게 애니메이션 연출을 해놓으면  보는 사람들의 재미를 더욱 흥미롭게  만들 수 있겠죠.

처음이신 분들은 미리캔버스 기본 툴 사용방법을 포스팅 제일 하단에 링크 걸어두겠습니다.  오늘은 이미 기본적인 작업을 알고 계신다는 전제로 애니메이션 응용방법에 대해 설명드리겠습니다. 

 


미리캔버스의 메인화면입니다. 애니메이션 활용 사례 위의 이미지를 보시면 왼쪽 초보 운전자가 서툴어 깜빡이를 켠 상태로 강사에게 지적질받아 진땀을 흘리고 있는 장면이 보입니다. 

 

우측의 벤츷자 주인은 빨리 출발하고 싶은지 엑세레이터를 연신 밟고 있는 모습이네요

교통경찰 야광 지시봉은 빛이 반사되도록 처리해 주었습니다. 

그냥 낱장으로 보았을 경우는 별것 아닌 그림에 스토리텔링에 맞춰 다양한 애니메이션을 적용한다면 특히 어린이들은 정말 즐거워질 것입니다.

​그럼 이제부터 미리캔버스의 세부적인 애니메이션 작업 방법에 대해 하나씩 살펴보겠습니다.

애니메이션 툴 사용방법

미리캔버스 화면을 열면 우선 제일 좌측 상단에 사이즈가 있어요. 사이즈v 를 탭 하시면 규격을 원하는 대로 정해줄 수 있습니다. 일반적으로 블로그 사이즈의 경우는 1080x650 정도면 다음이나 구글에서는 적합합니다.

 

사이즈를 정한후에 좌측에 (1) 요소를 클릭 전체에서 원하시는 단어를 입력하시면 찾기 편해요 (예) 경찰. 순경, 병원 등 → 기본적인 캐릭터들을 이용해서 기본 화면 디자인을 구성해 줍니다.

 

물론 아래 T를 클릭해서 글씨도 들어가도 무방하죠 → 기본작업 완성 후 (2) 애니 클릭 → 하면 다양한 애니메이션 캐릭터가 보입니다.

 

애니메이션 툴 적용방법

보기와 같이 교통경찰의 지시봉에 적합한 애니를 선택 후 클릭해주면 메인화면 중앙에 크게 나타나게 됩니다. 그것을 선택해서 원하는 위치에 놓고 박스 끝을 움직여 축소 혹은 확대를 시켜 내가 원하는 사이즈로 맞추어 줍니다.

 

이 같은 방법으로 자동차 깜빡이등에 붙인다거나 스토리에 맞게 연출을 해주세요.

 

재생시간 설정하기

 

미리캔버스 메인화면 상단에 1번과 같이 애니메이션 효과를 클릭해 줍니다. 참고로 전환 애니메이션을 하나씩 선택해보시면 다양한 애니메이션을 볼 수 있어요. 이것은 이번 시간에 진행 내용이 아니라 링크를 참고하시고요.

 

2번과 같이 타임을 조정해 줍니다. 최대 10초까지 늘려줄 수 있는데 10초면 영화죠. 5초 미만으로 설정해 주셔도 충분합니다.

 

반응형

모든 것에 배경을 넣지 마시고 작은 사이즈로 만들어서 본문 설명 중에 맞게 연출해서 넣어주셔도 글 읽는데 도움이 된답니다. 샘플을 만들어 볼게요,

기본적인 설명을 드리기 위해 기본 사이즈로 올려놓았지만 여러분이 활용하실 때는 아래 움짤이미지 처럼 작은사이즈인  400X400 정도 크리고 만들어 올리시면 깜찍하게 본문과 잘 어울리게 됩니다. 

 

경광등 위에 깜빡이는 효과를 넣어주기 위해 두 가지 타입의 애니를 올려두고 좌측과 우측의 투명도를 달리 주었어요. 

애니를 클릭하면 투명도가 좌측에 나오게 됩니다. 그때 적당히 투명도 숫자를 낮춰주면 자연스러운 애니를 만들 수 있습니다.

보시는 것처럼 작게 본문의 내용에 맞게 액세서리처럼 만들어서 넣어보세요. 훨씬 친근감이 들게 됩니다.

 

이제 이렇게 작업이 끝난 경우 저장하는 방법을 알아보겠습니다.

 

동영상 저장하기

 

1번과 같이 다운로드 클릭 → 2 동영상 탭 → 3. GIF 파일 선택 → 2장을 각각 선택할 경우는 원하는 페이지만 V 해 줍니다 → 4, 다운로드하시면 내 PC 다운로드에 저장되어있어요.

 

미리캔버스는 무료이며 저작권 걱정 안 하셔도 되죠. 아래 링크를 보시면 아주 쉽게 초보자도 작업 가능하도록 설명해 두었답니다. 참고하시고 좋은 움짤 애니 만들어 활용해 보시기 바랍니다.

 

 

 

 

미리캔버스- 전문가도 놀란 무료디자인 어플

미리캔버스 저도 놀랐습니다 안녕하세요. 김진교입니다. ​ 오늘은 디자인 경험이 없거나 디자인 센스가 있는 분들에게 전문가 입장에서 봤을때 여러가지 디자인 무료 앱 중 사용은 간단하고

exper.tistory.com

 

반응형
LIST

FONT PRELOAD SAMPLE

This is a sample for preloading Web Fonts

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?