【photoshop】透過png･gifの作り方

職業訓練の中で透過pngをスライスをするという作業がありました。

職業訓練で教わったやり方は

1. まず透過させたい画像を作ります。

   

2. 次にレイヤーパネルの目玉の部分にマウスを当て右クリックします。

   

3. 右クリックするとこのレイヤーを隠すの下に他のレイヤーをすべて表示/非表示というのがあります。

   

4. ほかのレイヤーをすべて表示/非表示をクリックするとこんな画面になります。

   

5. 背景が透明になるのであとはスライスするときにgifまたはpngを選び、透過してるか確認して保存すれば透過png･gifの出来上がりです。

透過画像の作り方その２

1. 上記と同じように画像を用意します。

   

2. 次にレイヤーパネルから目玉の方にマウスまたはカーソルを合わせます。

   

3. 合わせたら、Windowsだとaltキー（macだとoptionキー）を押しながらクリックすると背景が透明になります。

   

職業訓練で教わったやり方よりも少し時間が短縮する事が出来ます。

このやり方は庄崎大祐さんが執筆したプロになるためのWebデザイン入門講座という本の258ページのChapter7-Exercise2の背景を書きだす①と言うところに簡単ですが、書いてあります。

プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド

 神速Photoshopという本にも執筆していらっしゃいます。

【Amazon.co.jp限定】神速Photoshop [Webデザイン編] CC対応 特製「キーボードショートカットシール for Mac」付

神速Photoshop［Webデザイン編］　CC対応 (アスキー書籍)