티스토리 뷰

iPad

iPad animation app - RoughAnimator

superroot 2021. 11. 10. 20:36
반응형

iPad Animation app - RoughAnimator

 

iPad Animation app - RoughAnimator

 

Photoshop 프로그램에는 gif를 만들 수 있는 기능이 있지만 제가 주력으로 사용하는 Affinity Photo, Artstudio 프로그램의 경우 gif animation을 만들려면 Layer 별로 각각 따로 그려서 ffmpeg를 사용해서 gif로 만들어줘야 하는 불편함이 있었습니다. 그래서 구입한 iPad app - RoughAnimator

Animation 제작용 앱으로 Onion Skin 이란 기능을 통해서 앞/뒤의 그림이 연하게 표시됩니다. 그래서 frame 별로 변경 사항을 그려나가기도 편하고 frame을 복사하여 미세하게 수정만 하면 굉장히 빨리 Animation을 완성할 수 있습니다.

물론 import 기능을 사용하여, 사진 편집 프로그램에서 완성한 이미지를 Frame 별로 삽입하여 Gif나 동영상으로 만들 수도 있습니다.

 

놀라운 요가자세(?)

 

어디서 배워왔는지 귀요미가 놀라운 요가(?) 또는 스트레칭 자세를 보여줬습니다. 

몸 앞/뒤가 바뀐 듯 제 눈을 의심하여 배꼽을 잡고 웃었는데 생각할수록 웃겨서 Animation으로 하나 만들어볼까?
하는 생각이 들었습니다.

 

RoughAnimator 인터페이스

 

RoughAnimator(1)

 

'New Project'늘 눌러서 Project를 생성합니다.

여기에서 Frame per second, Canvas size를 정해주면 기본적으로 Animation 작업에 필요한 무대가 준비됩니다.
Frame per second는 1초당 Frame 수로 1초에 24장이 기본으로 설정됩니다.

 

RoughAnimator(2)

 


1 Frame에 먼저 그림을 하나 그리고, Add drawing 메뉴에서 'Duplicate after' 메뉴를 선택합니다.
1 Frame의 그림이 2 번째 Frame에 복사되며 새로운 Frame이 만들어집니다.

선택 도구를 사용해서 손바닥 위치를 미세하게 수정하고 일부분 자연스럽게 연결시켜 줍니다.
나머지 프레임도 동일한 방법으로 수정했습니다.

 

RoughAnimator - Onion Skin 기능

 

RoughAnimator - Onion Skin

 

Animation 프로그램에서 정말 중요한 게 이 Onion Skin인것 같습니다.
마치 반투명 종이 위에 그런 것 같이 이전 Frame이나 다음 Frame의 내용이 흐릿하게 표시되는 기능입니다.
양파 껍질처럼 얇아서 비치기 때문에 이름을 Onion Skin으로 정한 것 같아요.

 

RoughAnimator(2)

 

정말 간단하게 Animation 하나가 완성됐습니다.

그림 실력에 따라 Detail이나 색상까지 채워 넣으면 더욱 완성도가 생길 것 같은데, 저는 iPad에 하나 올릴 목적으로 급하네 하나 만들어봤습니다.

 

RoughAnimator Export 기능

 

RoughAnimator(3)

 

Export video 기능에서는 GIF, MOV video(h264), PNG image sequence가 지원됩니다.
GIF, MOV Video는 Animation으로 출력되며, PNG는 이미지 Frame 개별 순서에 따라 각가 이미지로 저장됩니다.

import audio 기능도 지원되기 때문에 RoughAnimator를 사용해서 오디오가 포함된 애니메이션 동영상을 뚝딱 만들 수 있겠네요.

RoughAnimator 앱 자체에 Camera 기능이 있어서 한 장면에서 카메라를 옮겨가며 영상을 촬영하듯 Animation을 생성할 수 있습니다. 고급 기능이 다 들어있네요.

 

RoughAnimator(4)

 


'Add drawing' 기능에서는 다음 Frame에 공백을 추가(Add after), 현재 작업한 Frame을 복사하여 다음 Frame 생성(Duplicate after) 가능 등을 사용해서 Frame을 채울 수 있습니다.

 

RoughAnimator - Animation 미리보기 play(preview)

 

RoughAnimator - Animation play(Preview)

 

왼쪽의 Play 버튼을 누르면 Animation 미리 보기를 할 수 있습니다.
또한 아래쪽에 휠을 위/아래로 드래그하며 조그 휠처럼 Frame 좌/우로 이동하며 작업 상태를 확인할 수 있습니다.

 

RoughAnimator - Animation Demo mp4

 

RoughAnimator - Demo(mp4)

 

가격에 비해서 기능이 참 알찬 Animation 프로그램 같아요~

반응형
댓글