![見出し画像](https://assets.st-note.com/production/uploads/images/131019202/rectangle_large_type_2_bb9edc41b211e985bb8b30be1851d923.png?width=1200)
Photoshop基本操作~スライスツール~
スライスツール
➡作成したアイコン、バナーなどを切り出してPNGなどで保存する為のツール
①ツールパネルからスライスツールを選択
![](https://assets.st-note.com/img/1708044806633-BH9rTfllr4.png)
②切り抜きたいアイコンをドラック
➡拡大(ショートカットキー=Z)してスキマがないように
ぴっちりと選択し直す。
![](https://assets.st-note.com/img/1708044776850-3a9nnzepLE.png)
※別の画像をスライスすると…
![](https://assets.st-note.com/img/1708045059376-tnfTZYpoe5.png)
以前スライスした画像の周りの線が青くなる=編集ができなくなるので注意!
![](https://assets.st-note.com/img/1708045090899-P4lxyuazlQ.png)
青くなっています。
青くなった画像を再度編集する場合は【スライス選択ツール】を使えばOK!
※ショートカット➡スライスツールのままCtrl+クリックすると【スライス編集ツール】に変更になるので便利。
【書き出す方法】
①スライスツールで書き出したい画像を選択できたら、全体の背景や各バナーの背景を非表示にする。
![](https://assets.st-note.com/img/1708045582681-FtjgZ4ZD0B.png?width=1200)
②【ファイル】→【Web用に保存】
![](https://assets.st-note.com/img/1708045679729-CcVebHDja8.png?width=1200)
②元画像のタブをクリック
![](https://assets.st-note.com/img/1708045746522-77aT1zHkp7.png?width=1200)
③画像をクリックした状態で書き出し形式を選択
※色味が少ない場合はPNG8、多い場合は24
色味が多く、背景を透明にする必要がない画像はJPEGでOK
![](https://assets.st-note.com/img/1708045880704-zbrylplos5.png?width=1200)
④Shiftを押しながら書き出したい画像をクリックし全て選択
![](https://assets.st-note.com/img/1708046129245-JrLF22CDx6.png?width=1200)
⑤保存先のフォルダを選択⇒【選択したスライス】をクリック⇒保存
![](https://assets.st-note.com/img/1708046343867-49TcDCaeSW.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?