티스토리 뷰

imageReady 로 움직이는 gif 만들기


간단하게 gif 를 만들어보자.

imageReady 는 layer를 이용하여 각 프레임(frame) 마다 보이는 layer를 결정할 수 있게 해 준다. 그래서 우리는 일단 2개의 layer를 만들고, 첫 프레임에는 layer1 를 보여주고, 두번째 frame 에서는 layer2 가 보이도록 할 것이다.



먼저 그림 2개를 준비하자.

그리고 나서 

File > New

를 해서 빈 canvas 를 열자.


원하는 scene(장면)을 하나의 layer 에 담자.(이건 나중에 익숙해지면 각 frame 에서 자신이 보여주고 싶은 layer 만 check 해서 화면을 구성하면된다.)


그렇게 layer1 과 layer2 를 구성하자.


그러고 나서 animation 창을 보자. animation 창이 혹시 안보이면, 아래 window menu 에서 check 하면 보일 것이다.




animation 창에서 우리가 사용할 것은 아래 보이는 2개이다.

한개는 각 frame 이 화면에 얼마동안 보여지는 가를 결정하는 것이면(그림에서 1sec. 부분)

다른 한개는 layer 창에도 있는 것인데, 복사 기능이다. 저 버튼을 누르면 현재 frame 이 복사되어서 새로운 frame 이 하나 더 생기게 된다.

이 복사를 하는게 중요한데 복사를 할 때는 현재 frame 을 다 완성하고 눌러야 한다. 왜냐하면 복사가 되면 복사의 원본이 바뀔 때 복사본도 영향을 받기 때문이다.

그러므로 꼭 첫번째 frame 에 보여줄 것들을 다 결정한 후에, '복사' 버튼을 누르고 2번째 frame 에 보여줄 것을 결정하자.





그렇게 각 frame 을 만들어 놓으면 끝이다.
이것을 가지고 gif 로 저장만 하면 된다.

그러기 위해서 먼저 아래처럼 Optimize 창을 확인한다. 저기서 preset 이 지금 JPEG High 로 되어 있는데 저것을 gif 로 바꿔줘야 한다. 그래야만 Save Optimized 메뉴에서 type 을 gif 로 바꿔서 저장이 된다.

 
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2025/06   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함