|
|
|
|
|
|
|
|
| |
|
|
1. File>New를 이용해서 Width : 340 pixels, Height : 230 pixels, Resolution : 72 dpi 크기의 새 도큐먼트를 만든 후 File>Open을 이용하여 image.jpg를 불러와서 이동툴을 이용하여 새 도큐먼트로 옮겨줍니다. |
|
2. 이미지를 옮겨주면 다음과 같이 Layer 1이 생성됩니다.
이때 레이어 팔레트에서 Opacity값을 100%에서 60%로 줄여줍니다. |
|
|
|
|
|
|
|
|
|
|
|
|
3. 이미지 레이어의 Opacity를 조정하면 다음 그림과 같이 이미지가 약간 투명해집니다. |
|
4. 타이프툴을 이용하여 좋아하는 시를 입력합니다. |
|
|
|
|
|
|
|
|
|
|
|
* 지금부터는 아주 중요한 과정이니까 잘 따라하세요~*
5. 문자레이어가 선택된 상태에서 레이어 팔레트로 가서 하단에 Add a mask란 버튼을 누르면 다음 그림과 같이 마스크영역을 만드는 과정으로 전환됩니다. |
|
6. 툴박스에서 그라디언트툴을 선택하고 그라디언트 색상은 흰색-검정색으로 지정하고 반사 그라디언트를 선택합니다. |
|
|
|
|
|
|
|
|
|
|
| 7. 이미지의 정중앙에 마우스를 한번 찍고 Shift키를 누른채 상단부분으로 드래그해서 그라디언트 라인을 쭉 그어줍니다. |
|
8. 이부분이 가장 중요합니다. 레이어팔레트에서 첫번째 그림과 같은 링크부분을 한번 클릭하면 두번째 그림처럼 사라집니다. |
|
|
|
|
|
|
|
| 9. 이번에는 타이프표시를 누르면 마스크 아이콘에서 붓아이콘으로 바뀝니다. 항상 레이어 마스크를 적용한 레이어는 이런 과정을 거친 이후에 이동하셔야 합니다. 꼭~! |
10. 이동툴로 문자레이어를 아래로 약간 옮겨줍니다. |
|
|
|
|
|
|
|
| 11. 문자레이어를 하나 복제한 다음에 9번과 같은 방법으로 타이프표시를 누르면 마스크 아이콘에서 붓아이콘으로 바뀝니다. |
12. 나중에 애니메이션 작업시 시구가 위로 사라지게 만들 예정이기 때문에 복제한 레이어의 위치를 위로 약간 옮겨줍니다. |
|
|
|
|
|
|
|
| 13. 다시 문자레이어를 복제하고 9번과 같은 방법으로 타이프표시를 누르면 마스크 아이콘에서 붓아이콘으로 바뀝니다. |
14. 다시 복제한 레이어를 선택해서 위로 약간씩 옮겨줍니다. |
|
|
|
|
 |
|
|
| 15. 이러한 과정을 계속 반복합니다. |
16. 시구가 맨 상단에서 사라질 때까지 복제하고 위로 약간씩 옮겨주는 과정을 수없이 반복합니다. |
| |
|
|
|
|
| |
|
| 17. 그런 다음 File>Save로 파일을 저장한 다음에 툴박스의 점프버튼을 이용해서 이미지레디로 이동합니다. |
18. 이미지레디가 실행된 상태에서 Window>Show Animation 메뉴를 이용하여 애니메이션 팔레트를 꺼냅니다. |
| |
|
|
|
|
| |
|
| 19. 첫프레임이 선택된 상태에서 레이어팔레트로 가서 이미지레이어와 맨처음 만들었던 문자레이어를 제외한 나머지의 눈아이콘을 모두 다 꺼줍니다. |
20. 애니메이션 팔레트에서 생성버튼을 이용하여 두번째 프레임을 만듭니다. |
| |
|
|
|
|
| |
|
| 21. 두번째 프레임에서는 첫프레임에서 켰던 첫번째 문자레이어의 눈아이콘을 끄고 대신 바로 위에 있는 문자레이어의 눈아이콘을 켜줍니다. |
22. 다시 애니메이션 팔레트에서 생성버튼을 이용하여 두번째 프레임을 만듭니다. |
| |
|
|
|
|
| |
|
| 23. 세번째 프레임에서는 두프레임에서 켰던 두번째 문자레이어의 눈아이콘을 끄고 대신 바로 위에 있는 문자레이어의 눈아이콘을 켜줍니다. |
24. 이러한 과정을 맨 상단의 레이어의 눈아이콘이 켜질때까지 수없이 반복해줍니다. |
| |
|
|
|
|
| |
|
| 25. 맨 첫번째 프레임이 선택된 상태에서 Shift키를 누른채 마지막 프레임을 선택하면 전체 프레임이 선택됩니다. 그런 다음 오른쪽 마우스를 누르면 타임 메뉴가 뜨면 1초를 지정합니다. |
26. 모든 작업이 끝나면 오른쪽 상단의 Optimized 팔레트에서 파일포맷을 GIF로 바꾼 다음 File>Save Optimized로 GIF파일로 저장해줍니다. |
| |
|
|
|
| |
| 27. 웹상에서 띄워보면 다음과 같은 GIF 애니메이션이 완성됩니다. |
| |
|
| |
|
|
| |
|
mask.gif
