クリエイター(絵描き)のサイト制作に活用したWebアニメーションの覚書[3] AnimateCC編(1)

全てをSpineで動かそうと思うと画像容量が膨大になってしまい、Webには適さないのでメインのキャラクターの動きのみSpineでしっかり作りこみ、背景や周りの生物・装飾物はAnimateCCで動かしています。
動きはタイムラインでつけてしまうと制御がしづらいイメージがあったため、基本的にCreateJSで実装しています。

AnimateCCでの制作は、まず以下のように取り込む画像データ(PSD)の整理してから、AnimateCCにインポートして制作しています。

続きを読む

クリエイター(絵描き)のサイト制作に活用したWebアニメーションの覚書[2] Spine編

「Spine(スパイン)?そんなソフト聞いたことがない」という方が多いと思いますので、まずソフト紹介からします。
主にゲーム業界で使われる2Dキャラクターアニメーション制作ソフトで、スマホゲームされる方はLive2Dのようなものだと思っていただければわかりやすいかと思います。

続きを読む

クリエイター(絵描き)のサイト制作に活用したWebアニメーションの覚書[1]

応援しているクリエイター(絵描き) 夜々さんのサイトを制作する機会がありました。
その際にその作品の世界観をできる限り表現したサイトを作りたかったので、Webアニメーションを多用して制作しました。

ちなみに制作したサイトはこちらです。
【眠リ知レズ 夜々 オフィシャルサイト】
http://yoyo-x-x-x.com/

続きを読む