• ベストアンサー

FLASHでの線の描写について

アユーラ社のFLASHを見て、ロゴの描写に感動しました。 http://www.ayura.co.jp/opening_j.html この様な線の描写はどのように作っているのでしょうか? 各パーツ毎にレイヤー分けし、それぞれマスクで制御しているのかな…?とも思ったのですが動きが速くわかりません。。 また、これとは別に、FLASHで、マーカーで文字を書くようなイメージで”太めの線での描写”(常に線の端を丸く保ちたい)をしたいと考えているのですが、良い方法がありましたら教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
noname#35109
noname#35109
回答No.1

これは,アニメーションの本来の作成方だと思います。 Flashなど結構すごい機能を持ったソフトのおかげで,ディズニーや鉄腕アトムのなど古来からあるアニメーションを忘れがちになりますが,基本の基本。パラパラ漫画でしょう。 予想されている通りマスクを使うのではないでしょうか。 その赤い唐草文様のようなものを書き(アニメーションさせるよりこれを書く方が大変), 赤い唐草文様の上のレイヤーに唐草文様をコピーして,それをマスクにして, そのマスクを後のフレームから徐々に削っていき,最後に全部削った状態にする。 再生させると徐々にマスクされた部分が大きくなって行くので唐草文様が伸びていくように見えるというものです。 背景色がずっと同じであれば背景色と同じ色の唐草文様を赤い唐草文様の上のレイヤーにコピーして,上に置いた背景色と同じ唐草文様を少しずつ下から消して行っても良いですが,この場合背景色が変わっているので,マスクが必要だと思います。 最近,同様の質問が多かったため,こちらも参考にしてください。 「FLASHで文字を書き順通り表示させる」 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1319032 その変形バージョンでこんなのもあります。 「FLASHでの文字を書くような映像の作り方」 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1369643 (下側の質問に答えたお陰で,ローカルのSWFファイルがFlash4プレーヤーえ開くように変わってしまった~!) (設定を何度変えてもFlash4で開いてしまう。Flashの再インストールをしなければ…,あー面倒くさ。) 上の( )内の呟きは無視してください。この唐草模様もFlash4で難なく再生されました。 複雑なスクリプトを使っていないのは確かです。

o0-0o
質問者

お礼

