FLASHにおける画像の扱い

このQ&Aのポイント
  • FLASHで扱う画像は、FLASH自体で作ることが一般的ですが、Illustratorなどで作成した画像を読み込むことも可能です。
  • FLASHで外部で作成した画像を使用する場合は、保存した画像よりも劣化した表示になることがあります。写真やべた塗りの画像は正常に呼び出せます。
  • 質問文章では、FLASHを使用してHPのトップに動画を作りたいとのことです。
回答を見る
  • ベストアンサー

FLASHにおける画像の扱い

FLASHを使いHPのトップに使う動画を作りたいのですが、そこでいくつか分からない事があります。 ・まず、FLASHで扱う画像は写真などを除き、FLASH自体で作るのが普通なんでしょうか?キャラクターなどのアニメ画像。それともIllustrator辺りで画像を書いてから読み込ませるんのでしょうか。 ・次にPhotoshopのフィルターのみで作った画像を一端、JPEGなどに保存し、それをFLASHにライブラリとして読み込ませたのですが、FLASHで呼び出すとなぜか保存した内容よりもさらに劣化した画像しか出てきません。もちろん同一ファイルです。そもそもFLASHで外部で作った画像を使う場合、どうやって呼び出せばいいのでしょうか。  写真やべた塗りの画像などが普通に呼び出せています。 纏まりのない文章で申し訳ありませんが、分かる方教えてください。

  • yspec
  • お礼率51% (14/27)

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

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

纏まりのない文章ではないと思いますが, 質問内容が多すぎです(笑)。 ◎ 1つめ JPEGなど,ビットマップ(ラスタ)形式の画像以外は, Flash で作るのが一般的です。 例えば Illustrator で書いたとしても,それを変形させたりしないとアニメーションとして使えません。 変形させる=絵を描く 同じ技術と同じソフトの能力が必要です。 また,Illustrator の塗りと Flash の塗りは定義が違います。 ラインだけは Illustrator から持ってくることが可能ですが, 特殊な塗りをした物までは普通 Flash に持って来れない場合が多いです。 絵の描き方は良いサイトが見つかりません。 ここ↓あたりを参考にしてみてください。 http://f-site.org/articles/subcategory11.html このサイトのものは,基本中の基本テクニックです。 もっと凝れば,超すばらしい作品もできます。 個人的にはもっと良い絵の描き方をサイトにアップしたいとかねがね考えていますが, 実際にはなかなか時間的問題とかもあってできません。 と言っていますが, Illustrator の方が画像作成上,ソフト的に上ですから, 実は Flash MX 2004 までは,画像を使うことがありました。 複雑な塗りがある場合は,ラスタ画像にしてです。 でも,Flash 8 からは,乗算やドロップシャドウなど多彩なグラフィックエフェクトを与えることができるようになったので,Flash 作成上 Illustrator は全く不要になるでしょう。 http://www.macromedia.com/jp/devnet/flash/articles/graphic_effects_guide.html http://www.flashant.org/index.php?p=332&c=1 ◎ 2つめ ライブラリでJPEG画質が選択できます。 「ウィンドウ」→「ライブラリ」でライブラリを表示させて, ライブラリにある画像を「右クリック」。 「プロパティ」で「ビットマッププロパティ」のダイアログが出てくるので, そこで色々設定してみてください。 JPEGの「画質」を高めるより,「ロスレス(PNG/GIF)」を選択する方が, 美しく軽くなる場合があります。 場合があるだけで実際にはやってみないとわかりません。 ◎ 3つめ >> そもそもFLASHで外部で作った画像を使う場合、 >> どうやって呼び出せばいいのでしょうか。 >> 写真やべた塗りの画像などが普通に呼び出せています。 意味がわかりませんが… 「ファイル」→「読み込み」でステージやライブラリに読み込めば良いと思います。 重いですが,ココは参考になりますか? 「Flash で使用するための Fireworks グラフィックの別形式での書き出し」 http://livedocs.macromedia.com/fireworks/8_jp/fwhelp/14_oth27.htm 「読み込み可能な動画ファイル形式について」 http://www.macromedia.com/jp/support/flash/ts/documents/fl0315.html AIファイルも一応できますが,バージョンに注意です。 経験上ですが, Illustrator の画像はいったんSWFに保存して, そのSWFをFlashに読み込むのが一番無難で画像が崩れにくいと思います。 ただし,SWFファイル内にラスタ画像部分が含まれてしまうことが多いので重くなります。 Flashに読み込みをするのではなくて, パブリッシュした SWF ファイルに 外部画像(JPEG)をロードするのは, loadMovie あたりが一般的かと思います。 「MovieClip.loadMovieで外部ファイルを読込む」 http://www.fumiononaka.com/TechNotes/Flash/FN0307007.html また,今現在見ているこのコミュニティでも, 「loadMovie」を検索してもらえば,たくさんロードする方法が紹介されています。

yspec
質問者

お礼

詳しいご回答ありがとうございました。大変分かりやすく参考になりました。3つめの質問は、そもそもライブラリで読み込む方法が、正しいというか一般的なのか自信がなかったので質問いたしました。 早速試してみます。ありがとうございました。

