TOPへ

NEW

ホームページ更新中につき、暫定日記

Shade 11で3DCGアニメーションを作ってみました。2012/9/1

  1. 画像(もみじの背景を粋屋さまからお借りしました)を配置。
  2. Illustratorでもみじを描き、Shadeに読み込み。
    (1.と2.が同じ土俵に上がりました)
  3. Illustratorで描いたもみじを、Shadeで立体的に編集し、回転アニメーションをつける。
  4. aviで保存。(=アニメーションレンダリングを行う)
    (60コマのアニメーションレンダリングに、10分以上かかりました)
  5. aviをmp4に変換。
    (aviからダイレクトにflvに変換すると、なぜか?背景画像が表示されません?)
  6. Adobe Media Encoder で、mp4からflvに変換。
  7. Adobe Flashに読み込み。(ビデオの読み込み)

なかなかきれいに仕上がらず、9/8に編集し直しました。


生徒さんのご要望で、アメーバブログをはじめました。あらかじめ設定されているCSSを編集するのも、勉強になります。一から築き上げるのと違った「なんでだ~!?」があります。発見もあります。


トップページ画像の桃。文字の上にかかっている枝は、(細かく選択して合成したのではなく)[ピンライト]で重ねています。
手間がかからず、かつ、自然な仕上がりです。2012/2/19


  1. FlashのActionScriptに動画を追加しました。2006年に作ったもの(「Fluid Letters」(これ))を再編成です。
    ActionScriptを、前回より制御できるようになっているのを実感。うれしいです。
  2. ゼロピクセルの(見えない)ムービークリップにActionScriptが設定されていました。そのActionSprictは[ムービーエクスプローラ]にも表示されておらず、どこに書かれているのだろう?と。(見つけないことには編集できないですから)
    ActionScript 3.0からは、ムービークリップに直接ActionScriptを記述することができなくなり、探しやすいです。
  3. ActionScript 1.0でも、パブリッシュ設定でFlash Playerを8以降を指定できるのですね。(使える機能が増えて助かります)
  4. 同じパネルが再配置される動作が楽しいので、なんとかそれを伝えたくて、コンコン、パソコン、パンという文字遊びを入れました。また、「この文字が右に動くんだよ」ということをわかりやすくするため、文字の裏に色違いの飾りをつけました。
  5. きつね、パン、枠、フサをIllustratorで描いたのですが、ペンツールに苦戦です。まだまだ修行が足りません。2/17

FlashのActionScriptにやっとひとつ、動画が入りました。
くまが、努力が実らず、かわいくなりません。
首、眉、口を動かし、音符をつけたら、(かわいくはなりませんが)能天気に歩いている感じが出てきました。
「道路でふらふら歩くんじゃないよ!」とつっこみをいれてやってください。2/13

くまさんは、胴を短くし、顔を修正したところ、少しかわいくなりました。
また、動きが不自然だったので、口の開きと連動して顔が上を向くようにしました。
(口と耳の裏あたりのパス、2か所を[はさみツール]でチョキン。→回転)

左が修正前。右が修正後。2/19


Flash、マスクの文字2種。
なかなかおわかりいただけないかもしれませんが、スピード、大きさ(幅)、透明度に変化をつけています。
「なめるように動く」。←成功していますか?


久しぶりにFlashのページを更新。マスクのページにテレビを追加しました。
おねえさんの口を、シェイプトゥイーンで動くようにしました。時間があれば手直しをしたいです。
テレビを消す動きは、ちょっと楽しいです。少し苦労しました。ブラウン管ですケド。2/5


Illustratorの「」に説明を加えようと思い調べていたら、CS5で追加された[線幅ツール]に魅了されました。
CS5の体験版をダウンロードし、試してみました。
Illustratorなどの操作はそれぞれ技術を要しますが、このツールも思い通りに操るには修行が必要です。1/27

Illustrator、回転体野球ボールは「手縫い」です。揃っていないのはご愛嬌。
ただ、そのためマッピングの処理に時間がかかり、Illustratorがしばらく固まります。ヒヤヒヤします。1/24


PhotoshopとIllustratorは違います。それぞれにとってもおりこうです。
(長年事務仕事をなされている方の中に、ExcelかWord、どちらかを好んで使う方が多いように)
Photoshopばかり、もしくはIllustratorばかり、使ってはいませんか? 1/23


Flashのモーショントゥイーンの中のフォーカスイン、フォーカスアウトのサンプルを変えました。
遠くの花から近くの紙に、カメラの焦点を移していく、というニュアンスが伝わればうれしいです。1/22


映像を見ているとムラムラします。「こういうのを描きたい!」と。
そのまま欲動を鎮静させることも多いですが、タイミングが合えば、できるだけ描きたいものです。 1/10


掲示板kentさんのYY-board)。以前テンプレートを修正しようと試みてうまくいきませんでしたが、今回は成功。
外部のCSSをリンクすると「テンプレートエラー」になるが、添付のCSSに追記すればOKです。
9つのテンプレートファイルを修正しましたが、まだ未修整のファイルがあり、大仕事です。


