스터디/Unity 2018. 10. 2. 14:45

[Unity] ‘유니티로 만나는 애니메이션의 세계!’ - 제작 기법 세미나

https://onoffmix.com/event/153833  신청링크


유니티 코리아(대표 김인숙)가 유니티로 제작된 다양한 영화 및 애니메이션 사례를 선보이는 세미나인 ‘유니티로 만나는 애니메이션의 세계!’를 오는 10월 22일 최초로 개최한다.

유니티는 매번 새로운 버전을 선보일 때마다 향상된 실시간 렌더링 기능과 그래픽 처리 기술을 선보이며 영화 및 애니메이션 업계에서 활발히 사용되고 있다. 영화 '디스트릭트 9'으로 유명한 닐 블롬캠프(Neill Blomkamp) 감독 및 그가 창립한 오츠(OATS) 스튜디오가 제작에 참여한 유니티의 오리지널 영상 시리즈 ‘아담(Adam)’을 비롯, 디즈니가 제작한 TV 애니메이션 ‘베이맥스 드림즈(Baymax Dreams), ‘블레이드 러너 2049(Blade Runner 2049)’, ‘레디 플레이어 원(Ready Player One)’, ‘정글북(The Jungle Book)’ 등의 유명 작품들이 유니티로 제작됐다.

이번 행사는 22일 오후 1시 30분부터 6시 20분까지 서울 강남구 삼성동 소재의 서울종합예술실용학교 아트홀에서 진행되며, 유니티로 제작된 다양한 작품들과 영화 및 애니메이션 분야에서 활용되는 유니티의 다채로운 기능들을 소개할 예정이다.

먼저 유니티 에반젤리스트가 유니티의 실시간 렌더링을 통해 생산성을 대폭 향상시킬 수 있는 애니메이션 제작 파이프라인, 애니메이션 산업에서 활용할 수 있는 포스트 프로세싱 기능을 소개한다.

이와 함께 업계 종사자가 직접 참가하는 유익한 세션들도 이어진다. 2018 부천국제애니메이션페스티벌 국제경쟁 부문에 오른 애니메이션 ‘다시 찾은 사랑(Sonder)’의 제작사인 Soba Studio 담당자가 애니메이션 제작 스토리와 유니티 활용 방법에 대한 세션을 진행할 예정이다.

또한 네이버 웹툰 작가로 활동중이며 1인 게임 개발자인 ㈜스튜디오호랑 최종호 대표가 참여해 유니티를 활용해 제작한 VR만화 서비스 ‘스피어툰’의 제작 과정 및 시연 세션을 진행한다.

특히 각 세션의 중간에는 유니티로 탄생한 다양한 영상들을 상영하는 시간도 준비돼 있다. 다양한 작품들을 마치 단편 애니메이션 상영회처럼 감상하며 유니티 엔진의 발전상을 엿볼 수 있을 예정이다. 영화 및 애니메이션 업계 종사자와 디자인, 애니메이션 학과 학생 등 누구나 참여 가능하며, 신청 페이지(https://onoffmix.com/event/153833)를 통해 신청할 수 있다.

김인숙 유니티 코리아 대표는 “유니티는 영상 및 애니메이션 콘텐츠 편집 결과를 즉각 확인할 수 있는 실시간 엔진으로 제작 기간을 대폭 단축시킬 수 있는 유용한 툴”이라며, “이번 세미나를 통해 관련학과 학생 및 업계 종사자 분들이 제작 과정에서 유니티를 활용해 생산성을 높이고, 작품의 창의성 및 경쟁력을 높이는 데에만 온전히 집중할 수 있도록 돕고 싶다”고 밝혔다.

한편 유니티는 기업 목표인 ‘개발의 민주화’를 이루기 위해 영화 및 애니메이션 분야에서도 유니티로 누구나 손쉽게 콘텐츠를 제작할 수 있게끔 돕고 있다. 지난 6월 열린 ‘유나이트 베를린’ 컨퍼런스에서 AR 기술을 활용해 실제 인물의 표정을 가상의 캐릭터에 입힐 수 있는 ‘페이셜 AR 리모트 컴포넌트(Facial AR Remote Component)’ 기능, 인공지능(AI)을 활용해 애니메이션의 품질을 강화하는 AI 애니메이션 시스템 ‘키네마티카(Kinematica)’를 소개하는 등 지속적으로 엔진 기능을 발전시키고 있다.

또한 오는 10월 23일(현지 시각) 열리는 ‘유나이트 LA’에서는 영화 및 애니메이션 분야의 유니티 활용 사례와 노하우를 소개하는 ‘영화 및 애니메이션 서밋(Film and Animation Summit)’도 최초로 개최할 예정이다.

원문보기: 
http://www.inven.co.kr/webzine/news/?news=207998#csidxace2c73e1abd9c1be24e2ee808a2f62 


오 재밌겠다! 신청 완료 :)


