• ベストアンサー

マスクにグラデーションをかけるには???

あるテキストにマスクの処理を施している最中なのですが、 テキストが中心からだんだん端のほうの文までグラデーションをかけながら表示させるにはどうしたらいいんでしょうか? 中心から端にかけて浮き上がってくるみたいな感じです。 すでに表示されている部分は色は変わらず、 表示される端のほうが背景と透明化(?)しているみたいな感じです。 ただ単にテキストが中心から端のほうまで表示されるのはきれいじゃなかったです。 これはどうやったらいいんでしょうか><

  • Flash
  • 回答数2
  • ありがとう数3

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

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

#1 です。 Flash 8 以上では,#1の方法以外に別の方法があることに最近気づきました。 ご使用の Flash のバージョンを書かれていませんが, Flash 8 (Basic 8 でもOK)以上に限定すると, グラデーションマスクを簡単にかけることができます。  ---用意するもの----------------------  ・マスク用グラデーション塗り入りムービークリップ  ・テキスト入りムービークリップ  ・背景(JPEG でも シェイプ画でも何でも可)  ----------------------------------- ◎マスク用グラデーション塗り入りムービークリップの作成 まず,ステージ上に, 黒アルファ100%→黒アルファ100%→黒アルファ0% の横に細長い長方形のグラデーション塗りを描きます。  ↓アルファ100    ↓アルファ100    ↓アルファ0  ■■■■■■■■■回■回回□回□□  ■■■■■■■■■回■回回□回□□              | グラデーション 次に, 横に細長い長方形のグラデーション塗りを選択して, ムービークリップに変換し,インスタンス名を付けます。 この説明では, 「myMask」 というインスタンス名を付けたとしておきます。 ◎テキスト入りムービークリップの作成 上で作った 「myMask」 の下に新しいレイヤーを追加して, そのレイヤーのステージ上に何かテキストを書きます。 例えば『あおうえお』を書きます。 その『あおうえお』を選択してムービークリップに変換し, そのムービークリップにインスタンス名を付けます。 この説明では, 「myText」 というインスタンス名を付けたとしておきます。 ◎背景の用意 上で作った「myText」 の下に新しいレイヤーを追加して, そのレイヤーのステージ上に何か背景を置くか描くかします。 ◎スクリプト 上で作った 「myMask」 の "上" に新しいレイヤーを追加して, そのレイヤーのフレームにスクリプトを書きます。  □ レイヤー 筆・・|○| ←スクリプト  □ レイヤー 筆・・|●| ←「myMask」  □ レイヤー 筆・・|●| ←「myText」  □ レイヤー 筆・・|●| ←背景 フレーム の スクリプト --------------------------------------- // 「myMask」のビットマップキャッシュを有効にする myMask.cacheAsBitmap = true; // 「myText」のビットマップキャッシュを有効にする myText.cacheAsBitmap = true; // 「myText」 に 「myMask」 のマスクをかける myText.setMask(myMask); --------------------------------------- 後は, マスク 「myMask」を「myText」の上でモーショントゥイーンさせてもらえばOKです。  □ レイヤー 筆・・|○       []| ←スクリプト  □ レイヤー 筆・・|●>---->[]|●| ←「myMask」  □ レイヤー 筆・・|●/////////[]| ←「myText」  □ レイヤー 筆・・|●/////////[]| ←背景 ※上記スクリプトのように   マスク側も,マスクをかけられる側も,   ビットマップキャッシュを有効にする必要があります。 ※レイヤーの設定でマスクをかけることはできません。   必ず setMask でマスクをかけるようにします。 ※上のようにして作成したものは,   Flash Player 8 以上のみで正常に動作します。 ※Flash Playar 7 と 6 のバージョンでは,   グラデーションがかからないのは当然のこと,   マスク自体の効果もなくなります。   (文字はずっと表示されっぱなしになります) ※Flash Playar 5 以下のバージョンでは,   グラデーションがかからないのは当然のこと,   マスクも文字も全く表示されなくなります。 ※Flash Player 8 以上は,   Windows 95 以下,MacOS9.x 以下には,   インストールすることができません。 Flashドキュメンテーション 「アルファチャンネルマスクについて」 http://livedocs.macromedia.com/flash/8_jp/main/00001410.html 「ムービークリップのキャッシュ」 http://livedocs.macromedia.com/flash/8_jp/main/00001406.html  

