FLASH 制作仙台株式会社ブレイドのプロジェクト！【プロジェクトブログ】-project blog-

[ゆる忍]予告編メイキング公開

2009-06-15T10:05:27Z

どうもお久しぶりです。
[ゆる忍]担当デザイナーMです。
今回は先日弊社HPにて公開した[ゆる忍]予告編のメイキングを簡単にご紹介しようと思います。

Adobe Photo shop CS 3(フォトショップ)とIllustrator CS 3(イラストレータ)で用意したパーツをもとに、Flash CS3でムービーを作成します。

まずはオープニング。
映画の予告編っぽくおなじみの緑の画面からスタート。

そしてタイトル。
英題は"The Chronicles of Soft Ninjas"
桜吹雪の動きに注目です。

そしてゆる忍の屋敷へ・・・・
二人の忍者が登場です。（今回は残念ながら動きは無しで）

さて、どんな物語になるのでしょうか・・・

本編をお楽しみにっ！！！

[ゆる忍]Adobe Photo shop CS3とIllustrator CS3を使って背景の作成

2009-03-03T00:50:00Z

皆さんこんにちは。「ゆる忍」制作中のデザイナーMです。
さて、今回は小物や背景画像をご紹介します。

まずは、舞台となる（？）お屋敷から↓↓

ちなみに襖(ふすま)の模様をよく見るとアルファベットで"BLADES"と書いてありますよ。
このお屋敷は、ほとんどAdobe Photo shop CS 3(フォトショップ)で書いています。Adobe Illustrator CS 3(イラストレータ)を使ったのは、襖(ふすま)の模様だけですね。
あっ、あと、襖(ふすま)はちゃんと開けられるように作ってあります！！

そして、桜の木、桜の花びら、ブレイド雲↓↓

Flashで使うこれらのパーツは、すべてIllustrator CS 3で作成しました。
パーツによってPhoto shop CS 3と、Illustrator CS 3を使い分けてます。

これらのパーツがどんな風に使われるんでしょうか？？？　お楽しみに～～

キャラクター設定その２（アウトライン・色つけ）

2009-02-09T02:00:00Z

キャラクター設定その2（アウトライン・色つけ）です。

上がアウトラインで下がカラー。
アウトラインだけ見ると何なのかよくわからないが、色をつけてみると大分違いが分かるかと思います。

制作の都合上、上半身のみです。
何かのスイッチを持っていて、電波飛ばしてます。
電波を飛ばす理由は動画の完成をお待ち下さい。

次回はパーツごとにバラした解説です。

[ゆる忍]イラストレータでのキャラ作成

2009-01-28T00:30:00Z

どうもこんにちは。
「ゆる忍」作成担当のデザイナーMでございます。
今日はいよいよIllustratorでキャラクターを作りこんでいきますよ！！

前回までに描いたラフをイラレに取り込み作りこんでいくわけですが、こういうのは文章で説明するより実際に見てもらったほうがいいですよね。
・・・・・というわけでGIFアニメにしてみました↓↓↓

作業工程、なんとなく理解してもらえたでしょうかこんな風に頭、体、腕、脚とパーツを分離して作っておけば後で動かす時に便利ですね。

同様に女の子と簡単なロゴも作ってみました↓↓↓

キャラができるとこれから作成するアニメーションのイメージも湧きやすくなります。

さて、次回は背景、小物関係を作っていきます。お楽しみにっ！！

キャラクター設定その2 （ラフ）

2009-01-26T00:50:00Z

今回から、Flashのムービーで使用するキャラクター設定その２をお送りいたします。
まずは、その１同様ラフ起こしから。

線が荒くて見づらいですが、良く見かける覆面のアイツです。ショ〇カーとか、そんな感じです。

そんな彼のプロフィールはこちら↓

マスクマン　年齢不詳　無職
基本的には謎だらけ。
ボスの命令には逆らわない。でも悪い人ではないらしい・・・

キャラクター設定その１（パーツ分け）

2009-01-19T02:30:00Z

今回は、Adobe illustrator CS3で起こしたデータをFlashで動かすパーツごとに分けて、表情のバリエーションを作成。
オヤジが何かを喰らった顔をしています。

片腕、体、両足を3つのパーツに分け、このパーツを使ってアニメーションさせていきます。

