0

Magic Lighting effect in Photoshop

Well what I want to show here is how to create a nice light and magic effect.

1 - Create a radial gradient, in this case from a purple to a really dark purple

2 - Here I added a really cool Icon of a magic hat from the Crystal Clear Collection by Everaldo

3 - Add some text, I used the source code of a site to get the text and apply the Distort >Wave filter


Create two stripes of text

4 - Rotate and place the text

5 - Add some light using glow : Use different values for each line of text, the secret here is the blending option COLOR DODGE..


Change the values of Spread, Size and Range

6 - Group the 2 lines of texts and with one apply a mask to make the stripes disappear at their ends.

7 - With the other group of text apply a gausian blur, after that delete some parts to show the non-blury text.


This will add a movement feel to the text, like they are really being magicaly created.

8 - Create a new layer below the text and with a regular big brush like 100px add a spot of light in white.


The layer must be below the text, otherwise the glow will not affect the white spot

9 - Make some smoke again, I used the eraser, I could've used the liquify as well

10 - Create a cloud: to do that make use a marquee with feather set to a value bigger than 20 and apply the render>clouds holding the command key(mac), ctrl key(win).


The same as the previous post, and the most important thing apply the COLOR DODGE blending options on it

11 - Sparks: For the sparks create a brush, play with the shape dynamics, scatering, and other dynamics. After that, apply a Outer Glow and Inner Glow to create the magic effect.

End - The result is really simple but at the same time it looks beautiful.

0

Ring of Fire in Photoshop

Final product:

ring of fire

Step 1: Start off by creating a new image, because details are the most important, the document must be large, make sure it forms a perfect square. For this I set my image size to 2400x2400 px. Set background color to black. Now create a new layer, fill it in black too and name the layer "Base". Make sure you have the default black and white as foreground and background colors, go to Filter > Render > Difference Clouds, apply it 5 more times.

layers

For better results open Image > Adjustments > Levels and click on Auto, and shift the midtones to the right a bit. Hit the Ok button.

levels

Step 2: Now, go to Filters > Render > Lighting Effects and enter these parameters:
Light Type: Spotlight
(Make the light shape a perfect circle as its shown in the image below)
Color: #FFF001
Intensity: 20
Focus: 45

Color: #C80002
Gloss: 40
Material: 100
Exposure: 40
Ambience: 40

lighting

Step 3: Now, open Image > Adjustments > Levels again. Go to the red channel controls and set the dark side in output levels to 100.

red levels

Now, go to the green channel controls and set the Input level for midtones to 0.90.

green levels

Now in blue channel controls set the dark slide in output levels to 50. Hit Ok.

blue levels

Step 4: Create another layer, fill it with white and name it "Fibers". Go to Filters > Render > Fibers, set variance to 6, and strength to 47, hit Ok. Now apply Filters > Distort > Polar Coordinates, choose Rectangular to Polar and Hit Ok. Still on the same layer, go to Filters > Blur > Radial Blur, set parameters to Amount to 100, Blur Method to Zoom and Quality to Best, and hit Ok. Finally for this layer, select all, copy and paste in another new document, flatten it, save wherever you want as: deform.psd and close it.

fibers

Step 5: Now go back to the "Fibers" layer and set it to Hard Light and its opacity to 65%, go to Image > Adjustments > Levels, make sure you are in RGB Channel controls and set the White Output Levels to about 165. This makes the image a little bit more dramatic.

photoshop levels

Step 6: Select the layer named "Base". Go to Filters > Distort > Displace, Horizontal and Vertical scale must be 10, leave the other parameters as default, hit Ok. In the next window you must choose a file, then, select the file deform.psd and hit Ok.

displace

Step 7: Still the "Base" layer, go to Filters > Distort > Glass, and set distortion to 9, smoothness to 12, Texture to Frosted and Scaling to 130%, also check invert. hit Ok.

glass

Step 8. With the eyedropper tool, take a sample from the very brightest yellow of the image, then go to Select > Color Range, set Fuzziness to around 80 and hit Ok. Keep the resulting selection active and create a new layer, fill selection with White color. Deselect and apply Filters > Blur > Radial Blur, set amount to 35, Method to Zoom and Quality to Best. Hit Ok.

