망고보드 사용팁

시선 확 끄는 모션 만들기(1) 반짝반짝, 터뜨리고, 쏟아지고
2022.09.20



망고보드의 슬라이드 위에 올려진 모든 이미지와 폰트에는 ‘모션’ 효과를 설정할 수 있습니다.


모션 효과를 설정해 둔 모션 템플릿을 활용해도 됩니다만, 여기서는 템플릿을 사용하지 않고도 쉽고 빠르



게 모션 설정하는 기막힌 방법들을 소개해 드리겠습니다.

모션 템플릿 사용법 관련해서는 아래 동영상을 통해 배울 수 있습니다



(템플릿 사용법이므로 글과 내용은 다릅니다. ) 




















모션 설정에 대해 처음 듣는 분들을 위해 간략히 설명하겠습니다.



모션은 짧고 반복적인 움직임(애니메이션)인데, 망고보드에서는 모든 폰트와 이미지에 모션을 설정할 수 있습니다.



그리고, 모션 효과를 설정한 후 GIF나 MP4 파일로 다운로드 받을 수 있습니다.



※ MP4를 인스타그램이나 페이스북에 올리면 자동 반복재생이 되므로 GIF처럼 보이게 됩니다. 

여러 가지모션 효과 중에 가장 먼저 설명 드릴 것은 반짝이는 것과 쏟아지고 터지는 효과입니다.  

1. 반짝이는 효과
 
모션효과 중에 ‘반짝이기’ 와 ‘깜빡이기’ 를 사용하는 방법을 알려 드리겠습니다.

(1)  반짝이는 이미지를 ‘반짝반짝’ 으로 검색

이 효과를 사용하기에 적합한 이미지들이 따로 있습니다. 망고보드에서 ‘반짝반짝’ 으로 검색했을 때 나오는 이미지들



입니다. 이 이미지들을 짙은 배경 바탕에 올린 후 효과를 설정합니다. 


 
(2) 반짝이는 모션 효과 설정
 
모션효과 중 반짝이는 효과는 ‘반짝이기’, ‘깜빡이기’, ‘까딱까딱’, ‘회전하기’ 등입니다.
 

 

 
왼쪽 위부터 시계방향으로 ‘반짝이기’ ‘깜빡이기’ ‘까딱까딱’ ‘회전하기’ 를 적용하였습니다. 


멋있게 반짝이죠? 

다른 예시를 보여 드리겠습니다. 
 


여기에도 반짝이는 이미지 2개에  모션효과 ‘반짝이기’ 를 설정 하였습니다. 

 (3) 경쾌한 분위기로 강조하기 위한 효과

좀 가볍과 경쾌한 분위기로 반짝 거리는 효과를 사용할 수도 있습니다. 

검색창에서 ‘집중’ 으로 검색을 하면 돋보이게 하는 이미지들을 찾을 수 있습니다.
 


집중과 관련된 이미지를 넣고, 시선을 끌 수 있는 강조 효과를 넣어 보겠습니다. 



위에 적용한 효과는 커지며 사라지기, 좌우로 흔들기, 깜빡이기 3가지입니다.

2. 축하할 때, 대박 터뜨릴 때 쓰는 모션

기분 좋거나 축하할 일이 있을 때 폭죽을 터뜨립니다. ‘모션’ 설정으로 그런 분위기를 매우 쉽게 연출할 수 있습니다.

(1) 위에서 쏟아지기

아래의 SNS 템플릿 (‘소띠’로 템플릿 검색을 하면 나옵니다.)에 쏟아지는 애니메이션을 만들어 보겠습니다.



모션 효과 중 ‘위에서 날아 오기’ 를 선택하면 됩니다.




(2) 터뜨리기

다음 템플릿 (‘팔로우’ 로 템플릿 검색을 하면 나옵니다.)도 ‘위에서 날아오기’를 적용하면 어울립니다.






쏟아지는 모션 뿐 아니라 폭죽이 터지는 듯한 애니메이션도 만들 수 있습니다.


‘커지며 사라지기’ 를 선택하면 이런 효과가 나타납니다.



다음 사례 역시 커지며 사라지기를 적용하였습니다.



이런 효과를 적용하기에 적합한 이미지는 ‘종이가루’ 로 검색하여 찾을 수 있습니다.






여러 개의 종이가루가 하나의 이미지로 되어 있는 경우도 있으나, 각각 여러 개의 이미지로 구성된 경우 그룹으로



묶어 주어야 할 때도 있습니다. 



아래 왼쪽은 그룹으로 묶지 않은 것이고, 오른쪽은 그룹으로 묶은 것입니다. ‘커지며 사라지기’ 모션효과를 적용하였을 때 다르게 보입니다. 





움직임의 효과에 따라 다르나, ‘커지며 사라지기’ 를 적용할 때에는 여러 이미지로 되어 있는 경우 그룹으로 묶어 주는



것이 훨씬 더 보기 좋은 것 같습니다.



이런 움직임들을 금방 쉽게 만들 수 있다는 것이 대단하지 않나요? ^^


또 다른 모션 효과에 대한 꿀팁이 이어집니다.



아래를 링크해서 확인해 보시기 바랍니다.





(클릭) 시선 확 끄는 모션 만들기(2) 이미지 동작에 따라 애니메이션 설정




(클릭) 시선 확 끄는 모션 만들기(3) 커뮤니케이션이 잘 되게 하려면

목록으로 돌아가기