関連するQ&A

  • Flashに使う写真画像の形式についてです。

    1つのFlashの中に4枚の写真を並べようとphotoshopで写真を加工してます。 その4枚の写真は水平ではなく、少し傾けて4枚がそれぞれ重なったりするので 背景(画像の余白)を透明にしたいのです。 検索していたらJPEGではなく、GIFかPNGで透明になると書いてあったので PNG-8で保存しFlashで読み込んでみました。 ●JPEG画像と比べると全体がぼやけた感じになりました。 ●またJPEG画像をFlashに読み込んでから、斜めにすると画像の四隅がギザギザになるので、先に斜めで加工したものをFlashで読み込んだ方がいいと 本に書いてありましたが、PNG-8で保存し読み込んだものと変わりはありませんでした。 *************************************************************** 4枚の写真を一まとめにした方がいいのでしょうか?? 1枚ずつ表示させるので、できればバラバラの画像の方が制作しやすいのですが、私ならこうするとか意見頂きたいです。

  • Photoshopで画像を切り抜きFlashへ配置

    Photoshopで切り抜いた写真をFlashに配置すると、四角い枠がついてきてしまいます。(背景に白い四角の枠が付いてくる・切り抜かれていない様に) Photoshopではillustratorに切り抜き画像を配置すると同じく、パスを製作し、eps保存しました。 Flashの場合は他にやり方があるのでしょうか? ご存知の方がいましたら教えて下さい。 よろしくお願いします。

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

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

  • Flash5でPhotoshopの画像を読み込むには・・・

    Flash5が全くの初心者です。Photoshop6.0Jで作った画像をTIFF,JPEG,BMP,Gif....etcのファイル形式で読み込んでみましたが、Flash5でうまく開けません。コピー&ペーストで持ってくる事は出来るのですが、Flashで、「効果メニュー」ウィンドーの「効果」が選べません。着色とか透明度とか変えるにはどうすれば良いでしょうか? あとPhotoshop6.0JやIllustrator9.0JのレイヤーをそのままFlash5で開く事は出来るのでしょうか?方法があれば教えて下さい。よろしくお願いします。

    • 締切済み
    • Mac
  • illustratorとphotoshopで開いた画像の色が違う

    超初心者です。 JPEG画像をphotoshopで開いた時と illustratorで開いた時の色調が微妙に違っているのです。 特に問題がある訳でもないのですが、 同じファイルなのに何でなのかなぁと素朴に疑問に思ったので、教えて下さい! あと、photoshopとillustrator両方開いた状態で、 photoshopで写真などを切り抜いて そのままillustratorにコピーペーストしても その間に画像の劣化など有り得ませんよね? 超ビギナーの質問で申し訳ありませんが、 どなたか回答宜しくお願いします。

  • flash lite 2.0

    初めて質問させて頂きますので、失礼があればお許し下さい。あまりのレベルの低い内容についてもお見逃し願いたい。 現在Flash CS3を買ってきて、携帯電話で再生できるものを作りたいなあと思って、いろいろ遊んでいます。が、いきなり写真画像を思い通りに制御できずに困っています。 photoshopなんかでjpg画像を開き、そのまま普通にflashのステージに持って行くのですが、device centralで再生した場合、かなり画像の劣化が目立ち、写真内の直線などが段々になってしまったりと。なのでビットマップ画像だからそうなるのかなあと素人ながらに思い、まずはなんとかベクトル画像的なものにしなければと思って試行錯誤しておるのですが、なにをやってもダメな状況です。photoshopでsvgやepsで保存しても、flashでは読み込めなかったり、flashのビットマップ→トレースでは、ちょっとニュアンスが違ったりと。 もっとシンンプルな方法があるような気がしてるのですが、分かりません。どなたか、アドバイスお願いします。

  • photoshopで切り抜いた画像をFlashへ

    Photoshopのクリッピングパスで切り抜いた画像をFlashに持ってきたいのですが Illustrator経由で綺麗なまま持ってくることは可能なのでしょうか? Illustratorからswfに書き出して読み込んでみたのですが、 切り抜いた部分が白い画像になってしまいます。 使用ソフトは(windows)Photoshop7、IllustratorCS、Flash8です。 分かる方居ましたら教えてください。お願いします

    • ベストアンサー
    • Flash
  • Photoshop画像の疑問

    いつもお世話になっています。Photoshopでのデータ作成について2点お聞きしたいのです。 1.保存形式でPhotoshop EPS-JPEG最高画質で作成した画像は、再度開いて保存し直すと劣化しますが、修正後再保存をするケースも多いです。 そこで印刷データとして再保存できる回数の限度はどのくらいか知りたいのです。 バイナリで保存することがベストなのでしょうが、350dpiで点数が多いとJPEG圧縮かけてしまいます。 2.QuarkXPressやIllustratorに配置した350dpiのPhotoshop画像の倍率の範囲を知りたいのです。 以前は80~120%なら印刷データとして問題ないと聞いたことがあります。 100%が原則でしょうが、レイアウト変更があって30%くらいになったものもあります。 よろしくお願いいたします。

    • ベストアンサー
    • Mac
  • Photoshopで切り抜いた画像をFlashで使おうとすると

    Photoshopで切り抜きツールを使って画像を切り抜き、新規にJPGで保存しました。それをFlashで使おうとしているですが、flashでファイルを読み込んでステージに配置すると、切り抜き画像ではなく、保存したファイルの大きさ(四角の枠)のままで出てきます。 どうしたら切り抜き画像ができるのでしょうか。 カット・ペーストでしても同じ結果です。 これをたとえばおなじPhotoshopの中で他の画像にカット・ペーストすると、ちゃんと切り抜かれてペーストされるのですが、Flashに読み込むとできません。

  • Photoshop→FLASH(背景が透明画像)

    とある写真から背景を抜き取り、FLASHへ貼り付けたいのですが、 Photoshop(LE)、イラストレーター(9.0)、とあるのですが、やはりPhotoshopの方が きれいに仕上がりますか? また、一番画像が自然に、きれいに切り抜ける方法を教えてください。 (今現在はフォトショップで自動選択で背景削除、出力用プラグで透過GIFにして作成)

専門家に質問してみよう