어도비 애니메이트로 움직이는이모티콘 만드는 방법

이모티콘 작가 고유입니다 🙂
오늘은 어도비 애니메이트의 '에셋 워프 툴(Asset Warp tool)'을 이용해서
움직이는 이모티콘을 만드는 방법을 준비했습니다.
애니메이트 사용방법에 대해서 세세하게 다루기보다
전반적인 제작과정을 처음부터 끝까지 영상으로 만들어봤어요!
이전에 클립스튜디오나 프로크리에이터로 만드는 것만
보셨다면 애니메이트로 작업하는 모습이 조금 새롭게
느껴지실 거에요.
영상에서 제작한 이모티콘은 방실이 2 세트 중에 하나이구요,
움직이는 모습을 더 보여드리기 위해서 처음 생각보다 좀
과하게 액팅을 넣었는데.. 그대로 사용할지 조금 수정해서
사용할지는 고민해봐야겠네요 😂🤔
영상이 유익하셨다면 좋아요, 구독 한번씩 부탁드릴게요! 😊
❤방글방글 방실이의 하루 카카오 이모티콘 샵에서 20%할인된 금액으로 구매하기❤
🔻방글방글 방실이의 하루 2 구매🔻
e.kakao.com/t/bangsils-happy-...
🔻방글방글 방실이의 하루 1 구매🔻
e.kakao.com/t/bangsils-happy-day
#이모티콘 #애니메이트 #움직이는이모티콘만들기
Music by Roa
/ roamusic

[@dabinlee519]

이런 느낌의 이모티콘은 어떻게 만드는지 궁금했는데 정말 신기해요! 그림도 너무 귀엽고 유익합니다~

[@now_jeju]

설치해봐야겠어요. 감사합니다! 너무 예쁘고 잘만드셨어요.

[@goyou_ani]

칭찬 감사합니다 😁

[@bbomssi]

우와 에니메이트 배워보고싶네요 신기해요💕

[@goyou_ani]

처음 배우시면 조금 어려울 수 있지만 배우고 나면 여러가지로 활용할 수 있는 툴이에요 😄

[@user-rn2uh3xx3n]

고유작가님 잘보고 잘배우고갑니다~ 감사합니다~

[@goyou_ani]

시청 감사합니다 ~!!

[@wanana]

영상 너무 잘 봤습니다!!! 이모티콘 너무 귀여워요!! 애니메이트 사용하시는거 보고 만들어보고 싶다는 뽐뿌가 엄청나네요!! 클립스튜디오라던지 여타 프로그램보다 접근성도 쉬운거 같아요! 좋은 영상 올려주셔서 감사합니다~ 다음 애니메이트 영상도 조슴스래 기대해봅니다!!~

[@goyou_ani]

네 참고하겠습니다 시청 감사합니다 😁👍

[@hanmingku]

클튜랑,, 프로크리에이트는 사용해 봤는데,, 애니메이트 뭔가 색다르고 신기하네요 😶

[@goyou_ani]

시청 감사합니다 :) 다음엔 클튜로도 제작해 보려구요!

[@V_Blocky]

Nice video! Do you speak English by any chance? Because the language of this program (you're using) is not Korean

[@goyou_ani]

I'm sorry. I'm not making any foreign language subtitles for now. I'll try it later when I get the chance. Thank you for your interest.

[@youngkimin8012]

안녕하세요! 작가님 영상 잘봤습니다 현재 warp 툴을 사용하려고 하는데요 대부분 튜토리얼이 다 옛날 버전 애니메이트의 warp 을 보여주더라구요 그래서 옛날 같은 경우 핀 꽂은 곳에서 로테이션이 가능했는데 지금은 불가능한 것으로 보여져요 이런 기능이 다르게 있는건지 혹시 작가님은 옛날 버전 warp 보다 현재 버전이 좋으신지 이런 점들이 궁금합니다..!!

[@goyou_ani]

워프툴 사용하실 때 도구 속성에 보시면 본 기능을 사용할 건지 안할 건지 선택하실 수 있는데요, 안함으로 하시면 말씀하신 예전 버전으로 핀이 박힙니다. 상황에 따라 본 기능을 선택적으로 사용하시면 되겠습니다 :)

[@user-fk7bd1pw7v]

