I saw a post discussing using Photoshop to create a Vista box-style soft beam effect, so I made this special effect. Some of my ideas were inspired by pigeonno1.
Let’s take a look at the effect I made first:
Source file:
First, let's make those colored arcs .
First create a new green curved path, select the glow filter, and set it as shown below:
Next, create a new white rectangle above this path, select the radial gradient fill, and no borders, as shown in the picture:
Cut this newly created rectangle, the shortcut key is Ctrl+X, and then paste it as the mask of the curve you just made.
Set the mask to a grayscale appearance.
At this time, the path will have the effect of fading from beginning to end. We can also adjust the handle at this time to adjust the details of the gradient.
The following step is an operation that affects the details of the final effect.
Place a copy of the current masked layer on top of it and set the layer blending mode to "Overlay". Then adjust the transparency of the lower layer appropriately, I set it to 50:
The results you get don’t look much different from just now, don’t worry, look down:)
We follow the previous method to make a blue curved beam. Cross with the green one before. At this time, I put the picture without the overlay layer next to it for comparison, and you can see the difference. The intersection with the overlay layer is "brighter", which is the detail we need.
According to this principle, we can add some various arcs, paths, etc. to obtain such an effect. At this point, the colored arc part is completed!
Then we're going to make the transparent gauze-like background at the back. This is the production method here that I was inspired by pigeonno1’s classmate:)
Although the colorful arcs we just made are very beautiful, we hide them now and focus on making the following parts.
Create a new path, fill it with white, and no borders, as shown in the picture:
As shown in the figure, it is first divided into small steps:
1 First add an inner shadow filter to this path.
2 Select the "Remove background color" option in the filter settings.
3 got this result.
But the edges are too clear, we need to make them a little more "virtual". So we set the edge of this path to a "feather" effect and adjust the feather size. I set it to 10 here.
We found that this "veil" is relatively rigid from top to bottom, so let's add a fade effect to it. According to the method of adding a mask to the arc just now, we add a mask to this path. This time the mask uses an upper and lower linear gradient.
By the way, I forgot to explain something just now and I’ll add it here. The path of the glow effect has been added. When we add a mask to it, we need to first Ctrl+G to "combine" it with the mounted filter effect, or simply "flatten" it with Ctrl+Shift+Alt+Z. (If you don’t plan to modify it later), otherwise after adding the mask, the filter effect just mounted on the arc will be applied to the mask. When we add a mask to any other layer with a filter mounted on it, it is best to combine it first. I don’t know if this is a bug of FW...
Okay, let’s first combine the feathered path with Ctrl+G, and then paste the linear gradient filled path we just made as its mask.
Create a new triangular path, fill it with white without borders, and set the transparency to 30. You can adjust it yourself.
Then repeat the previous operation, Feather >>> Combine >>> Create a new gradient fill path >>> Paste as a mask
Use this method to complete the background.
Show the arc just now, not bad :)
Let’s add a title again.
Create a new rectangle and add a border this time. Set the border color to be brighter than the fill.
Set the rectangle's layer blending mode to "Overlay".
Add text and you’re done!
