Photoshop CS で透過GIF

透過GIF画像Photoshop CS のウィザードを使用した
透過GIFの作り方について書いてみました。

 

Photoshop CS のウィザード

透過GIF、Photoshop CSでウィザードを使用して簡単に作成できます。

Photoshop CS 透明画像書き出しウィザード

透過GIFにしたい画像を開いて、透明にしたい部分を選択範囲します。
許容値などの設定を変更してから自動選択ツールを使用すると簡単に選択できます。
※Webページの背景画像もとなりに開いている状態です。
透明にしたい部分を選択

透明にしたい部分が選択されている状態で[ヘルプ]-[透明画像の書き出し]をクリック。
ウィザード

[透明にする範囲を選択中]を選択する。
透明にする範囲を選択中

Webページ用として書き出す場合は[オンライン]を選択する。
Webページ用

GIF形式画像の場合は、[GIF]をクリック。
GIF形式を選択

[次へ]をクリック。
次へをクリック

画像の色数を設定。Web用なのでパレットをWebにしてみました。
パレットを指定する

ロゴの境界線(エッジ)をホームページの背景色に合わせて変更する場合、
[インデックスカラー]ダイアログボックス の[マット]で指定します。
マット処理

背景の色が一覧になければ、Webページの背景画像を開いておき、
スポイトで指定すると楽です。
背景色をスポイトで指定

ファイル名をわかりやすい名前にして保存します。
保存

Webページに画像が表示されるときの描画方法を設定します。
描画方法の設定

ウィザードの完了。
完了

透過GIF画像

お疲れ様でした。

ペーパークラフト(ギフトボックス展開図)のページをアップしました♪よかったら見てね。

花を見る? Homeに戻る? PostPetを見る?