その他の回答 (1)

noname#35109
noname#35109
回答No.1

マスクにはグラデーションはかけられません。 また,文字のアルファ変化も 1文字1文字別のムービークリップに入れて, 1文字ずつのムービークリップのアルファを変化させるような面倒なことをしなければなりません。 ですから, 簡易的には次のURLのようにするのが良いと思いますよ。 フェードインする文字 FLASHRAVE - FLASH 講座 - http://flashrave.org/anima/fade_in/index.html

関連するQ&A

  • グラデーションマスクにトゥイーンをかけても動かない

    すみません。 flash制作をしていてグラデーションマスクをしても動かないので 恐縮ですがご教授お願いします。 文字がだんだん表示されていって、まただんだん消えていくいうものを作りたく、 ネットで調べ、グラデーションマスクはかかるのですが、マスクのターゲットされているものがモーショントゥイーンをかけても動きません。 レイヤー構造は以下になります。 //////////////////////////// AS    :@ マスク  :●●● ターゲット:●→● 背景   :●●● マスクのインスタンス名:mask_mc ターゲットのインスタンス名:target_mc アクションスクリプト: mask_mc.cacheAsBitmap = true; group_mc.cacheAsBitmap = true; group_mc.setMask(mask_mc); //////////////////////////// 上記でグラデーションマスクはかかるのですが、トゥイーンしているターゲットが動かないのです。 フラッシュのバージョンはcs4です。 どなたかご教授お願いします。

    • ベストアンサー
    • Flash
  • グラデーションでのマスクについて

    度々出た質問で恐縮ですが、上手く作動しなかったので質問させて下さい。 グラデーションでマスクを付けるのに、以下のようなスクリプトで作製したのですが、下のレイヤー(clip)にモーションを付けると作動してくれませんでした。 mask.cacheAsBitmap = true; clip.cacheAsBitmap = true; clip.setMask("mask"); 何がいけなかったのか分からず、今度は以下のサンプルflaをDLしてみました。 http://www.whatdoiknow.org/archives/002407.shtml このflaを元に画像だけ変更したら、動作したのですがそれを別のswfで読み込むとマスクの黒いグラデーションが見えてる状態で、マスクが効きません。 サンプルのflaもPlayer8で書き出すと動作し、Player9だと動作しなくなったりしますが、Playerのバージョンだけが問題ではない気がしています。(_rootのswfのバージョンを8にしてもダメだったので) わかりづらい文ですみませんが、分かる方居ましたらよろしくお願いします。

    • ベストアンサー
    • Flash
  • グラデーションなど

    Illustratorにて、背景画像A(写真)の上に10cm角の画像B(写真)を配置し、B画像の周囲5mm程度を角丸でグラデーションをかけA画像を透かせたいのですが、思うようにできません。 不透明マスクや描画モードをいろいろ変えてみましたが、ダメでした。(画像Bのふちをphotoshopで白く塗りつぶし、Illustratorで焼きこみや乗算モードにすると写真の表示部分も濃くなってしまいNGでした。) 角丸のグラデーションの作成と背景画像の透かせ方ご存知の方よろしくご教授お願いいたします。 winXP PS7 Ai9

  • フォトショップで無料のブラシにグラデーション

    フォトショップでダウンロードした無料ブラシにグラデーションを適用する方法を教えてください。 画像のようなサイトで、テキストを囲っているオーナメントを作りたいと思います。 無料のブラシをダウンロードしたのですが、これに金色のグラデーションをつけ、画像のようなオーナメントを作るにはどうすればよいのでしょうか? (グラデーションを適用した背景の上に黒塗りのレイヤーをつけ、レイヤーマスクを使用しました。  そこにブラシを使ったのですが、うまくいきませんでした。)  ご存知の方、教えてください。

  • ページがグラデーションの背景になる

    最近、あるページを表示しているとき、別のタブに移ってから前のタブに戻ると、前のページがグラデーションの背景だけになっていることがよくあります。 下のほうが黄緑色、上のほうが橙色でグラデーションになっている背景画像が敷き詰められているといった感じです。 そのページにあった文字などは消え、背景のみが表示されます。 更新すると元に戻るのですが、なぜこんなことが起きるのでしょうか。 なお、使っているパソコンはWindows7、東芝のdynabook R63、ブラウザはGoogle Chromeです。

  • エクセル、ワードでグラデーションを使うには?

    今ホームページを作っていて、 メニュー部分で文字の背景にグラデーションを使おうと思っています。 (この場合のグラデーションとは、色が徐々に変わっていって融合するようなものです) で、エクセルやワードでグラデーション機能を調べてみたんですが、 ワードには「文書の背景全体のグラデーション」という機能はあったんですが、それだとメニューの数文字だけに使うグラデーションとしては無理です。 エクセルにも見当たりません。 どうすればいいんですか?

  • illustratorの不透明マスクについて

    illustratorの不透明マスクについて 配置した写真を部分的にグラデーション効果で消していく画像を作りたいです。 その場合、透明の不透明マスクを使えば出来ると思うのですが、一カ所だけでなく、何カ所かその効果を使う事は出来るのでしょうか? 1、写真自体も6枚程レイアウトしていて、それら(を一塊として)の上下にグラデーションで消えていくように…。 2、またその図像の中心部分だけ消えていくように…。 したいのですが、1を不透明マスクで作製した後、もう一度2で不透明マスクを掛けると、1の方の効果がなくなってしまう。または部分的に綺麗に出来るのですが、一部だけ効果が欠けている部分が出来てしまいます。 試しに、一枚だけの写真を使って、同じ事をやると出来る事もあり、行程としては間違ってないのかな…と思うのですが、どうなのでしょうか? このように文字だけだと上手く伝わらないかもしれませんが、ご返答あればよろしくお願いします。 使っているのはiMac、OSX LION 10.7.5、メモリは4GB、illustratorCS4です。

    • ベストアンサー
    • Mac
  • レイヤーマスクの設定

    ただいまPhotoshop勉強中のものです。 どうしても出来ない所があるので分かる方がいらっしゃれば教えて下さい。 MacOS10.4、PhotoshopCSを使用しております。 レイヤーマスクをグラデーションに設定する方法(背景の色に画像がだんだんとけこむ感じにしたいのです)が分かりません。 周りに分かる人がいなく、色んな参考書を読んでいるのですが理解できません。宜しくお願い致します。

    • ベストアンサー
    • Mac
  • MacのIllustrator(イラストレーター)の不透明マスクで作っ

    MacのIllustrator(イラストレーター)の不透明マスクで作った、 色付き→透明になるグラデーションについての質問です。 デザイナーなりたての見習いの者です。 とってもとっても困っているので至急助けて頂きたいです。。 Illustrator CS2にて、 白の色付き→だんだん透明になるグラデーションを不透明マスクで作りました。 そのグラデーションをデザインに入れてaiデータにし、フォルダを作りZIPにて会社の違う部署へ送りました。 (背景があってその上に作ったグラデーションのデザインが大きく配置され、そしてその上に文字やイラストが配置してあります) その部署のイラレのバージョンは Illustrator 9 なのですが、どうやら不透明マスクが適用されていないようなのです;; (白の色付き→だんだん透明になるグラデーションを不透明マスクで作る際に使った、 白の四角がそのまま残っていてデザインの邪魔をしてるのです) これは何が原因なのでしょうか???? ちゃんとイラレのバージョンは9に落としてあります。 PDFで保存するとちゃんと向こうでも表示されるのですがaiだとダメなのです。 もしかして私のパソコンがおかしい?と思ったのですが、 会社の他のパソコン(同モデル/旧モデル※Illustrator9)でもちゃんと表示されますし印刷もできます。 ちゃんと不透明マスクはできており、こちらに落ち度は無いと思うので、 向こうの部署のパソコンのIllustrator 9 の設定?か何かが違うと思うのです。 もしくはZIPで圧縮してしまうとマスクが解除されてしまったりするのでしょうか?? なので詳しい方!教えて頂けないでしょうか???? 一時は透明のグラデーションを諦めようか…と思ったのですが、 やはりデザイナーとしてはこだわりだい!だんだん透明のキレイなデザインにしたいのです。。 納期も少しずつ迫ってきています、とってもとっても困っています。。 誰か助けて下さい。お願いします!!!!!! m(>_<)m

    • 締切済み
    • Mac
  • Illustratorのグラデーションについて

    Illustratorでグラデーションを設定してからナイフツールで背景を分割し、分割した所に別の色を付けたいのですが、どうしてもイラスト全部に色が付いてしまいます。どうしたら部分的に色を付けることができるでしょうか?