[Lottie] JSON 애니메이션 파일 공유 커뮤니티 - LottieFiles



애펙 애니메이션을 JSON으로 바꾸어 여러가지 플랫폼에 적용할 수 있게 해주는 Lottie 플러그인의 웹사이트 LottieFiles

요기 가면 애니메이션 테스트 뿐만 아니라 유저들이 올린 파일을 마음껏 다운 받을 수 있다.

실제 업무에서는 새로운 애니메이션 이펙트가 필요할 경우, 

개발자님이 이 사이트에서 대략 비슷한 느낌 혹은 그냥 본인이 자주 보기에 좋은 (맘에 드는) 이펙트를 다운받아 적용해 놓으시면

나는 그 화면 내에 적용된 더미를 보고 새로운 애니메이션 파일을 만들어 드리는 식으로 작업한다

여러모로 도움을 많이 받는 사이트라 나도 연습도 할 겸, 누군가에게 도움이 되고 싶기도 하고, 또 은근히 우리 앱 키워드를 끼워넣어서 홍보도 할겸 로티파일 커뮤니티에 파일을 올리기 시작했다. 


https://www.lottiefiles.com/

파일을 업로드하면 몇시간~ 몇일 내로 관리자의 승인이 나게 되고, 로티파일 웹사이트와 로티 앱이 애니메이션 리스트에 보이게 된다

기본적으로는 JSON 파일을 올리게 되어있고, Aep 애프터 이펙트 파일을 같이 올리면 맘껏 수정해서 쓰시오! 라는 뜻이 된다

만들기 귀찮은 자잘한 이펙트는 Aep 파일로 받아두었다가 참고해서 만들기에 좋다



일단은 UFO 모양 때문에 범용적으로 쓰이기엔 적합하지 않을 거라는건 알지만 당분간은 앱 내에서 쓰인 디자인 위주로만 업로드하고,

 일반적인 디자인들은 나중에 개인 작업으로 따로 진행할 예정 

그래도 오늘 올린 애니메이션은 애펙 파일도 같이 업로드 해보았음


아직 미개척(?) 분야의 커뮤니티여서 그런지 벌써 top contributors에 올랐다..오..


프로필에는 회사 아트웍전용 인스타 계정만 올려두었는데 프로필뷰도 조금 나오는듯 

나는 그냥 다운로드만 하고 남꺼는 잘 안열어봤는데 .. 반성중(?)

본문에 마크다운 사용 가능하다고 해서 난생처음 써보기도 하고.

한땀한땀 만든 2018 새해 맞이 애니메이션이 나름 반응이 좋아서 다행이다





[Sketch] 스케치 이미지를 일러스트로 불러오는 옵션들 테스트



일러스트레이터에서 제작한 이미지를 스케치로 불러오거나, 스케치에서 제작한 이미지를 일러스트로 불러올때

그리고 이런 이미지들을 애프터 이펙트로 다시 불러와 사용할 때 몇가지 불편한 일들이 생긴다 ㅠㅠ

매번 나를가장 번거롭게 하는게 스케치에서 만든 이미지를 다른데서 사용할때 오브젝트를 감싸는 빈 사각형이 클리핑 마스크로 씌워지면서 그 사각형들을 일일히 제거하는 것.

사각형을 걷어내다보면 오브젝트가 하나씩 떨어져나가기도 하고 내가 원하는 그룹핑이 깨지기도 한다. 

때로는 스케치 상에서 회전값을 가지고 있는 오브젝트의 경우 애펙에서 열어보면 회전값이 0으로 되어있어서 일일히 패스를 열어 다시 수정해줘야 한다.

오늘 스케치 이미지를 일러스트로 불러와서 이미지를 수정한 다음에 (스케치는 아직도 자유로운 & 미세한 작업 하기에는 넘 불편하다) 애펙으로 불러가는 프로세스를 거치면서 몇가지 테스트를 해봄


방법 1 : 원하는 오브젝트를 선택하여 EPS로 Export 

방법 2: SVG 로 Export

방법 3 : PDF로 Export

방법 4 : 스케치에서 복사하여 일러스트 새 파일에서 붙여넣기


익스포트 해보면 세 가지 방식이 캔버스 크기도 다르게 잡히는걸 알 수 있다



첫번째, EPS로

캔버스에서 원래 있던 위치는 무시하고 크기도 무시하고 클리핑마스크 사각형 있음

스케치 크기 300 300 이었을때 일러스트 400 400으로 나오고, 스케치 50 50 인데 일러스트 300 300 으로 나온다. 기준이 뭔지 모르겠음



