イラスト・モーションデザインのお仕事募集中です!ホームページからメール下さい!

ホームページ色々と更新。イラストページも新しくなりました★

カテゴリ:
ホームページを色々と更新しました。

Flash(今はAnimateCC2015)からhtml5に書き出し機能を使い、
現在のようなページを作成しました。
[イラスト制作のページ]
http://art.cocoroe-design.com/lightbox2-1/gallery.html

[イラストビューアのページ]
http://art.cocoroe-design.com/lightbox2-1/gallery_illustvewer.html

ページ表示まで待たないと表示されないのですが、
色々と試行錯誤した結果、この形をとることになりました

画像がたくさんある場合はローディングに時間がかかり、
「ローディング中」を表示するにも、
JQuery、CSS、javascriptなど別で用意する必要がありました。

やたらと複雑になったので1ページずつ遷移する形へと変更して
ページの更新を終わりにすることにしました。

最近、ホームページ内のswfをhtml5に変更しているのですが、
画像をたくさん使うコンテンツは難しいですね

新しい[イラスト制作のページ]たくさんイラストを更新しています。
是非、ご覧くださいませ。


chara

こちらは新しいページで使用しているタッチを紹介する画像です。



☆:
:::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

教材イラスト、TV向けイラスト、実績多数あります。
イラスト制作のご依頼はお気軽にお問い合わせください。

http://art.cocoroe-design.com/infomation.html 

Flash、Unity、Spine、SpriteStudioなどツールを使った
アニメーション制作も可能です。

☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

2年分の実績ページを更新しました!

カテゴリ:
2年分の実績ページ更新です。
内容を開示できない案件が多いので、
簡単なリスト表記になっています。
Flashムービーはイラストからアニメまで作成しております。

web_achieve2014

web_achieve2015


他のページも更新しておりますので
ご覧いただければ幸いです。


☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

教材イラスト、TV向けイラスト、実績多数あります。
イラスト制作のご依頼はお気軽にお問い合わせください。

http://art.cocoroe-design.com/infomation.html 

Flash、Unity、Spine、SpriteStudioなどツールを使った
アニメーション制作も可能です。

☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

SpriteStudio,SPINE,Unity2D,モーションの比較 比べてみました。

カテゴリ:
ここ数年、Flash以外で3つのアニメーションツールを覚えました。
サンプルを求められることが多いので時間を見つけ、サンプルのアニメーションを作りました。
それぞれのツール、gifアニメーションで書き出せたので
blogでは動きの違いをご覧いただきたいと思います。


web_sprite_wolf_idle
↑SpriteStudioアニメーション
web_wolf_idle
↑SPINEアニメーション
web_unity_idle
↑Unity2Dアニメーション
ちなみにイラストも自分で用意しております。

利用期間がそれぞれ違うので、アニメーションのクオリティに違いがありますが、
特徴や違いがわかるかと思います。

違いが解り易いのは、真ん中ののSPINEモーションです。 
毛先がフワフワと動いてます。より柔らかい表現ですが、
メッシュやウエイトという機能を使うので時間がかかります。

ここから下はattackモーションのサンプルです。


web_sprite_wolf_attack
↑SpriteStudioアニメーション
web_wolf_attack
↑SPINEアニメーション
web_unity_attack

↑Unity2Dアニメーション

攻撃の種類が違うので違いをお伝えづらいのですが、
Unity2Dの柔らかな動きは気に入っています。
SpriteStudioでは刀を使っていますが、
レイヤー順の切り替えが比較的簡単でした。

どのツールもご要望頂いたアクション表現が可能になってきました。
是非、ゲーム開発等、お気軽にご相談いただければ幸いです。


☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

教材イラスト、TV向けイラスト、実績多数あります。
イラスト制作のご依頼はお気軽にお問い合わせください。

http://art.cocoroe-design.com/infomation.html 

Flash、Unity、Spine、SpriteStudioなどツールを使った
アニメーション制作も可能です。

☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::


 

SPINEの新しいページを公開しました!

カテゴリ:
ブログで紹介する3つのツールで、最後のツールのご紹介です。

