Web素材/Web素材の裏ワザ

グラフィックツールがない時の最後の手段! 画像をExcelで透過GIFに

企業のページ作成などで、透過GIF素材を作成しなくてはならない場合の裏技テクです。なんとExcelで画像加工しちゃいます。

執筆者:浅野 今日子

更新日:2005年04月28日

画像素材を透過GIFに加工するには

企業のページ作成などで、ロゴが必要になることはよくあります。

上司「というわけで、わが社のサイトの構築たのんだよ!」
担当者「ロゴの画像素材がほしいんですが・・・」
上司「そんなものないよ。この、企業パンフレットの表紙にあるロゴをスキャナで取り込んで使ってよ」
担当者「・・・」

そのままやったら、当然、Webページの背景の上に、ロゴを切り取った四角がはっきりくっきり浮いてしまいます。さぁどうしましょう。

手段1:市販のグラフィックソフトで

透過GIFを作る場合の方法はいくつかありますが、一番簡単なのは透過GIFに対応したグラフィックツールを使う事です。市販のグラフィックソフトであれば、大抵GIFには対応していますので機能をチェックしてみてください。ホームページビルダーに添付の「ウェブアートデザイナー」でも可能です。

手段2:フリーウエアで

こういったグラフィックソフトをお持ちで無い場合はフリーウエアから探してみてください。以前はユニシス社のGIF特許権問題からGIFを扱ったソフトウエアにかなり制限がありましたが、これは2004年6月20日で特許権が切れましたので心配はありません。

と、言うのは簡単ですが、これがもし人のパソコンや出先のパソコンで透過GIFの素材を作らなくてはいけない場合、しかもそのパソコンに透過GIFに対応したグラフィックソフトウエアが入っていなかった場合どうしたもんでしょう。PCの持ち主に頼んで、適当なフリーソフトを入れさせてもらうというのも、そう簡単にはいかないでしょうしね。

手段3:OfficeXPに添付しているPhotoEditorで

では次の手段です。パソコンにOfficeは入っていますか?OfficeXPであれば、[スタート]→[プログラム]→[Microsoft Officeツール]に「PhotoEditor」というツールが入っているかどうか確認してみてください。この「PhotoEditor」で透過GIF加工ができますので、こちらを活用しましょう。

でもこの「PhotoEditor」、標準設定だとインストールされていないのです。また、Office最新版の「2003」には「PhotoEditor」は同梱されていません。似たようなソフトウエアとして「PictureManager」というグラフィックソフトが標準インストールされますが、この「PictureManager」には透過GIFを作る機能はないのです(なんで?!)

手段4:「ペイント」と「Excel」で

ではもうお手上げ?いえいえ。あきらめることはありません。そこで最後の手段です。Windows標準の「ペイント」と、「MicrosoftExcel」のあわせ技で透過GIF素材を作る事ができるのです。

★Wordでもできるのですが、Excelの方が何かと簡単なので、今回はExcelを使います。手順的にはそれほど変わりませんので、興味のある方は挑戦してみてください。

今回は、このようなロゴ画像の背景を透過したものを作る事にします。

【1】Windowsのペイントを起動して、用意した画像を読み込ませます。

【2】透過したい部分を、一色に塗りつぶします。このとき使う色は、ロゴに使われていない色にしてください。細かい作業ですががんばって。表示を「拡大」モードにすることをオススメします。

【3】一通り塗りつぶしたら、そのままBMP形式で別名保存します。

ここからはExcel側での作業になります。結果をわかりやすくするために、適当なセル範囲を選んで色(何色でもOK)を塗ってから、【3】で作った画像をシート内に貼り付けます。

ここで、ロゴをクリックすると「図」ツールバーが出る状態にしておいてください。出ない場合は図の上で右クリックして「図ツールバーの表示」にチェックを入れましょう。

【4】「図」ツールバーの「透明な色に設定」をクリックしてから、ロゴの、透過させたい部分をクリックしてください。

【5】はい、塗りつぶした部分が透明になりましたか?

【6】透過加工ができたロゴを取り囲むようにセル範囲を選択してください。

【7】Excelのメニュー「ファイル」の「Webページとして保存」をクリックしてください。

【8】保存先とファイル名を指定して、上書き保存オプションで「選択範囲」にチェックを入れてから「保存」をクリックしてください。

【9】指定した「保存先」フォルダを確認してください。指定したファイル名のHTMLファイルと、「ファイル名.files」という名前のフォルダが出来ていますか?ここで、フォルダをダブルクリックで開いてみてください。

【10】なんと!透過加工されたGIFファイルが出来上がっているのです。あとは、必要に応じてファイル名を変更して利用してください。

この方法、紙文書にロゴを載せたい場合にも活用できます。結構応用がきく技です。ただし、ロゴの著作権や商標権には十分注意してくださいね。

あわせて読みたい

この記事を読んで良かったですか?

良かった

4

この記事を共有する

毎日暑いですね。ビジネスマンにとっては、クールビズがだいぶ浸透したと言っても、まだまだ地獄ではないでしょうか。だからと言って、半袖シャツを着てしまうと、せっかくのスーツスタイルが台無しです。気候の違いはあれど、外国人の方に言わせると……。

デジタル関連ユーザ投稿

IKEAに行ったら絶対に買いたいアイテムをピックアップしました

「100円ショップで買ってよかったもの」を集めてみました

新着・人気記事

All Aboutをフォローしよう!

おすすめ記事

メルマガ登録

【デジタルメルマガ】オトナのオトコなら知っておきたい、PCやデジモノに関する情報をお届けします。

女性向けWebマガジンさらに読む

男性向けWebマガジンさらに読む

ショッピングカタログ

tips+ 毎日そそるヒラメキを