服喪中なので祝ってはいけない。祝っていない。と、思う。だってひらめいちゃったんだもの。しかし派手だなぁ。
ド派手なFlash画像は、3日だけ置いて撤収。2012/1/3


Illustratorのメニュー。以前のものは古いバージョンのInternet Explorerで動かないため、
古いバージョンでも問題なく動き、かつ、見やすいものに変更しました。
Dreamweaverのテンプレートが5層になるなど、ずいぶんと面倒くさいことになっています。


サイトマップ以前使っていたJava Scriptで作り直しました。文字化けしたので、charsetをShift_JISに変更。
ブラウザによって動かないものがあり、Google Analytics用のスクリプトが原因とわかりました。12/29


各ブラウザ(合計12種)で動作確認をしています。(動作確認一覧
Illustratorで今現在使っているメニューは、対応できないブラウザが多いようなので、要検討。12/28


お問い合わせフォームで、カーソルが入らない件。解決いたしました。(感謝!)12/27


Internet Explorer 6での、「Press ok to continue loading the content of this page」というエラー。
Yahoo!でも同じエラーが出るので、優先順位を下げます。(MultipleIEsが原因のようです)


リビングの夫のXP(HOME) に、LogMeIn Free をインストールし、リモートデスクトップのホストにしました。
リビングのWindows XPに、教室からリモートで接続することで、
ブラウザでの動作(Internet Explorer 5, 5.5, 6, 8 )を確認すると同時にその場でCSSの編集ができます。
手直しの微調整で、家の中を走り回らなくてもよいということです。
なお、Internet Explorer 7は、教室のVistaで確認できます。
また、Internet Explorer 9、Safari、Firefox、Google Chromeは、教室の7で確認できます。
19日の時点で多くのページの表示が崩れていることが確認できています。CSSの調整を開始します。12/24


久しぶりにInternet Explorer 7で確認したところ、表示が崩れている部分があり、CSSを修正しました。
Internet Explorer 6以下 での動作確認は、家族のパソコン(XP)に Multiple IE をインストール。ボロボロです。12/19


5年前に作ったFlashの時計を再編集し、ファイルサイズを4分の1にしました
たとえば「地球」は、表示面積100倍の画像を18枚使って回転させていました。 サイズが大きくなるはずです。
Flash動画のサイズを大きくしている原因のひとつは、画像のサイズが無駄に大きいことだと実感。

この時計は、Action Script 1.0、Flash Player 6以下の設定でしか動かない模様。
1.0以降のバージョンに設定にするには、スクリプトをすべて、書きなおさなければなりません。12/13


朝のNHK連続テレビ小説「カーネーション」で。火だるまになったおとうさんを目の前に、おばあちゃんとおかあさんはヒーヒーわめくばかりでした。水をかけ人を呼んだのは娘の糸子(いとこ)。
おばあちゃんとおかあさんが悪いわけではありません。でも。心臓の剛毛は大切。12/12


Flash>マスク>メニュー。過去に作ったものをAction Script 3.0で、再編集しようと試みました。
「クリックして座標XXに移動」はできるのですが、「ゆっくり移動」という部分でギブアップ。難解です。
せめて画像だけはと、新規に作りました。


Flash>インバース・キネマティック。ブラシの線が汚いので、ペンツールで描きなおしました。ペンツールは難しいです。
難しいのですが、避けて通ることはできません。大切な技術です


自作素材は山のようにあれど、いざとなるとカスばかり。orz
作り直し、もしくは一から作るものが多いです。 勉強をし直せてよいのですが、時間がかかります。11/23


Photoshop、Illustrator、Flashのページ。自作素材は山のようにあるので、あとは配置するだけ。
「楽しそう!」「こんなことができるの!?」と、どなたにも、わかりやすくご紹介できたらなと思います。
さてそれにはどうしましょう? 11/18


以前はCSSと格闘しているとき、姿の見えない化けものを相手にしているようでした。すごすご退散するばかり。
今回は(比べると、ですがね)はるかにスムーズで、楽しいです。「試験勉強」って効能ありますヨ。 11/18


ホームページで表示される文字の形。Vistaで見たらメイリオの表示がギザギザです。あれこれ調べてみたところ、こんな記載が。ややこしいですな。とりあえず保留。^^; 11/16


Internet Explorer 7でヘッダーのメニューが表示されていなかったのですが、 ヘッダーの高さ指定を解除することで、あっさり解決。同じくInternet Explorer 7で。About usのサイドメニューで、文字が垂直方向中央になっていなかったのですが、margin-top指定を解除することで解決。 11/15


先週から全面改装をしております。ゼロからです。
404がなくなり、そして、真っ白なページもなくなりました。 現在は、About us に枝葉のページを作っております。
枝葉の枝葉も作ります。2011/11/15