'Tween' 옵션은 Frame과 Frame 사이에 자연스러운 변화를 주는 효과를 줄 수 있습니다.
Step 1. Animation 팔레트에서 각 Frame의 Delay를 '0.2'로 변경한다.
Step 2. 'Frame 1'을 선택하고 팔레트 옵션메뉴에서 'Copy Frame'을 선택한다.
Tip: Copy Frame 명령은 말 그대로 Frame을 복사하는 명령입니다.
Step 3. 마지막 'Frame 4'을 선택하고 'Paste Frame' 메뉴를 선택한다.
Tip: Paste Frame 명령은 복사한 Frame을 붙여넣는 명령입니다.
Step 4. 이어서 뜨는 옵션창에서 'Paste After Selection'옵션을 선택하고 'OK' 버튼을 누른다.
Tip: Paste Method 옵션은 복사한 Frame을 어떤 방법으로 붙여 넣을지를 정하는 옵션입니다.
Replace Frame: 현재 선택된 Frame위에 덮어 씌우는 옵션
Paste Over Selection: 새로운 Layer를 만들면서 붙여 넣는 옵션
Paste Before Selection: 선택된 Frame 앞으로 붙여 넣는 옵션
Paste After Selection: 선택된 Frame 뒤쪽으로 붙여 넣는 옵션
Step 5. 'Frame 2'를 선택하고 'Tween' 버튼을 클릭한 다음, 아래와 같은 옵션을 주고 'OK'버튼을 눌러 적용한다.
Tip : Tween 기능은 Frame과 Frame 사이에 새로운 Frame을 넣어주어 자연스러운 변화를 주는 효과를 가지고 있습니다.
* 'Tween With' 옵션에서 'Previous Frame'을 선택하면 현재 선택된 Frame과 그 앞에 위치한 Frame 사이에서 Tween 효과가 일어나고 'Next Frame'을 선택하면 다음에 위치한 Frame 사이에서 Tween 효과가 일어나게 됩니다. 또는, 앞 뒤의 Frame 중 키보드 Ctrl 키를 누르고 같이 선택한 후에 'Selection'옵션을 사용할 수도 있습니다.
* 'Frame to Add' 옵션은 만들어지는 Frame의 수를 설정할수 있습니다.
* 'Layer' 옵션은 모든 Layer를 사용하여 효과를 줄 것인지(All Layers), 선택된 Layer만을 사용할 것인지(Selected Layers)를 정하는 옵션입니다.
* 'Parameters' 옵션은 Tween 효과에 움직임(Position), 투명도(Opacity), Layer Style 효과(Effects)를 줄 것인지를 정하는 옵션입니다.
Step 6. 'Frame 6'을 선택하고 Tween 효과를 준다.
Step 7. 나머지 Frame도 마찬가지로 Tween 효과를 준다. 마지막에 'Frame 17'이 만들어 져야 한다.
Step 8. 'Frame 17'을 선택하고 'Deleteds selected frames' 버튼을 클릭하여 삭제한다.
Tip: 'Frame 17'을 삭제하는이유는 같은 Frame이 또, 'Frame 1'에 있기 때문입니다. 만약 삭제하지 않으면 'Frame 17'을 지나 'Frame 1'을 보여주게 되는데 같은 이미지이기 때문에 지체되는 듯한 모습을 보여주게 됩니다.
Step 9. 'Play' 버튼('▶' 모양의 아이콘)을 눌러 Animation 과정을 확인한다.
아래와 같은 모양의 Animation이 일어나야 정상입니다. Tween 효과에서 Frame 수를 많이 주고 Delay를 짧게 하면 보다 자연스러운 Animation이 보여지겠지만 파일의 용량이 너무 커지게 됩니다. Gif Animation은 Frame 수에 따라 파일의 용량이 결정됩니다. 즉, 한 이미지의 용량이 10이라고 했을 때, 10 Frame을 가지고 있으면 100이라는 용량을 가지게 되는 것입니다. Web 이미지는 절대 용량을 무시해서는 안되므로 적절한 옵션이 주어져야 합니다. 일반적으로 Web 이미지는 80kb를 넘어가지 않아야 합니다.
Step 10. 'Frame 1'을 선택하고 Delay를 '1 sec'로 변경한다.
Step 11. 'Frame 5', 'Frame 9', 'Frame 13'도 각각 선택하고 Delay를 '1 sec'를 준다.
아래와 같은 이미지가 만들어져야 합니다. 즉, 'Step 10' ~ 'Step 11'의 과정은 이미지가 변하고 난 후 1초동안 멈추었다가 다시 변화가 되는 과정이 반복되는 효과를 주기 위한 과정입니다.
최근 덧글