전 예전에 플래시 담당 웹디자이너였었는데, 다치고나서 한참을 쉬다가 요즘은 그냥 포샵작업 정도만 하는데.. 다시 이런쪽 작업을 해보고 싶어서 프리미어와 애프터이펙트 과정을 교육 예정인데요, 그런것과는 별개로 이런 캐릭터 작업은 애니메이트가 더 좋을까요? 작업하시는걸 보니까 거의 플래시 느낌이라 너무 친숙하네요 ㅎㅎ 그냥 다 배워버리는게 좋으려나.. 근데 애니메이트는 쓰는 사람도 별로 없고, 교육 과정도 없고... 특별히 교육은 크게 필요가 없으려나.. 암튼 정말 대단하십니다 ^^

[@goyou_ani]

아무래도 애니메이트에서는 작화나 모션 둘다 가능하기 때문에 '이모티콘'을 생각하신다면 애니메이트가 편하실 수 있구요, 최근 대부분의 툴이 그렇지만 기초적인 부분은 유튜브에서 찾아서 배우실 수 있어요 😄

[@user-fk7bd1pw7v]

@@goyou_ani 아차.. 그렇구나.. 이런것도 다 유튜브에서 찾아서 봐놓고는.. ㅎㅎ 답변 감사합니다^^ 멋진 결과물들 많이 만드세요~😆

[@user-kj1ts4xe7h]

5:23 각 부위가 다 나눠져있는데 이건 레이어에 배포하신건가요? 어떻게하신건가요? 그리고 스케치 하실때 스테이지말고 손같은경우는 그림 안으로 들어가서 작업하는데 이건뭐죠?? 2:40 같은거요! 기초강의영상 찍어주시면 좋겠어용ㅜㅜ

[@goyou_ani]

한글판 기준으로 레이어에 배포 기능을 사용해서 나눠준 게 맞구요, 그렇게 하는 이유는 영상에서 사용하는 클래식 트윈을 사용하기 위해서는 레이어당 하나의 개체만 있어야 하기 때문입니다. 안에 들어가서 작업하는 건 드로잉 오브젝트인데 애니메이트에서 개체를 그릴때 획마다 별도의 그룹핑을 해줘서 겹쳐서 그려도 합쳐지지 않게 하는 기능이에요. 애니메이트 기초 강의는 짧은 영상으로 담기 어려워서 아직 고민 중입니다 😂 궁금하신 부분은 질문 남겨주시면 늦게라도 답변 드릴게요!

[@YongsooChoi-jt8nl]

혹시 넘 오래 지난영상이라 댓글을 보실지 모르겠는데 애니메이트에서 asset warp tool을 쓰면 벡터이미지가 비트맵이미지로 바뀌면서 엣지가 뭉게지는데 왜그런걸까요? 아시면 답변 좀 부탁드립니다..

[@goyou_ani]

환경설정의 드로잉 탭에 가서 보시면 에셋 워프 툴을 사용할 때 더 좋은 움직임을 위해서 객체를 비트맵으로 변환한다는 내용의 옵션이 있는데, 그 옵션을 체크 해제 해주시면 되겠습니다. 😊

[@YongsooChoi-jt8nl]

감사합니다..

[@wave_together]

좋은영상 감사합니다. 혹시 직접 그리셨는데 일러스트레이터와 호환되거나 하진 않나요??

[@goyou_ani]

일러파일을 불러오는 것은 괜찮은데 애니메이트 파일을 일러로 가져가는 것은 좀 애매합니다 😅

[@cblee2480]

안녕하세요 작가님!! 혹시 애니메이트가 아니라 일러스트에서 작업한 파일로도 warp 툴로 작업이 가능한가요??

[@goyou_ani]

일러스트레이터에도 비슷한 기능이 있는 걸로 알고 있고, ai 확장자 파일을 애니메이트에서 임폴트하시면 같은 벡터 파일이기 때문에 가능하십니다~!

[@cblee2480]

@@goyou_ani 답변 감사합니다 작가님 ^^

[@smilepocket9877]

영상 잘보고갑니다~ 애니메이트 기초강좌 제 채널에도 있답니다~

[@goyou_ani]

시청해주셔서 감사합니다 😁

[@wanana]

5:33 애니메이션 시작할 때 레이어 나뉜건 기존 작업에서 하나씩 쪼개서 만드시는건가요!? ㅎㅎ

[@goyou_ani]

네 처음엔 한 레이어에 그룹화 해서 이미지 작업하고 나중에 레이어 분리해서 작업해줍니다. ☺️ 나누고 싶은 개체 전체 선택 후 -> 마우스 오른쪽 클릭 -> distribute to layers 선택하시면 개체별로 자동 분리하실 수 있어요.

