Adobe認定トレーニングセンター

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

Photoshop

How to Create Lighting Effects in Photoshop

使用ソフト: photoshop CC 2018 (or CS)  

Light effects are useful and easy to create an atmosphere.
The process is simple, and you can create variations easily, so give it a try.

1. Making with a path

Stroke Path

Stroke a path, click on the [Stroke Path] in the Paths panel, and choose “Brush” on Tools. Then apply a Glow to it.

The example of light created by a path

2. Making with Clouds filters

Next, we’ll create light effects using Clouds filters.

Clouds filters
Apply [Filter] > [Render] > [Clouds].

Soft glow effect 1

Lightly glow effect

Use the Clouds filter with the Color Dodge blending mode.

1. Create a colored background and place an object (In the case of text, you should rasterize it).

2. Add a gradient to it and duplicate it.

3. Put the layer with clouds filter on top and set the blending mode to Color Dodge.

4. When the object’s texture is changed, blur the duplicated object. If it’s too dark or not obvious, adjust the brightness of the Adjustments.

Soft glow effect 2

Soft glow effect
This is made by placing the clouds filters with Color Dodge on top of the radial gradient.

The example of Soft glow effect 2
I added text and lines of light.

Procedure

1. Draw a path and apply the “Stroke Path” in the Paths panel.(Tool : Brush)

  Brush Presets : Hard Round (5pixel)

2. Apply a layer style Glow to the path.

  [OuterGlow] Blending mode: Multiply, Spread 8%
  [Inner Glow] Blending mode: Pin light

3. Enter the text, apply the Glow, and adjust the position.

  [OuterGlow] Blending mode: Screen, Noise 16%, Spread 6%
  [Inner Glow] Blending mode: Color Dodge, Noise 68%

2. Making with Brushes

Free Transform

Brush

Create it by painting with a soft brush and scaling with Free Transform.

The pass extended horizontally
Extend the pass horizontally.

Extended pass with text
With text

Go to [Filter] > [Distort] > [Polar Coordinates] and apply “Rectangular to Polar”.

Ring
The straight path will be ring.

The example of ring
With text

Brush scattering

Butterfly

Butterfly brush

Set to scatter and place it like putting stamps.

Butterfly brush

Other examples

Other examples

With the Texture box in the Brushes panel checked, paint with the scattering and brush size adjusted. Paint a little bit on the text with a smaller brush and apply the Outer glow.

Other examples

Other examples

If you change the color and the amount of brush, the looks will be different.

Other examples

This is also applied with the Texture in the Brushes panel checked, adjusting the percentage of the scattering.

There are as many different ways to do this as there are brush settings, so you can try them out.

4. Make the ray

Use the Motion Blur

Apply the Motion Blur heavily to the brush made by the way of “2. Making with Brushes”

The example of the ray

Use the Polar Coordinates

Create a vertical gradient and go to [Filter] > [Distort] > [Wave].

Go to [Filter] / [Distort] / [Wave]

Check the box of Type to “Square”. (Adjust the value as you like.)

Square

Go to [Filter] > [Distort] > [Polar Coordinates], check “Rectangular to Polar”, and add Glow.

The ray

  • このエントリーをはてなブックマークに追加
hulu dTV

Related post

  1. Photoshop

    How to Use the Select and Mask in Photoshop

    There are various selection tools i…

  2. Photoshop

    How to Combine Two Images Naturally

    These are images of a lion and zebr…

  3. Photoshop

    Adding Artboards in Photoshop

    Starting with Photoshop CC 2015, it…

  4. 描画モードについて

    Photoshop

    Photoshop Blending Modes Descriptions -Part1-

    Do you know how many types of are …

  5. Photoshop

    How to Enlarge Pixel Art Without Blurring

    When you enlarge a pixel image, som…

  6. Photoshop

    Create 3D Text with Photoshop Layer Style

    "Layer Style" in Photoshop allows y…

人気の記事

  1. There is no registered post.
  1. Illustrator

    How To Create Grunge Texture
  2. Photoshop

    How to create an animated GIF in Photosh…
  3. シルクスクリーン

    Illustrator

    シルクスクリーン風の加工をしよう
  4. DTP

    オブジェクトにトンボをつけよう
  5. Illustrator

    便利なヘルプ機能
PAGE TOP