페이스북 페이지 사진첩에 애니메이션 효과 넣기

Posted on

페이스북 페이지 사진첩에 이미지들을 업로드해서 애니메이션 효과 넣는 방법을 소개해드립니다. 폭스바겐에서 진행한 사진첩 애니메이션 효과와 필자가 직접 운영중인 페이스북 페이지 사진첩에 넣은 애니메이션 효과를 소개해드립니다.

 

 

페이스북 페이지 사진첩에 에니메이션 효과를 넣는다?

 

오늘 소개해드릴 내용은 매우 흥미로운 내용들입니다. 페이스북 페이지에는 사진들을 모아서 올릴수 있는 사진첩이라는 기능이 있습니다. 사진들을 그룹으로 분류해서 지정할 수 있기 때문에 여러장의 사진을 한곳에 모을 수가 있습니다.

 

 

이런 여러장의 사진들을 조금씩 변화를 주어서 연결시켰을때는 애니메이션 효과가 나타나게 됩니다.

SNS에서 이런 애니메이션 효과 시도는 일전에 소개해드린 트위터에서 처음 시도된 적이 있습니다.

 

 

함께 읽어보시면 좋은 포스트 : 트위터 마케팅, 타임라인에 애니메이션 효과주기

 

 

트위터 타임라인에 연속된 트윗으로 애니메이션 효과를 나타낸 모습

 

 

오늘 소개해드릴 내용은 트위터에서의 애니메이션 효과내기를 페이스북 페이지 사진첩에 옮기 거라고 보시면 됩니다.

트위터는 140자의 단문메세지로 표현해야 했기 때문에 단순했지만, 페이스북 페이지는 이미지를 활용하기 때문에 더욱 더 정교한 애니메이션 효과가 가능합니다.

 

트위터를 벤치마킹해서 처음으로 시도한 기업은 폭스바겐 자동차의 페이스북 페이지 입니다.

 

 

폭스바겐 페이스북 페이지 모습 – 바로가기

 

 

 

폭스바겐 페이스북 페이지 모습입니다. 커버이미지 하단에 “사진” 메뉴를 클릭하면 오늘 소개해드리는 사진첩 애니메이션 효과를 보실수 있습니다.

 

 

페이스북 페이지 사진첩 애니메이션 효과

 

 

 

연속된 이미지들을 페이스북 페이지 사진첩에 업로드한 모습입니다.

그럼 어떻게 애니메이션 효과가 나오는지 살펴보겠습니다.

 

 

폭스바겐 페이스북 페이지 사진첩에 접속합니다. 접속해서 애니메이션 보기

 

 

 

위의 그림이 애니메이션 사진첩 모습입니다. 이미지 위에 오른쪽 화살표를 클릭하면 애니메이션 효과가 발생합니다.

 

 

 

 

위의 그림처럼 연속된 이미지들이 보여지면서 애니메이션처럼 보여지게 되는 것이죠^^

트위터 타임라인에서 애니메이션 효과를 적용한지 몇일 지나지 않아서 발빠르게 벤치마킹한 폭스바겐이 대단해보이네요

 

 

 

폭스바겐 페이스북 페이지 애니메이션 안내 동영상

 

 

 

애드몬즈 페이스북 페이지에서 애니메이션 도전하기

 

폭스바겐 페이스북 페이지의 애니메이션 적용을 보고서 필자도 운영중인 페이스북 페이지에서 시도해보았습니다.

보기에는 쉬워 보여도 소스만들기 부터 만만치 않은 작업이더군요~

 

애니메이션 소개를 위해서 필자의 “애드몬즈” 페이스북 페이지를 소개합니다.

 

 

애드몬즈 페이스북 페이지 바로가기 : http://www.facebook.com/postview

 

 

 

필자가 운영중인 “애드몬즈” 페이스북 페이지 모습입니다. 한번씩 방문해서 “좋아요” 한번씩 눌러주세요^^

먼저, 페이스북 페이지 사진첩에 애니메이션 효과를 적용시킬 이미지들을 업로드 합니다.

 

 

페이스북 페이지 사진첩에 이미지 업로드 모습 – 바로가기

 

 

 

애니메이션 효과를 확인하기 위해서는 첫번째 이미지를 클릭해 줍니다.

 

 

이미지 클릭해서 애니메이션 효과 확인하기 – 바로가기

 

 

 

위의 그림처럼 이미지가 보여지게 됩니다. 폭스바겐의 경우처럼 오른쪽 화살표를 클릭하시면 애니메이션 효과가 발생합니다.

 

 

애드몬즈 페이스북 페이지에서 보여지는 애니메이션 효과

 

 

 

재미있으셨나요!! 트위터에서 부터 시작한 타임라인 애니메이션 마케팅이 폭스바겐의 발빠른 벤치마킹으로 페이스북 페이지 사진첩까지 확장되는 모습을 소개해드렸습니다.

 

창조적인 아이디어도 중요하지만, 아이디어를 응용해서 더욱 발전시키는 것도 대단해보입니다.

댓글을 남겨주세요 ▶

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.