color range

Step 9. Now we need to shift colors a little on the layer named "Base", select this layer and go to Image > Adjustments > Levels, select Channel Green and set its midtone Input Levels to 1.50 or until you see a nice warm orange appear in the fire ball.

levels

Step 10. Now select the upper most layer, hit (Cmnd+Shift+A) to select all. Then go to Edit > Copy Merged. Now we need to go to the channels palette and create a new Alpha Channel. Paste the clipboard contents in this new channel. Make sure you are not pasting it in a new layer instead of this channel.

Load this channel as a selection, to do this select it in the channel palette and press the button with the dotted circle shape in the base of the channels palette, then invert this selection by hitting cmnd+shift+i (or you can go to Select > Inverse).

channels

Create a new Layer, name it "HardLight" and fill the selection with a burned red color, I used for it this #3C1111. Set the transfer mode of this layer to Hard Light and keep its opacity at 100%.

color picker

Step 11. We need to mess with the shape of the fireball, in order to be more natural try to get this shape as natural as you can, like a fire cloud or something. Use the brush tool for this, painting gently the borders with black and blend tones with the burn tool at 50% opacity, make sure you fill with black all the borders of the image, keeping the fire cloud in the middle of the canvas but not to much.

Step 12. Merge all layers but Background and rename the layer to "Burn", here is where all of the work pays off. Go to Filters > Distort > Polar Coordinates and set it to Polar to Rectangular, hit Ok. If all worked as expected and you followed all of these steps, you are probably saying something like whoooaa!, exactly like me when I got to this point for the first time, Nice... right?

polar coordinates

Step 13. Rotate the image 180 degrees and reduce it as you want, set the layer transfer mode to Lighten, burn the flames edges that reach the borders with the burn tool set it up at 50%. Duplicate this layer a couple of times and resize them in order to refine the shape of the fire image, do it as you wish. Check the layers in the next step image to get an idea of what you can do, that is up to you.

photoshop flames

Step 14. When you are satisfied with the result, you can enhance the fire effect, make a Merged Copy of all layers and paste it in a new layer, go to Filters > Other > High Pass, apply it with a 6-8 radio and set the layer transfer mode to Soft Light. Paste again and apply a 15 radius Gaussian Blur effect. Go to Image > Adjustments > Hue Saturation and set parameters to Colorize, Hue to 0, Saturation to 40 and Lightness to -5. Hit Ok. When you are done duplicate the background layer, link with all the other layers but the background and hit cmnd+E (or you can choose merge linked).

photoshop layers

Step 15. Turn the image -90 degrees. Hit Enter key to apply.

fire

Step 16. Go to Select > Transform Selection, make it wide as shown

select flames

Step 17. Go to Filters > Distort > Shear. Do as shown in the image.

shear

Step 18. Now Create a new layer and make a circle filled with black, on its Layer Styles add a nice halo effect, use a Drop Shadow for it, Outer Glow and even Stroke to do this. Make it as you wish.

ring

Step 19. Deform the Burned layer until it fits the circle as shown. Hit cmnd+T and drag the lower left handle of the bounds while you keep pressed alt+Cmnd+Shift keys. Hit enter to apply deformation.

fire ring

Step 20. Duplicate the Burn layer, scale vertical to almost 45%, set the horizontal to 100%.

scale fire

Put the fire just below the circle layer and go to Effects > Distort > Polar Coordinates and mark Rectangular to Polar. Hit Ok. Use the image result to enhance the halo in the planet. Set this layer transfer mode to Lighten.

polar coords

Also you can add another copy of this layer to complete the halo at the top, just turn it around -150 degrees.

-150 degrees

Step 21. For the smoke clouds behind make a selection based on circles as shown,

circles

fill this with white in a new layer, apply a large amount of gaussian blur. Now you need to lock the transparency of the layer, (a little check box in the layers palette below the transfers mode menu).

lock transparent pixels

