Animaiton GIF 화면이동

|



이 움짤 사각박스 모양 안쪽만 보이는 직사각형의 움짤을 만들어 보아요.

좀 노가다를 해야만 하지만 만들고 나면 뿌듯해집니다.
(원하는 크기로 원하는 장면을 움짤로 만들수 있으니까요.)



그럼 시작해 보죠.
- 본 스샷 강좌는 포토샵 CS4입니다. 개념만 알면 이미지레디에서도 가능하니 염려하실필요는 없습니다 -

------------------------------------------------------------------------------------------------------------------------------------


이렇게 하는 이유는 원하는 장면을 보다 정확하게 캠퍼스 안에 넣을수 있기 때문입니다.



이 부분에서 꼭 첫 프레임을 기준으로 위치를 맞춰 줄 필요는 없지만 여기서 맞춰주면 좀 편합니다.


그룹안에 있는 레이어들을 프레임창으로 생성시켜 줍니다.










이제 프레임들을 봅니다.


보니... 진행되어지다가... 37 frame 부터 박지성이... 화면에서 사라지네요.
우리는 박지성을 중심으로한 움짤을 만들려고 하는 것이기 때문에 사라지면 안되겠죠.

그래서 이부분을 화면이동 시키려는 겁니다.

먼저... 레이어창에서 그룹을 선택한 상태에서.
이동하고자 하는 프레임을 블럭으로 만들어 줘야 합니다.


프레임창의 블럭은 화면이동을 하시려면... 뒤쪽에서 부터 앞쪽으로 블럭을 하셔야 노가다가 편해집니다.
위의 스샷은... 블럭하는 방법을 설명한것이고 실제 블럭은 마지막프레임 부터 화면이동을 하려는 프레임까지 입니다.

블럭을 잡으셨으면 이제 도구창의 선택도구를 누르시고,
키보드의 방향키를 이용해서 화면을 이동시킵니다.

위의 화면처럼 박지성이 좌측으로 사라진다면... 이미지그룹을 우측으로 이동시켜야
캠퍼스에 박지성이 사라지지 않겠죠?


블럭구간 전체가 키보드 방향키로 이동되어지는거구요.
이동이 이루어 졌으면 Shift+다음 프레임 클릭, 그리고 방향키로 이동
이것을 계속 반복해주시면 됩니다.

방향키 한번 누르면 1px / shift + 방향키 누르면 10px 이동합니다.

<위쪽:이동전 / 아래쪽:이동후>

열심히 작업했더니 어떤가요?
화면 안에서 여전히 박지성의 뛰는 모습이 남아 있죠?


좌우상하 모든방향으로 이동이 됩니다. 대각선이동도 가능하겠죠?


아래는 완성된 움짤입니다.

위의 네모칸안의 모습과 완전히 동일하지는 않습니다.
만들면서 달라진거라 ;;;




노가다가 극심하지만... 만들고나면 좀더 고 퀄리티의 움짤이 되지 않을까요?


[ WireDrawing ]

본 게시물을 보고 잘 모르는게 있으면 댓글로 남겨주세요.
가능하면 확인후 답변드리겠습니다.





저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'Animation GIF > Animation GIF 강좌' 카테고리의 다른 글

원형 테두리 애니메이션 움짤 만들기  (4) 2010.04.14
Animaiton GIF 화면이동  (4) 2009.08.01
Trackback : 0 And Comment 4
prev | 1 | ··· | 26 | 27 | 28 | 29 | next

티스토리 툴바