SPINEは、ウエイトやメッシュを使い柔らかい表現のできるツールです。
狼の毛先を動かしたり、目元の表情を変えたりすることができますが、
その分、細かい設定が必要になります。

こちらもUnity2D同様、英語のツールなので
細かい部分は調べながら理解してきました。
Unity2Dに比べ、アニメーションのためのツールなので
覚えやすいかと思います。


web_page_SPINE


他のページも更新しておりますので
ご覧いただければ幸いです。


☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

教材イラスト、TV向けイラスト、実績多数あります。
イラスト制作のご依頼はお気軽にお問い合わせください。

http://art.cocoroe-design.com/infomation.html 

Flash、Unity、Spine、SpriteStudioなどツールを使った
アニメーション制作も可能です。

☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

Unity2Dの新しいページができました!

カテゴリ:
先日に引き続き、新しいツールを覚えたのでご報告です。

3つのツールの中でも一番覚えるのが難しかったのが
このUnity2Dです。数ヶ月前は1から作り直しすこともありました。。

ようやくこのサンプルでキャラクターを自由に動かせるようになったと
思えるようになりました。

web_page_Unity2D


他のページも更新しておりますので
ご覧いただければ幸いです。


☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

教材イラスト、TV向けイラスト、実績多数あります。
イラスト制作のご依頼はお気軽にお問い合わせください。

http://art.cocoroe-design.com/infomation.html 

Flash、Unity、Spine、SpriteStudioなどツールを使った
アニメーション制作も可能です。

☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

SpriteStudioの新しいページを公開しました!

カテゴリ:
ここ数年はゲーム制作案件が多く、
新しいツールを覚える機会がありました。
今回は、SpriteStudioの新しいページができましたので
公開いたしました。動きの参考にgifアニメも掲載しております。

http://art.cocoroe-design.com/animation_SpriteStudio.html


webpage_SpriteStudio

他のページも更新しておりますので
ご覧いただければ幸いです。


☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

教材イラスト、TV向けイラスト、実績多数あります。
イラスト制作のご依頼はお気軽にお問い合わせください。

http://art.cocoroe-design.com/infomation.html 

Flash、Unity、Spine、SpriteStudioなどツールを使った
アニメーション制作も可能です。

☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

結婚式スピーチのイラスト 披露宴会場

カテゴリ:
TV用に制作したイラストです。
結婚式、披露宴会場でスピーチする人、歓談する人たちのイラストです。

blog160129speachA1_3



blog160129speachA1_1


☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

教材イラスト、TV向けイラスト、実績多数あります。
イラスト制作のご依頼はお気軽にお問い合わせください。

http://art.cocoroe-design.com/infomation.html 

Flash、Unity、Spine、SpriteStudioなどツールを使った
アニメーション制作も可能です。

☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

主婦のイラスト、ラジオのイラスト

カテゴリ:
TV用に描いたイラストです。
ラジオを聞く主婦のイラストです。
blog160129radio2_1blog160129radio2_2
blog160129radio2_5


☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

教材イラスト、TV向けイラスト、実績多数あります。
イラスト制作のご依頼はお気軽にお問い合わせください。

http://art.cocoroe-design.com/infomation.html 

Flash、Unity、Spine、SpriteStudioなどツールを使った
アニメーション制作も可能です。

☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::


バナナのイラスト 寒い場所のイラスト

カテゴリ:
TV用に制作したイラストです。
バナナと気温を説明するために描いたイラストです。

blog160129banana


☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

教材イラスト、TV向けイラスト、実績多数あります。
イラスト制作のご依頼はお気軽にお問い合わせください。

http://art.cocoroe-design.com/infomation.html 

Flash、Unity、Spine、SpriteStudioなどツールを使った
アニメーション制作も可能です。

☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

レーサーのイラスト バイク

カテゴリ:
TV用に描いたイラストです。
バイクレーサーのイラストです。

blog160129bike2


☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

教材イラスト、TV向けイラスト、実績多数あります。
イラスト制作のご依頼はお気軽にお問い合わせください。

http://art.cocoroe-design.com/infomation.html 

Flash、Unity、Spine、SpriteStudioなどツールを使った
アニメーション制作も可能です。

☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::☆::::★::::

このページのトップヘ

見出し画像
×