Photoshopのアートボードの背景を透明にする方法

目次

食欲の秋、芸術の秋、読書の秋、とか秋にはいろいろな種類がありますが、皆さんはどの秋派でしょうか。
私は断然、食欲の秋です。最近なぜだか食欲がとどまることを知らずつい食べ過ぎて困っています。
食べた分を消費すればいいのですが、秋は寒いですしね。冬に向けて着実に脂肪を蓄え中です。
さてさて、今回はちょっとお久しぶりにPhotoshopのお話です。
今回はアートボードについて。細かい話で恐縮です。

Photoshopのアートボードとは

そもそもPhotoshopのアートボードとは何ぞや。作ったご本人に聞いてみましょう。

アートボードは、特殊なタイプのレイヤーグループと考えることができます。アートボードは、含まれた要素の内容を境界にクリップします。アートボードの要素の階層は、レイヤーおよびレイヤーグループとともにレイヤーパネルに表示されます。アートボードには、レイヤーおよびレイヤーグループを含めることができますが、他のアートボードを含めることはできません。
アートボードは、視覚的にドキュメント内の個々のキャンバスとして機能します。アートボード内に含まれていないドキュメントのレイヤーは、レイヤーパネルの最上部でグループ化され、アートボードでクリップされていない状態のままとなります。

Adobeさんによるとこういう事だそうです。

。。。難し!すぐには理解できない堅苦しい説明!

。。。と思ってしまうのは私だけでしょうか。

とにかくWebデザインではファイル1つの中にパターン違いを配置する、といったような場合に使われる事が多いのかなあと思います。

スライスする時に背景を透明にしたいのにできない

先日作成したサイトでの話。デザインがPhotoshopで作られていて、アートボードを使用しています。

まあ通常とそんなに違いないし、と思いながらスライスしようとしたその時。

あれ?透過pngが透過になってくれない。。。困りました。

どうもアートボードの色が白いのがダメらしい。どうにかして通常のように透明にしたい。

背景を透明にする方法

あれこれ調べてみたところ解決方法を発見!

アートボードを選択した状態でウィンドウ>属性を開きます。

するとそこにはアートボードの属性が。その中に「アートボード背景色」なるものがあります。

そうです、ここです。ここで背景色を自由自在に変更することができるのです。

白、黒、透明、その他とありますので、透明を選択。

すると無事に背景が透明になったではありませんか!

まとめ

いかがでしたか。

知ってるか知らないかの単純な問題で作業効率に影響が出てしまうと困りますね。

知らなかった方はぜひ覚えておいてください。そのうちお役に立つ日がくる、かもしれません。

ショップアイズは大阪のWeb制作会社「アイズオブシー」が運営する
Shopify(ショッピファイ)専門のEC構築サービスです。
Shopify(ショッピファイ)の構築・運用にお困りの場合は気軽に相談ください。

お問い合わせ・ご相談はこちら

Shopifyの構築・運用サポートは

Shopify専門の
ショップアイズへ
お任せください

Shopifyの制作に
ついて相談する

イメージイラスト