책장 넘기듯 움직이는 이미지



  인터넷사이트를 돌아다니다 보면 이미지가 책처럼 한 장씩 넘어가며 보이는 것을 볼 수가 있습니다. 이 효과는 '플래쉬'라는 프로그램을 이용해도 되지만 해당하는 프로그램이 없을 경우 포토샵 설치시 같이 설치되는 '이미지레디'를 통해 이러한 효과를 보여줄 수 있습니다.

  이번 강좌에는 '이미지 레디'를 이용해 이미지가 책장 넘어가듯 움직이는 효과에 대해 알아 보겠습니다.

<사진1>

<사진2>

<사진3>

<사진4>

  가로/세로 의 길이가 같은 이미지 4개를 포토샵에서 엽니다.

  'File'(파일) 메뉴 > 'New'를 눌러(단축키 : Ctrl+N) 새로운 종이를 불러옵니다. 이 때 불러온 이미지 크기는 불러온 사진 이미지 두 개를 가로로 펼쳐졌을 때보다 조금 더 크게 합니다. (사진 이미지를 가로 250 세로 300 픽셀이라 가정 하였을 경우 가로 540 세로 340 픽셀로 설정하였습니다.)

  불러온 빈 종이위에 <사진1><사진2>를 책 펼치듯이 올려 놓습니다. (가로 / 세로 간격을 비슷하게 맞추는 것이 좋습니다.)

  그 위에 '이동 툴'을 이용해 <사진4>를 불러옵니다.

  <사진4><사진1>과 포게어 놓습니다.

  <사진4>를 선택해 Ctrl+J를 눌러 레이어 복사를 하고 Ctrl+T를 눌러 이미지를 변형 합니다. (Ctrl 키를 누르면 이미지를 자유롭게 변형할 수 있습니다.) 이 때 모서리(화살표) 변형시 본래 이미지 보다 점차 크게 하여 변형 시킵니다.

  다음과 같이 완성되면 반대편 방향에 <사진3>을 불러와 <사진2> 위에 동일한 방법으로 포게어 옮깁니다.

  반대편 방향도 동일한 작업을 합니다.

  작업한 이미지를 '툴 박스'의 점프버튼(단축키 : Ctrl+Alt+M)을 눌러 '이미지레디'(Image ready)로 가져 갑니다. 이미지레디는 '애니메이션 팔레트' 등의 몇가지만 제외하면 포토샵과 동일한 '툴박스'와 '레이어팔레트' 메뉴를 가지고 있습니다.

  '이미지 레디'를 통해 불러온 이미지의 '레이어 팔레트'에 위치한  'eye'를 눌러 보여줄 것인가 안보여줄 것인가를 선택합니다. (눈 아이콘을 켜느냐 끄느냐에 따라 이미지가 보이거나 안보이게 결정할 수 있습니다.

  애니메이션 팔레트에서 'Duplicates' 버튼을 눌러 새로운 프레임을 추가하면서 '레이어 팔레트'의 'eye'를 통해 보여줄 레이어만 선택합니다.

  동일한 작업을 계속합니다.(책이 넘어가는 장면을 생각하며 작업합니다.)

  만들어진 애니메이션 팔레트의 0 sec 옆에있는 조그마한 화살표를 눌러 한 프레임이 넘겨질 시간을 선택합니다.(프레임 재생속도를 조절할 수 있는 메뉴가 나옵니다. No delay를 선택하면 속도를 조절하지 않고 원래 속도대로 재생됩니다.) 나머지 프레임에도 동일한 속도(보여질 시간)를 설정합니다.

  이렇게 만들어진 이미지를 File 메뉴의 > Save Optimized (Ctrl+Alt+S)를 눌러 GIF 이미지를 저장합니다.

 
<완성된 이미지>

   이번 강좌에서는 포토샵과 이미지레디의 레이어의 역할에 대해 조금더 자세히 알 수 있었습니다. 이미지레디는 애니메이션 팔레트를 통해 각각의 장면을 한 장씩 보여줌으로써 움직이는 영상의 과정을 알기 쉽게 보여줍니다. 자연스럽고 퀄리티높은 작업을 위해서는 한 장면 한 장면의 섬세함이 요구됩니다. 또한 장면이 얼마나 오랫동안 보여지는가도 부드러운 작업을 위해 중요합니다.
이번 강좌를 통해  여러분들의 '이미지 레디' 사용이 더 친숙하고 쉽게 다가왔기를 바랍니다.

출처 : 도도퀸이 사는집
글쓴이 : 도도퀸 원글보기
메모 :

+ Recent posts