この記事は約 2 分で読むことができます。
どうも、現役デザイナーのASK(@ASK84032731)です。
Photoshopのレイヤースタイルって触れる値が沢山あって初心者の方には難しいですよね。全部覚えるのは大変だし、効率が悪いです。
そこで実際にデザイナーとして働いている僕が使用頻度が高いと思ったものを厳選して紹介したいと思います！
今回はレイヤースタイル『光彩(外側)』編です！
光彩(外側)の基本設定
まずは『レイヤースタイル』ダイアログを開きましょう。
光彩(外側)をかけたいレイヤーをダブルクリックすることでダイアログが開きます。
いろいろな値がありますが、初心者の方が覚えるべきものは
- 不透明度
- スプレッド
- サイズ
- 描画モード
この4つをまずは完ぺきに使いこなせるようになりましょう！
ほかの値は使用頻度が圧倒的に低いので一旦無視してもらって大丈夫です。
不透明度
不透明度の値を変えることで光彩(外側)の濃さを変えることができます。
値が小さいほど薄く、大きいほど濃くなります。
スプレッド
スプレッドはいわば鮮明度です。
値が小さいとぼんやりとぼやけた表示になり、大きいほどはっきりとした表示になります。
注意したいのは濃さが変わるわけでないということ！
不透明度を60％にしている場合、60％の濃さのままはっきりとした表示になります。
サイズ
その名の通り光彩(外側)の大きさを調整できます。
値が大きくなるほど薄くぼんやりとした表示になります。
それを加味して先ほどのスプレッドと不透明度を一緒に調整しましょう！
描画モード
上記3つの値を設定したら最後に描写モードを選択しましょう。
といってもほとんどの場合は「通常」のままで大丈夫です。
写真に文字を乗せる場合など、たまーに使うことがあるくらいです。
初心者の方は
- 通常
- 乗算
- スクリーン
- オーバーレイ
この4つの違いを覚えておくといいでしょう！
| 通常 | 基本的にはこのモードを使うことをおすすめします。 描画効果がかからず、背景の影響を受けません。 |
|---|---|
| 乗算 | 乗算は背景と色をかけ合わせて表示します。 明るい部分は暗く、暗い部分はより暗くなります。 |
| スクリーン | スクリーンは乗算と逆です。 暗い部分は明るく、明るい部分はより明るくなります。 |
| オーバーレイ | オーバーレイは乗算とスクリーン2つの要素を併せ持ちます。 背景が暗いと「乗算の効果」背景が明るいと「スクリーンの効果」が適用されます。 感覚的には乗算とスクリーンのいいとこどりって感じです！ 全体的に鮮やかさが上がったように見えるので、「不透明度」を調整して使うといいでしょう。 |
よくある質問（Photoshop 光彩・外側）
Q. 光彩（外側）とはPhotoshopのどの機能ですか？
「レイヤースタイル」の一種で、オブジェクトや文字の外側に光るような発光エフェクトを追加します。ダークな背景に明るいオブジェクトを置いた際に輝いて見せる効果や、ネオン風のデザインに使われます。
Q. 光彩（外側）と光彩（内側）の違いは何ですか？
「外側」はオブジェクトの境界線から外側に向かって光が広がります。「内側」はオブジェクトの境界線から内側に向かって光が入ります。外側はグロー効果・内側は立体感や透明感の表現に使われます。
Q. 光彩（外側）の色やサイズは自由に変えられますか？
はい。「カラー（またはグラデーション）」「不透明度」「スプレッド」「サイズ」をそれぞれ調整できます。ブレンドモードを変えることでより複雑な発光表現も可能です。
光彩(外側)を実案件のバナーやLP制作で使いこなせるようになったら、いよいよ仕事として活かすステップです。
Web制作会社・インハウスデザイナー・フリーランスとして活躍しているプロは、ポートフォリオを武器に転職・独立しています。在職中なら補助金（最大70%オフ）を活用して実践的なスキルを身につけられるスクールもあります。
※完全無料・強引な勧誘なし・オンライン可
転職エージェントを探している方は → Webデザイナー転職に強いエージェント10選もチェック
独学でWebデザインを学んでいる方 → 独学だと限界を感じる理由とスクールを検討するタイミング
光彩(外側)の使い方例
①明るい背景に乗せた文字を見やすくする
明るい背景に明るい文字を乗せたときに光彩(外側)を使うことで視認性を上げることができます。
基本的には明るい背景には暗い文字、暗い背景には明るい文字を乗せるのが普通ですが、やむを得ない場合はこの方法を使うといいでしょう。
②暗い背景に乗せた文字を見やすくする
逆に暗い背景に暗い文字を乗せたときにも光彩(外側)で視認性を上げることができます。
③文字の装飾として使う
これが最もポピュラーな使い方ではないでしょうか。
見出しやタイトルの文字を目立たせるための装飾として光彩(外側)を使っています。
④境界線だけ表示させる
レイヤー自体の塗りを0％にすることでレイヤースタイルだけ表示させることができます。
その結果光彩(外側)で縁取った文字を作ることができます。
⑤同系色を使って上品に
上が光彩なし、下が同系色の光彩を薄ーく適用しています。文字の境界線が少しボヤっとして上品な感じがしませんか？
コツはあくまで薄くかけることです。
文字のフォントは細い明朝体にするとより効果的です！
📖 Photoshopをもっと本格的に学びたい方へ
Photoshopはプロのデザイナーなら必須のツールです。独学では遠回りになりがちなスキルも、デジLIG（旧LIG）なら現役デザイナーに教わりながら最短で習得できます。補助金を活用すれば、費用の最大70%が還付されます。
※完全無料・オンライン可・強引な勧誘なし
まとめ
レイヤースタイル『光彩(外側)』の使い方を紹介してきました。
ほかにも使い方はたくさんありますし、紹介していない値も使いこなせるにこしたことはありません。
ですが、まずは今回の記事を参考にして『光彩(外側)』を使ってみてください！
Photoshopなどのデザインスキルを本格的に仕事にしたい方は、デジLIG（デジタルハリウッドSTUDIO by LIG）の評判・料金・補助金解説もあわせてご覧ください。
よくある質問
Q. Photoshopの光彩（外側）とは何ですか？
レイヤースタイルの一種で、オブジェクトや文字の外側にぼんやりとした発光エフェクトを追加する機能です。ネオンサインのような効果や写真の被写体を際立たせる際によく使われます。
Q. 光彩（外側）と光彩（内側）の違いは？
光彩（外側）はオブジェクトの外側に光が広がるエフェクト、光彩（内側）は内側に光が広がるエフェクトです。外側は浮かび上がるような表現に、内側は深みのある発光表現に向いています。
Q. 光彩エフェクトを自然に仕上げるコツは？
①不透明度を50〜80%に抑えて自然に見せる②カラーを背景色の補色にすると目立ちやすい③サイズを調整してぼかし具合を変える、の3点が重要です。Photoshopのレイヤースタイルを幅広く習得したい方は、デジLIG（旧LIG）で現役デザイナーから直接指導を受けるのが効率的です。
このPhotoshopスキルをポートフォリオで証明したい方はこちら：
→ Webデザイナー転職に強いスクール＆ポートフォリオ対策まとめ【2026年版】
コメント