今回でキャラクター設定その1は終了。次回からはキャラクター設定その2に入ります。

[ゆる忍]キャラクター下書き

2009-01-15T00:50:00Z

さて、この「ゆる忍」シリーズも第三回目になりましたね。
今回はキャラクター下書き（２）です。前回描いたキャラは手足が別パーツではなく、Flashで動きを付けるのには向いていませんでした（^-^; というわけで今回はこんなのを書いてみました。

ゆるい忍者ということでちょっとやる気のない、寝起きの忍者君でございます。
名前は・・・・まだ決めてません。イラレで描きながら考えます。
そして、今回は女性キャラも登場！！男ばかりだとやる気がおきないですからね。

さて、次回はいよいよイラストレータの作業開始です！！！！！

キャラクター設定その１（Adobe Illustrator CS3によるアウトライン・色つけ）

2009-01-14T00:55:00Z

前回に引き続き、今回はラフをもとにイラストレーターにてアウトラインを作成、そして色づけ。

後々アニメーションさせるために、アウトラインの段階でパーツごとに分けておいた。
服のシワや髪の毛がなく、ベタ塗りな作りだったのでスンナリ制作できたかな？

次回はパーツごとに分けてみます。

ブレイド CMプロジェクト第3回／絵コンテを元に動きやイメージを再考

2009-01-13T03:30:00Z

2009年今年も株式会社ブレイドをよろしくお願いします _(UvU)_

前回の(株)ブレイド CMプロジェクト／素材をPhotoShop CS3で制作の続きです。

前回は、Adobe Photo Shop CS3で After Effects CS3を使ったCMムービーで使用する各パーツを制作していきましたが、ほぼパーツの制作が出来上がって、作り終わったパーツと、前に描いていた絵コンテを照らし合わせて、頭の中で、再度動きのイメージを確認していきます φ(^_^)
イメージの中で、思いついた部分については、若干絵コンテの手直しを。

動きのイメージが固まってきたら次のステップへ進みます('ー')/

(株)ブレイド CMプロジェクト／素材をPhotoShop CS3で制作

2008-12-26T04:00:00Z

株式会社ブレイド CMプロジェクト
話は前後してしまいますが、今回After Effects CS3で制作したCM動画( ※バージョン1の段階のもの )は、(株)ブレイドのトップページで実際に公開しています。
まずはそちらをご覧くださいね。

株式会社ブレイドトップページ [宮城県仙台市] (外部ページが開きます)

Adobe After Effects CS3でムービーを制作するにあたり、全体の絵コンテ、ラフスケッチを描き、そのラフを元にして、実際にムービー上で動作させるための素材をAdobe PhotoShop CS3で制作していきます。

制作したパーツ類の一部はこんな感じですよ!

PhotoShopCS3で制作したロゴなどの各パーツのデータは、PSD形式でデータを保存。
After Effects CS3は、PSD形式のデータが読み込めるので、データの移行がラクですね(^ー^)/

次回の更新は2009年1月第２週頃になります
お楽しみに(^-^)

2.キャラクターの下書き

2008-12-26T01:19:50Z

今回の記事ではキャラクター作成の様子を紹介していこうと思います。
キャラクターといってもさまざまですが、今回作成するのは三頭身のかわいい系キャ理由は、描きやすそうですし動きもつけやすそうだから・・・・。
イメージとしてはサウスパークが近いでしょうか。

今回の動画プロジェクトの目的のひとつは株式会社ブレイドをアピールすることなのキャラクターは何か会社（ブレイド）をイメージさせるものではなくてはなりませんでもこれがなかなか難しい・・・・・。
私がキャラクター作成にあたりピックアップしたキーワードは以下のとおり。

■株式会社ブレイドのコーポレイトカラーの青
■ブレイド→Blade→刀→時代劇？
■webの技術者集団

これらのキーワードから思い浮かんだのが、なぜか「忍者」！！！
でも「忍者」って怖いイメージもあるからもしかしたらOK出ないかも・・・・？？？まぁ、その辺は絵に起こす時に工夫してどうにかします。とりあえずこれで方針決定。さっそく下書きに入ります！！
「忍者」+ 三頭身 + ユルキャラ + あんまり怖くなく・・・・これ、結構難しいです
うーん、忍者ってこんな感じでいいんでしたっけ・・・・？なにせ本物を見たことが頭巾？の真ん中にはちゃんとブレイドのマークが入ってますよ。

