色々と調べながら、フラッシュMXを使って良くあるアドベンチャーゲーム風のものを作っているのですが、
背景の画像と人物の画像を用意し、
探し方が悪いのか、どうしても人物の画像の余白の部分の透過方法が分からず、質問させて頂こうと思います。
出来るだけファイルサイズが軽くなればと思いjpgで保存しているので、
gifやpngのように上手くいらない一色の部分を透過する場合、
別に用意した画像を使ってその余白の部分だけマスクをかけて削除すると言う方法はできるのでしょうか?
それとも、やはりその画像ごとに編集で直接削除していく方法しか無いのでしょうか。
ご回答いただけますと幸いです。
No.2ベストアンサー
- 回答日時:
まずファイル容量の認識を変えてください。
> 出来るだけファイルサイズが軽くなればと思い
> jpgで保存しているので、
保存するファイルを軽くするのでしたら,その方法でOKです。
しかし,Flash に読み込んだ画像は,Flash が圧縮を再計算するので,
もとのファイル容量なんてどうでも良いのです。
なるべく美しい状態のビットマップ(JPEG,GIF,PNG,BMPなど)を作成してください。
> gifやpngのように上手くいらない一色の部分を透過する場合、
> 別に用意した画像を使ってその余白の部分だけマスクを
> かけて削除すると言う方法はできるのでしょうか?
できますよ。
できますが,ご質問のような状態の場合,
背景透過の PNG で保存で保存したものを Flash で読み込ませるのが一番簡単で,美しくできると思います。
Flash に読み込んだ画像は,
ライブラリに登録されますが,その登録された,画像を右クリックして,
そのプロパティから,圧縮率を調節するのです。
ライブラリの画像を右クリックして,プロパティを選択すると
ビットマッププロパティのパネルが表示されると思いますが,
そこで
圧縮(C): [写真画質(JPEG) ]
□デフォルトの画質を適用(U)
のように,デフォルトの画質を適用(U) のチェックをはずします。
すると,
画質(Q):[50 ](100=最高)
のような部分が出てくると思いますから,
この 50 を下げればいくらでも小さくなります。
逆に小さくすればするほどきたなくなるだけで,その設定によって Flash (SWF)のファイル容量は変わるので,元の画像の容量なんてどうでも良いのです。
経験上,BMP(一番重い)が,SWF上,一番軽く,一番美しくできます(一概には言えませんが)。
思い切って,PNG(透過 PNG-24)にして保存した画像を読み込んでください。
思ったよりすんなりと,美しく&軽く できると思いますよ(場合によってはうまく行かないかもしれませんが)。
画質は,パブリッシュを繰り返して,妥協点を探ってください。
これは,本当に作者の意図と場合によりますので,画質は ○○ が良いとは一概に言えません。
--------------------------------------------
(再び同じ箇所の引用)
> 別に用意した画像を使ってその余白の部分だけマスクを
> かけて削除すると言う方法はできるのでしょうか?
Flash だけで解決する別法です。
これは,#1の方が答えてくださっている方法も1つの方法です
(私はあまり使いませんけど)。
このような方法で Flash 上で背景を透過することもできます。
Flash は 塗りの面の上に線を重ねると(描くと)最初の面が切れますよね。
図示すると次のような感じです。
--最初--
■■■■■■■■
■■■■■■■■
■■■■■■■■
↓ ↓ ↓ ↓ ↓
--線を描く--
/
■■■■■/■■
■■■■/■■■
■■■/■■■■
/
↓ ↓ ↓ ↓ ↓
--離れる!--
/
■■■■■ / ■■
■■■■ / ■■■
■■■ / ■■■■
この性質を利用して,画像を切ってしまえば,背景が透過できます。
Flash の ステージ上に読み込んだ JPEG を,
「修正」→「分解」で分解します。
そしてその分解されたJPEGの輪郭部分を,
線ツールでなぞる(トレースする)のです。
なぞり方は,線ツールで直線を描いて行って,その線を曲線に変形させて,輪郭に近似させるのが最も美しくできると思います。
そして,残したい部分と,取ってしまいたい部分(背景)を別々のエリアに線で分割し,
(つまり,線で閉じた領域を作るのです。)
取ってしまいたいエリアを選択して,右クリック→「カット」で,取ってしまいたいエリアが消えます。
変な部分が残っていたら,消しゴムツールで,輪郭を少し掃除してください。
私が今説明した輪郭トレースの技は,サイト上に見つかりませんでしたが,
なぞる雰囲気はこんな感じです↓。
プログラマのためのお絵描き講座
~Flashで思い通りのGUI画面を作るために 第6回
http://itpro.nikkeibp.co.jp/prembk/NSW/ITBASIC/2 …
#1の方の書かれていらっしゃる内容は,マスクを使う点が違っているだけで,ほぼ同じことです。
こちらは,参考URLが見つかりました。
FLAH学習・クリック&ドロップ
http://www17.ocn.ne.jp/~wolves/SCHOOL/lecture/le …
この↑ページの,
4. マスクを使って、ムービークリップ内の背景を切り取る
の「参照画像」を参考にしてみてください。
その上にも,背景を切り取られた,イチゴなどがあるFlashが用意されているので,イメージが掴みやすいと思います。
だいたいそんな感じです。
お返事が遅れてしまい申し訳ございません。
ご丁寧なご回答、どうもありがとう御座いました。
フラッシュの性質や機能についてはまだまだ勉強段階ですが、ファイル容量の認識について等の気になっていた事もご説明くださったので、認識を改めると共に、試行錯誤で色々と作っていこうと思います。
本当にご丁寧にどうもありがとう御座いました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- その他(ソフトウェア) コマンドプロンプトについて教えてください。 状況: 画像編集ソフト上でネットから保存した画像を使うの 3 2022/05/26 11:14
- Illustrator(イラストレーター) Illustratorで白い部分のみを透過させたいです。 2 2022/10/10 22:27
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- Photoshop(フォトショップ) フォトショップで背景をくり抜く方法 2 2022/05/14 12:39
- 画像編集・動画編集・音楽編集 画質を落とさず切り取って透過したいです 2 2022/06/08 12:28
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- その他(クラウドサービス・オンラインストレージ) Canva(キャンバ サムネイル作るサイト)での加工について(人物だけ、光沢感あるグラデーション) 1 2023/04/01 22:09
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【EXCEL VBA】ダブルクリックで...
-
EXCEL VBA 複数のImageコントロ...
-
Excelで画像クリックのアテンシ...
-
画像のピクセルデータの取得
-
ワードプレスで画像を何枚か横...
-
【WPF】画像の切り替え
-
uwcs のマクロで画像認識をして...
-
jqueryスライダーを2段でスライ...
-
Excel ユーザーフォームで表示...
-
VBAのユーザーフォームのイメー...
-
UWSCでループ処理がうまくいき...
-
UWSC 画像判定と条件分岐について
-
UWSCの色判定
-
UWSC 画像認識で条件分岐
-
VBA シート毎に画像挿入
-
画像のランダム表示
-
C#のForm内に複数画像を繰り返...
-
自作の地図をグーグルマップの...
-
画像の輝度値のプログラムにつ...
-
uwscについてです
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ImageMagickでgif画像の一部が...
-
Pythonでgif画像が上手く作れない
-
こんなことてしますか??
-
【EXCEL VBA】ダブルクリックで...
-
Excel ユーザーフォームで表示...
-
「using Windows」でエラーが出る
-
背景画像の繰り返しについて
-
【WPF】画像の切り替え
-
uwcs のマクロで画像認識をして...
-
uwscの画像認識に失敗します。
-
vb.net 画像の透過について
-
EXCEL VBA 複数のImageコントロ...
-
UWSC「画像が無い場合」
-
gif 画像上の ボタンに リン...
-
VBAのユーザーフォームのイメー...
-
VBA シート毎に画像挿入
-
画像処理したBitmapをピクチャ...
-
UWSC 画像判定と条件分岐について
-
UWSC 画像認識で条件分岐
-
自作の地図をグーグルマップの...
おすすめ情報