두번째 PDF, 

오브젝트 사이즈 만큼만 캔버스 사이즈가 맞춰서 들어온다.

그런데 외곽선 모드로 들어가보면 원래 스케치 캔버스 사이즈와 위치를 가늠할수는 있게 되어있음

클리핑 마스크 사각형 있음




세번째,  SVG

딱 오브젝트만 깔끔하게 뽑아오려면 SVG로 익스포트 하는게 가장 좋은 것 같다

오브젝트 사이즈만큼만 캔버스 사이즈 리사이징 되고, 클리핑 마스크 사각형 없음



네번째, 스케치에서 복사하여 일러스트 새 파일에서 붙여넣기

의외로 급할때 가장 자주 하는 방식인데, 더럽게 사각형들이 따라온다



추가 테스트 

SVG로 스케치 캔버스 전체를 익스포트 해보니, 스케치 내에서 그룹핑한대로 그대로 export 된다

이건 나중에 애펙에서 작업할때도 꼭 남아있는게 좋다



결론 : 급하더라도 SVG로 저장한 다음 불러오는 습관을 들여야겠다








[BodyMovin] 애펙을 JSON으로 바꿔주는 플러그인 업데이트 소식


Bodymovin

New version of Bodymovin

Version 5.1.1 (January 2018)


Big performance improvement for all web renderers. Very recommended to upgrade.
Some bug fixes.
Happy New Gregorian Calendar Cycle :)

Changes in this version:

## V 5.1.1
- Text Layer keyframed fix

Upgrade instructions:

To upgrade please refer to this FAQ: How to upgrade "Name Your Own Price" products.


이메일로 Bodymovin 플러그인 업데이트 소식이 날아왔다!

Lottie 와 Bodymovin 덕에 안드로이드, iOS, 웹에 쓰이는 애니메이션과 이펙트 작업에 여러모로 많은 도움을 받는 중이다

이번에는 전반적인 웹 렌더링쪽 퍼포먼스 향상과, 텍스트 레이어 관련 버그를 수정했다고 한다

실제로 돌려봤는데 이전과 어떤 점이 다른지는 정확히 모르겠으나 그냥 감사함


https://aescripts.com/bodymovin/

애프터 이펙트 플러그인이나 스크립트를 다운받을수 있는 aescripts로 가서 

좌측에 20달러라고 적힌 곳에 원하는 금액을 넣고, (0이라고 넣어도 된다) 장바구니에 넣은 후,

결제프로세스를 거치면 된다

유료로 구매하지 않고 원하는 금액을 지불하는 방식을 "Name Your Own Price" 제품이라고 하는데,

이런 제품은 모두 업그레이드시 새로 구매를 하는 프로세스를 거치는것이 규정이다.

업그레이드시 감사의 뜻으로 후원을 더 할수도 있으니까? 0ㅁ0


다운받은 후 ZXP Installer 로 설치하고 애펙을 재실행하면

Extensions 패널에 잘 들어감






인사이트/영화 2011. 8. 15. 15:36

[영화] 마당을 나온 암탉


간만에 (아니 처음?) 한국에서 나온 굉장한 애니메이션!!
배경도 뽀송뽀송 한국적이면서도 너무 예쁘고 캐릭터도 스토리도 재밌다. 아이유가 부른 맑고 어여쁜 OST까지.
애니메이션 보면서 눈물까지 흘리다니..흑흑
문소리-최민식-유승호 유명배우들이 성우를 한게 한가지 흠이긴하다. 발성이나 연기력이 애니메이션과는 조금 어울리지 않는듯.
(특히 암탉 문소리님 ㅠㅠ)
+하나더. 엔딩이 조큼..애들보기에 충격적-_-


꽃꽂은 암탉 잎싹 -ㅗ-*  

청둥오리 나그네. 진지하고 멋있는 역할인데 나는 저 날리는 앞머리가 왜자꾸 웃긴거지..

대박 귀염+능글능글 달수씨! 캐릭터 너무 잘잡았다 ㅠ-ㅠ-ㅠ-ㅠ
나중에 은근히 초록이 떠나갈때 "잠깐 어깨에 손좀"하며 은근 스킨십 끄어엌ㅋㅋㅋㅋ 

그리고 콘티들 

근데 이건 좀 ㅠㅠ
 

다시봐도 뭉클해지는 뮤비 ♡

'인사이트 > 영화' 카테고리의 다른 글

[영화] 달팽이식당 Rinco's Restaurant  (0) 2015.07.25
[영화] 해리포터  (0) 2011.07.24
[영화] 조제, 호랑이 그리고 물고기들  (0) 2011.07.24
[영화] 촌마게 푸딩  (0) 2011.04.30