さて、この忍者１号君（まだ名前未定）、これをflashで動かすとなるとちょっと難し手とか足とか動かすなら別パーツにしといたほうがいいような気が。
あと眉毛も合ったほうが表情を付けやすいんじゃないかとか。

そういうわけでもうひとつ別のを描いてみようと思います。詳細は次回の記事で！！

キャラクター設定その1（ラフ）

2008-12-26T01:00:00Z

まずはラフおこし。誰だコレ。なぜかオッサン。
とりあえず、プロフィールをつけてみた。

重田常男 52歳サラリーマン
かなりのヘビースモーカーで、常にタバコを吹かしている。
灰皿があろうとなかろうがどこでも吸う。基本はポイ捨て。

ユルキャラ忍者がWEBを斬る！！

2008-12-25T07:24:17Z

えー、皆さんこのブログでは初めましてですね。
株式会社ブレイド、デザイナーのMです。どうぞよろしくおねがいします。

さて、「株式会社ブレイド」と株式会社ブレイドが持つ「動画関連の技術」をアピールするべく、ひそかに（？）準備を進めてきた「動画プロジェクト」。
いよいよこれが本格的に始動しました。
すでに他のスタッフの記事も次々とアップされているようです。
みんな技術的に面白そうなものばかりですね。
わたしも負けていられません！！

このプロジェクトでは動画を扱うインターフェースから配信するコンテンツまですべて社内で制作していくんですが、
私が担当することになったのは動画コンテンツの制作、ずばりFlash/ActionScript3によるアニメーションです。

とりあえず、私が制作していくアニメーションでアピールしたい項目を列記してみましょうか。

1)イラスト。
2)デザイン。
3)Flash。
4)ActionScript3。

こんなところかな？

1)に挙げた「イラスト」ですが、実は今回のアニメーション、キャラクターを自作する予定なんです。
手書きのイラストをイラストレータに取り込み、作りこんでからFlashに持っていくという流れになると思います。
詳細はまだこれからですが、キャラクターは何らかの形で会社やWEBに関連したものにしたいと考えています。

2)の「デザイン」、これに関してはキャラはもちろん背景や文字の処理などでアピールしていこうと思います。

3)は「Flash」です。Flashアニメーションなので当然と言えば当然ですね。

4)「ActionScript」は"3"でいきます。今後ActionScript3を使用する案件もどんどん増えていくでしょうから、この項目は外せません。

あ～、なんか字ばっかりの記事になってしまいました・・・・。
難しい話はこれくらいにしましょう。

次回からは制作過程を少しずつ紹介していこうと思います。
みなさん、お楽しみに～

プロモーションコンセプト「こんなところにブレイドが！？」制作開始！

2008-12-24T09:48:25Z

今回制作するのはFlashによるアニメーション。ここではアニメーションのコンセプト、キャラクター設定などを公開。

最初に、動画制作にあたってのコンセプトはタイトルにあるとおり「こんなところにブレイドが！？」、日常の様々な場面においてどこかしらに「ブレイド」の文字を当てはめていく・・・

このコンセプトに基づいて制作したアニメーションを通して、ブレイドという企業を身近に感じてもらうのが目的。

次回からは、キャラクター設定などを公開。

Adobe After Effects CS3使用しての株式会社ブレイド CMプロジェクト予告編

2008-11-19T09:11:04Z

どうも御無沙汰しております(^_^;
唐突ですが、宮城県仙台市株式会社ブレイドのCMプロジェクトが始動しました。

今回は、Adobe After Effects CS3を使用して、株式会社ブレイドのCMを制作してみようと思います。
…そういえば、もうすぐ最新版のAdobe After Effects CS4が出るんだけど、CS3のバージョンで制作です(^o^;;

CMと言っても大したものではないんですけどね(笑; 詳細は追ってこのブログに書きますね。

FLASH 制作 仙台 株式会社ブレイドのプロジェクト！【プロジェクトブログ】-project blog-

[ゆる忍]予告編 メイキング公開