<< 夏休み特別企画:ペルセウス座流... はじめての方へ >>
 

透明感のあるアクア画像の作り方

はじめに


最近、ちょっとづつサイトのイメージを変更しています。すこしづつ変えるのが楽しみで、もしかしたらガラッと変わるかもしれませんね。
さて、今回はサイドバーのカテゴリのタイトルの背景にアクアの画像を使用しました。
このアクアの画像は自分で簡単に作ることができます。
その方法について簡単に説明させて頂きます。


図1 私が作ったアクアの画像





ソフトの入手

透明感のあるアクア画像を簡単に作るため、以下のソフトを入手しました。

GIMP for Windows Vectorからのダウンロード
※アクア画像を作るのに使用

IrfanView 日本語版 窓の杜からダウンロード
※透過GIFを作成するのに使用



操作


1.GIMP for Windows を起動します。

2.以下の順にメニューを選択して下さい。(階層が深いのでちょっと分かりづらいかも)

拡張(X)→Script-FU→Webページテーマ→AquaPro2→水平線...

a0031863_645381.jpg



3.前景色と背景色を指定し、幅と高さを指定します。
a0031863_6452245.jpg


4.了解ボタンを押すとアクア画像が作成されます。

5.レイヤーの統合を行います。
作成した画像のところでマウスの右クリックをして、メニューを表示し、以下の様に操作します。

レイヤー→可視レイヤーの統合(私は必要に応じて拡大を選びました)

a0031863_6453883.jpg

6.ファイルの保存
通常はGIMPのフィルの保存で保存するのですが、私は透過GIFファイルに保存したいので、クリップボードに転送して別のソフトで保存を行いました。

クリップボードへの転送は、画像のところでマウスの右クリックを行い以下のようにメニューを操作します。

編集→クリップボードへコピー


※GIFで保存しない場合はGIMPからJPEGなどで保存することができます。

7.IrfanViewを起動し、CTRL+Vでクリップボードに転送した画像を貼り付けます。

8.以下の様にメニューを操作してファイルを保存します。

ファイル→名前を付けて保存(S)

※ファイルの種類にGIFを選んでJPEG/GIF保存設定の透過GIFで保存(T)にチェックを入れておきます。

9.保存のタイミングで透過する色の問い合わせがありますので、マウスで透過する色をクリックして下さい。

10.以上です。


ちょっとしたコツ
  • 画像の最小高さが32px程度ですが、もう少し小さめの画像を作りたい場合は、縮小して最終的な大きさにする方法があります。私は2倍程度の大きさで作っておいてから、縮小して画像を作成したりしています。縮小率はいろいろ工夫して下さいね。

  • AquaPro2のメニューをいろいろ試して下さい。きっと新しい発見があるかもしれません。



[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2005-08-02 06:47 | Trackback | Comments(6)
トラックバックURL : http://potto.exblog.jp/tb/2142003
トラックバックする(会員専用) [ヘルプ]
※このブログはトラックバック承認制を適用しています。 ブログの持ち主が承認するまでトラックバックは表示されません。
Commented by prizmbunta at 2005-08-03 11:42
はじめまして!!prizmbuntaと申します。
最近、自分らしいブログを作りたい!!
こうしたい!?あ~したい?!とよく考えており
そうした中で、色々探していくうちに
こちらのブログに来ました。おまけにリンクもさせて頂きました。
少しずつですが自分らしさを求めて活用させて
もらいますね。
これからよろしくです。
Commented by potto37 at 2005-08-03 20:15
prizmbuntaさん、はじめまして。
リンクありがとうございます。
私のサイトは皆さんの紹介などによって成り立っているので、リンクして頂けると嬉しいです。
prizmbuntaさんは写真がとっても綺麗なので、サイトのイメージに活用したらきっと自分らしい素敵なサイトが出来るのではないでしょうか。

こちらこそ、よろしくお願いします。
Commented by YUMIKONIB at 2005-08-04 02:17
はじめまして。YUMIKONIBともうします。
写真をUPするため横幅のとりやすい一列のスキンを使っているのですが、使い勝手が悪いのと、リンクいただいている方の名前が下に来てしまうのがなやみでした。
今回、『生成プログラム』という記事を参考にさせていただいて記事の上に表示するようにしてみたのですが、果たして・・・?上手に表示されているでしょうか?

これからも参考にさせていただいてもかまいませんか~?
リンク戴いてしまいましたが、差しつかえあったら、おっしゃってくださいね!ありがとうございましたm(__)m
Commented by potto37 at 2005-08-04 22:05
YUMIKONIBさん、はじめまして。
リンクありがとうございます。
上手く出来たみたいですね。
写真がとっても綺麗で素敵ですね。
私も、綺麗な写真が撮れたらいいのですが、上手く出来ないので
素材屋さんの写真をお借りしています。
こちらそこ、よろしくお願いします。
Commented by xxharu_lovexx at 2005-08-05 23:40
はじめまして
cocoaさんに教えてもらってきました。。はるです<(_ _)>
カテゴリを見ただけでワクワクしますが、超初心者です!
ここで勉強させてください!頑張ります!^^
Commented by potto37 at 2005-08-06 09:24
はるさん、はじめまして。
cocoaさんからの紹介ですね(*^_^*)
私のサイトは皆さんの口コミとご紹介で成り立っているので嬉しいです。
カテゴリがいっぱいなので、宝探しのようにゆっくり楽しんで下さいね。
<< 夏休み特別企画:ペルセウス座流... はじめての方へ >>
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。