[@wanana]

@@goyou_ani 답변감사합니다!!~ 영상 엄청 돌려보고 있는데 정성이 엄청나네요 ㅎ! 혹시.. 6:25 와이어 모드는 어떻게 하는걸까요!? 8:08 즈음에 보라색으로 바뀌는건 부드러운 모션주는걸까요? 마우스 가는건 천천히 보고 따라해보는데 단축키는 하나도 모르겠어요 ㅎㅎ

[@goyou_ani]

와이어모드는 레이어 우측에 색깔있는 네모 클릭하시면 변경가능합니다. 보라색으로 바뀌는 것은 '클래식 트윈' 또는 한글판에선 '표준 트윈' 이라는 기능으로 애니메이트 안에서 '심볼'과 에셋워프툴을 적용했을 때 사용하실 수 있습니다-!

[@Bbijin_gamza]

영상 잘봤습니다 관련없는 얘기이긴 하지만 저 애니메이트 밑에 레이어나 프레임 이것저것 하는게 사라졌는데 다시 복구시키는방법있나요? 저게 안돼서 24000원 날렸습니다ㅠㅠ

[@goyou_ani]

작업환경 말씀하시는건가요? 상단 메뉴에서 윈도우(창) -> 타임라인 눌러보세요 😄 안되시면 우측 상단에 워크스페이스 -> 되돌리기 화살표 모양 리셋 버튼

[@user-vv2es2qk6f]

움직이는이모티콘 갤럭시s8으로도 할수있을까요?ㅜㅜ

[@goyou_ani]

png이미지만 뽑을 수 있으면 방법이 없는 건 아니지만 아무래도 애니메이션 전용 툴로 하는 것보단 불편하겠죠 🤔

[@user-dove77]

혹시 애니메이트에는 애프터이펙트처럼 퍼펫툴없나요???

[@goyou_ani]

영상에 나오는 에셋워프툴이 에펙의 퍼펫 툴과 비슷한 기능입니다 😁

[@user-rl1cp8wx6h]

작가님..브러시 종류 찾는법 알려주세요ㅜㅜㅜ 제발..

[@goyou_ani]

애니메이트에서 기본 브러시, 연필 외에 브러시라이브러리에서 다른 브러시등을 사용할 수 있지만 개인적으로 추천하지는 않습니다. 컴퓨터가 굉장히 느려지거든요... 😥 상단 메뉴에서 윈도우 -> 브러시 라이브러리 열어 보세요.

[@genny987070]

저는 양파껍질이 겹쳐서 보이는데 작가님은 반투명이네요 어떻게 반투명 양파껍질로 하나요?

[@goyou_ani]

양파껍질 켰을 때 앞 뒤 그림이 너무 선명하게 보인다는 말씀이신가요? 혹시 여러프레임 편집을 잘못 키신 게 아닌지 확인해 보세요.

[@user-kj1ts4xe7h]

질문드려요 ㅠㅠ 애니메이트로 만들면 클래식트윈을 자주 쓰자나요? 그런데 카카오 이모티콘은 승인되면 하나씩 다 PNG파일로 저장해서 움직여야하는데 만약 클래식트윈을 준다면 움직일때마다 1프레임씩 다 저장해야하나요?

[@goyou_ani]

제작완료된 이모티콘은 파일 -> 익스폴트 -> 익스폴트 무비 에서 파일 형식을 png로 설정하고 이모티콘 명과 같이 폴더 생성 후 저장해주시면 해당 폴더에 프레임당 한장씩 png파일이 저장됩니다. 이 png파일로 카카오에서 제공하는 webp 제작도 하시고, 최종 원본파일 보낼때는 포토샵으로 불러와서 저장하시면 되요 😉

[@user-kj1ts4xe7h]

@@goyou_ani 감사합니다

[@user-ei3fj8cr9r]

혹시 레이어의 불투명도를 조절하는 방법이 있나요?ㅜㅠ

[@goyou_ani]

레이어 이름 우측에 눈 모양 있는 곳을 쉬프트 클릭 하시거나, 레이어 우클릭 하시면 오파시티 조정하는 부분이 보이실거에요 🤔

[@user-ei3fj8cr9r]

@@goyou_ani 감사합니다! 덕분에 편하게 작업합니당