Go to Filters > Render > Difference Clouds and apply over three times. Go to Image > Adjustments > Hue/Saturation and check Colorize, set Hue to 5, Saturation to 85 and Lightness to -49.

hue / saturation

Voila! You're finally finished!

photoshop ring of fire

0

Space Lighting Effects in Photoshop

So in this Photoshop tutorial I will show you how to create a space scene with some nice Lighting Effects in 9 Steps.

Step 1

Create a new document, I'm using my computer screen's resolution (1440x900 pixels) so I can use it as a wallpaper later. Add a new Layer and fill it with any color then go to Layer>Layer Styles> Gradient Overlay. You can add a gradient layer as well, I simply prefer the Layer Styles.

Space Lighting Effects in Photoshop | Abduzeedo - abducted by design

Step 2 - Retro Colors

Create a new layer and fill it with white, then go to Filter>Render>Lighting Effects. Change the style to RGB lights. Use Negative 60 for the Intensity, Narrow 96 for the focus, and for the other options keep the same.

Space Lighting Effects in Photoshop | Abduzeedo - abducted by design

Step 3

Lets add some blur, go to Filter>Blur>Gaussian Blur. Use 80 pixels for the Radius. The last thing here will be change the Blend Mode to Overlay. Doing that the RGB color will be hardly visible but later on with the other layers it will work ;)

Space Lighting Effects in Photoshop | Abduzeedo - abducted by design

Step 4 - Creating Stars

Creating Stars in Photoshop is something really easy. Create a new layer, fill it with black, and change the Blend Mode to Screen. After that go to Filter>Noise>Add Noise. Use 10% for the Amount, Gaussian for the Distribution and select Monochromatic. You will have a layer full of noise, then to create the start just change the levels of the layer, go to Image>Adjustment>Levels. For the Input Levels use 65, 1.00, 99. Doing that you will increase the black so just the bigger dots will appear, also you will increase the white, making the dots that appear brighter.

Space Lighting Effects in Photoshop | Abduzeedo - abducted by design

Step 5 - Nebula

Now that we have the stars and the colors and some colors lets create the Nebula. To do that create a new layer and go to Filter>Render>Clouds. Make sure that your color were black and white for the background and foreground. Then just add some Layer Styles to do that go to Layer>Layer Style. First over the Blending Options, change the Blend Mode to Overlay. After that select Gradient Overlay. use Overlay for the Blend Mode and for the colors use a Cyan, Green, Yellow, and Red. Also change the Angle to 130º and the Scale to 49%.

Space Lighting Effects in Photoshop | Abduzeedo - abducted by design

Step 6 - Lens flare

First, lets create a new layer and fill it with black, however, this time, add this layer in front of the background and beneath the other layers: (Stars and Nebula). Now go to Filter>Render>Lens Flare. This effect might be the most overused ever, like some people even say that using it you wil turn your design in an amateur piece. For me it's a nice filter and, if you use it right, it will give a nice touch to your image. For the settings use 100% Brightness and use 105mm Prime for the Lens Type.

Space Lighting Effects in Photoshop | Abduzeedo - abducted by design

Step 7 - Rays of Light

Now lets create the "A" of ray of lights. So create a new layer in front of the Lens Flare. Then select the Rectangular Marquee Tool (M) and create a rectangular selection like half of the height of the document. Use the image below for reference. After that select the Brush Tool (B). We will use a very big brush, 800px diameter and hardness 0%. Select white for the color and with just like a a bit of the brush inside the marquee (red circle) give a few clicks on the mouse button.

Space Lighting Effects in Photoshop | Abduzeedo - abducted by design

Step 8

Now it's just about duplicating, resizing and rotating. The tip here is convert the original ray of light layer to Smart Objects, so you will be able to resize and rotate in a non-destructive way. After you create the "A", change the blend mode of the elements to Screen and use 80% opacity.

Space Lighting Effects in Photoshop | Abduzeedo - abducted by design

Step 9 - Adjustments

Now lets just adjust some opacities, change the the RGB light opacity to 80% and you can move the gradient overlay to test different color combinations as well.

Space Lighting Effects in Photoshop | Abduzeedo - abducted by design