お礼の方が遅くなりまして申し訳ありません。 アユーラ社のロゴのFLASHはパラパラ漫画のようにつくられていたんですね! フラッシュでのアニメーション制作でも、アニメーションのコマを作る作業はやはり不可欠なんですね。 参考URLの方もありがとうございます。 「フレーム反転」はあまり使ったことがなかったのですが、 今回の様な手書き文字制作にはかなり活用できそうですね! 大変参考になりましたので、頑張って作ってみます☆ ありがとうございました!

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • FLASHでのマスクについてなんですが。

    FLASH MXでアニメーションを作っているのですが、ガイドレイヤーを摘要したレイヤーにはマスクは使えないのでしょうか。たとえば風船がランダムな動きで飛んでいくように見せるためガイドレイヤーでランダムな線を描いて吸着させました。それを望遠鏡で覗いているように見せるため円形のマスクをかけようと思ってやってみたところできませんでした。マスクは一つ下のレイヤーにしか摘要されないのでガイドレイヤーに摘要しても意味がないし風船の動いてるレイヤーにマスクをかけようとしてもできませんでした。 なんかとんでもないミスをおかしてるのでしょうか?それともガイドレイヤーを使ったアニメのレイヤーにはマスクはかけられないのでしょうか。どなたかお教え下さい。

  • illustratorのアイテムをflashのステージにペーストすると

    flash5、illustrator8をMacで使っています。 イラストレーターの同一ファイル上でたくさんパーツをつくって、フラッシュの1フレームにひとつづつペーストしていく作業をしているのですが、たまに、ペーストしきれない(パーツが欠ける)現象が起きてしまいます。 マスク、グループ、レイヤーなどのどこかに原因があるのかと思い、何度か修正してやり直しても、やはり別の部分が欠けてしまったりします。 データ作成上の注意点などあったら教えてください。

  • デジタル絵の塗りかたについて

    最近デジ絵を始めた初心者です。 いろいろ調べて、塗り方には大きく分けて 「色マスクを使って塗る方法」と「パーツごとにレイヤ分けして塗る方法」 の二種類あることがわかったんですが…。 私は今のところ色マスクで塗っていて、レイヤを分けて塗るのはめんどくさいし重くなって 大変なんじゃないかと思ってしまいます。 けど、いろんな塗り方を知りたいので、それぞれの塗りについて教えてほしいです。 長くて分かりにくい文になってしまってすみません。 質問は以下のとおりです。 (1)色マスク使用のメリット・デメリット。  どういう絵を塗るときに向いているかなど。 (2)パーツごとにレイヤを分けて塗るメリット・デメリット。  どういう絵を塗るときに向いているか。 よろしくお願いします。

  • FLASHで文字を書き順通り表示させる

    FLASHの動きについて質問です。 オープニングFLASHなどでサイトのタイトルやロゴなどを 表示させるために以下のような感じで見せたいと思っていますが、やり方が分かりません。 ▼見せ方 文字(日本語でも英語でも)を書き順通りに1線づつ ペンなどで書いているように表示させたい。 ●や■などでマスクを作ることも考えましたが 1文字単位でしか操作できなかったので できれば、文字の1線づつ、しかも1線も書き順通りに 表示させたいと思っています。 どなたか、分かる方、いらっしゃいませんでしょうか?

  • 画像の中にポップアップリンクを設定

    製品の説明を表す画像を作りました。 製品のパーツの部分に矢印とパーツ名を描き、そこのパーツ名の部分をマウスオーバーするとパーツだけの画像が製品画像内に現れるFlashを作成したいのですが、パーツ名が10か所もあります。 どのように制作したらよろしいでしょうか。現れる画像は個々に違う座標にしたいのですが・・・  レイヤー分けの仕方から教えていただけると助かります。 よろしくお願いします。

  • flash swfファイル書き出し時の画像、文字の劣化について

    ・アウトライン文字の劣化 イラストレーター9.02でアウトライン化された文字(ロゴ)をgif保存。flashにコピーして書き出すと端が切れてしまったり、下の部分が線を引いたように切れてしまったりします。 ・切り抜き画像の劣化 photoshopで切り抜き画像を背景マットにしてweb用に保存(最高画質)→flashに読み込んで書き出し→シャギーが出て、見るに耐えない画像になります。(パスはきれいに切り抜いてあります) 対策として、swf書き出し時の画質を100まであげていますが、効果がありません。 画像の方は、photoshop上で境界線をぼかすなどしてみましたが、これもまた効果がありませんでした。 どなたかおわかりになる方いらっしゃいましたら解決策を教えていただけますでしょうか。 ・アウトライン文字をマスクとして使えるか? イラストレーター上のアウトライン文字をgif保存してflashに読み込み、その文字をマスクとして使うにはどうしたら良いのでしょうか。 どうしても四角形にしか認識されず、マスクとして使うことができません。 こちらもおわかりになる方いらっしゃいましたら宜しくお願い致します。

  • 質問二つ

    1. ビルトインの描画機能でグラデーションを描きたいため、線の色をなしにしようと思ったら、「ベクタ オブジェクトの外観は「線」と「塗り」からなっているため、線をなしにすることはできません」と出ました。メッセージはどうでもよいのですが、矩形のグラデーションに枠線を入れたくないです。その方法を教えてください。 2. グラデーションを抜き?のマスクにしようとしようと思ったら、「マスク レイヤはアルファ チャネルを保持できません」と出ました。メッセージはどうでもよいのですが、グラデーションの抜き?透過?にする方法を教えてください。 Flash 8 Professional

  • 色々、漠然とした質問。(環境…SAIとフォトショ)

    ※1まず、初心者の独学の範囲なので先にすいません。 ※2作業環境はSAI/photoshopですが、使い方まだ分かってません。 (1)パーツ分けのため、自動選択すると思いますが線は1mmも隙間あけず 絶対つなげとかないとだめですか。 設定で認識する範囲を広くしたりすれば大丈夫ですか。 また、厚塗りだったら自動選択すらする必要ないですよね。 でも、選択優先して絶対つなげて、あとからいくらでも線画を編集すればいいって 話ですか。そして、photoshopとSAIどっちでやってますか?どっちも変わりませんかね。 (2)photoshopのグラデーションツールとレイヤー →新規塗りつぶしレイヤーのグラデーション 何が違いますか?また、グラデーションする場合SAIとphotoshopどちらでやってますか?

  • テクニック

    タカミンのお絵かきチャット(絵茶)をよく使用するのですが、上手く扱えないです。機能は理解しているのですが、テクニック・・・というかコツがつかめません。 因みに、教えて頂きたいのは ・立体的にキャラクター・物を描きたい! 今まで影などはレイヤーなどを使っていたので(それでも立体感はあまりなかったのですが・・・下手なので)立体的に出来たのですが、絵茶だと+αで難しいです。 ・消したいところが上手く消せない! マスク・逆マスクを上手く利用として消そう!など試行錯誤しているのですが、いらぬとこまで消してしまいます。更に、その色のRGBが分からなくて余計あたふた・・・上塗りとかしてしまいます。 ・背景とキャラクター レイヤー分けで背景、キャラクターを描いていたので、キャラクターを先に描いた(カラー)後に背景を描こうと思うとキャラにまで色を塗ってしまったり、また背景の線も同様でやってしまいます・・・。逆マスクで対処しようと思うと、そこだけ白くなっちゃったりとかRGB問題に逆戻りしてしまいます。 ・絵茶でのハイライト 私は「Sai」をつかってたのですが、それで使っていたものですが絵茶だと応用が利きません・・・いいハイライトの入れ方を教えていただきたいです。 ・筆圧と線の調整 他のツールを使っている人ならお分かりかと思いますが、筆圧機能に慣れると無い場合に慣れるまでにかなり時間を費やしてしまいます。そして太くしたいと思う部分は、みなさまどうやって線を重ねますか?(例:線(極細)で太くしたい部分を2重書きにする、等) また他に絵茶以外でも使えるテクニックがあれば教えていただけると嬉しいです。 長文・乱文・質問過多で申し訳ありません。

  • 画面遷移を等間隔にしたい 

    たびたびの質問ですがよろしくお願いします。win・cs3・as2で作成中です。 http://www.tokyo-eden.com/ このtopページのような、マスクを使った画面が切り替わるflashを作成しております。 それを4パターン(top_01.swf、top_02.swf、top_03.swf、top_04.swf)作って、親のswf(parent.swf)に読み込む形にしています。 ●top_01~04.swfは、レイヤーが6つに分かれており、順番に レイヤー6:AS レイヤー5:画像1のマスク レイヤー4:画像1 レイヤー3:画像2のマスク レイヤー2:画像2 レイヤー1:画像1(onloadで読み込まれるもの) といった感じです。(※image1、実際にはもっとフレーム数が多くなってしまっていますが、わかりやすく短くした画像をのせました) ●parent.swfは、レイヤーを5つに分けており、順番に レイヤー5:AS レイヤー4:top_01.swfを読み込むMC(インスタンス名:mc_01) レイヤー3:top_02.swfを読み込むMC(インスタンス名:mc_02) レイヤー2:top_03.swfを読み込むMC(インスタンス名:mc_03) レイヤー1:top_04.swfを読み込むMC(インスタンス名:mc_04) となっています。(※image2) ★質問 (1)top_01~04.swfの作成の仕方なのですが、レイヤーの順番や配置はもっと効率的な方法がありますか? (2)parent.swfでは、 onLoad = function(){ mc_01.loadMovie("top_01.swf"); mc_02.loadMovie("top_02.swf"); mc_03.loadMovie("top_03.swf"); mc_04.loadMovie("top_04.swf"); } このようなスクリプトしか書けていません。 今回作成したいのは、 1、top_01~04.swfがそれぞれ10フレーム程度の間隔でフェードイン 2、その後、top_01~04.swfが順番に等間隔でマスクによる画面遷移を繰り返す なのですが、1も2も、top_01~04.swf(子)で間隔を調整すると、ものすごいフレーム数になるうえ、だんだん間隔がずれてきてしまいます。 これを、なんとかparentで等間隔に制御する方法はありますか? 以上、わかりにくい質問で申し訳ないですが、よろしくお願いいたします。