Mikey
10-15-2009, 12:25 PM
So in this tutorial I will show you how to create a nice eclipse effect using only Photoshop. We will add a texture in the end just to give that retro feel to the image.
Step 1
Open Photoshop and create a new documento. Add a new layer and with the Gradient Tool (G), fill the background with a Radial Gradient from black to a very light grey in the center.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_1.jpg
Step 2
Go to Image>Adjustments>Hue and Saturation. Use 15 for the Hue, 35 for the Saturation and -15 for the Lightness.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_2.jpg
Step 3
With the Ellipse Tool (U), create an ellipse in the center of the image.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_3.jpg
Step 4
Again with the Ellipse Tool (U) create a bigger ellipse. Then go to Layer>Layer Style>Stroke. Use 60px for the Radius and white for the color. Then go to Layer>Layer Style>Create Layer. That command will create a layer with the Stroke. So select the 2 layers that will have for the ellipse with stroke and go to Layer>Merge Layers.
After that duplicate this layer because we will need 2 copies of it.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_4.jpg
Step 5
Select one of the "ring" layers and go to Filter>Blur>Gaussian Blur. Use 100 pixels for the Radius. Also change the Blend Mode to Screen.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_5.jpg
Step 6
Add a new folder in the Layer Palette and move the other ring into this folder. Change the folder's Blend Mode to Color Dodge, then select the ring layer and go to Filter>Blur>Gaussian Blur. Use 35 for the Radius.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_6.jpg
Step 7
Add a new folder in the Layer Palette right on top of the gradient layer. Then change the Blend Mode of the folder to Color Dodge. After that add a new layer inside the folder and with the Brush Tool (B), use white for the color and a big soft brush to create the light behind the black circle.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_7.jpg
Step 8
Add another layer still inside of the folder we have just created the light beneath the black planet. Select the Gradient Tool (G) and edit the gradient. Change the Type to Noise, the Roughness to 100% and select Restrict Colors and Add Transparency. Fill the new layer with the gradient like the image below.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_8.jpg
Step 9
Go to Image>Adjustments>Hue and Saturation. Reduce the Saturation to -100. After that go to Filter>Blur>Gaussian Blur. Use 20 pixels for Radius.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_9.jpg
Step 10
Select the Folder with the light layers and go to Layer>Layer Mask>Reveal All. Then select the Brush Tool (B) with a very soft brush and black for the color. Start painting over the Layer Mask to hide some parts of the layer (1-3)
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_10.jpg
Step 11
The ring of light is too white so lets add some color. Select the layer with the ring of light that you applied more blur (Step 5), then go to Image>Adjustments>Hue and Saturation. Use 30 for the Hue, 35 for the Saturation and -70 for the Lightness.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_11.jpg
Step 12
Add a new layer on top of the other layers and go to Filter>Render>Clouds. Change the Blend Mode to Color Dodge and the Opacity to 20%.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_12.jpg
Step 13
With the Eraser Tool (E) delete areas of the smoke as well (1-4). The idea is just to add some noise and waves to the lights.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_13.jpg
Step 14
Now, add a layer on top of the black ellipse. Then with the Brush Tool (B) paint a light at the top right corner of the ellipse. You can, also, add another layer and repeat the Steps 8 and 9 to create some rays of light. But start the gradient from the center of the light effect and not the document's
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_14.jpg
Step 15
Add another layer on top of the others and fill it with a beige color (#B59071), then change the Opacity to 20%.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_15.jpg
Step 16
Import an old paper texture and put it on top of the other layers. The one I used was a courtesy of Shutterstock (http://www.shutterstock.com/" rel=nofollow) and you can download it here (http://www.shutterstock.com/pic-20845342/stock-photo-old-yellow-paper-background-with-scratches.html" rel=nofollow). After that change the Blend Mode to Overlay.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_16.jpg
Step 17
Go to Layer>New Adjustment Layer>Hue and Saturation. Use 0 for the Hue, -25 for the Saturation and 0 for the Lightness.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_17.jpg
Step 18
Now go to Layer>New Adjustment Layer>Levels. Increase the Black input to 30. That will make the image darker.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_18.jpg
Conclusion
The whole process won't take more than 30 minutes and it's pretty straightforward. The idea of this tutorial was to show you how to create some light effects first using greyscale and then with the Hue and Saturation we add nice colors. Now it's up to you, it's really important that you try different settings and colors as well.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Conclusion.jpg (http://www.flickr.com/photos/azeected/3983644624/sizes/l/" rel=nofollow)
Download the Photoshop file used for this tutorial (http://abductit.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Sample.psd.zip" rel=nofollow)
Taken from http://abduzeedo.com/very-easy-heroes-eclipse-photoshop
Step 1
Open Photoshop and create a new documento. Add a new layer and with the Gradient Tool (G), fill the background with a Radial Gradient from black to a very light grey in the center.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_1.jpg
Step 2
Go to Image>Adjustments>Hue and Saturation. Use 15 for the Hue, 35 for the Saturation and -15 for the Lightness.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_2.jpg
Step 3
With the Ellipse Tool (U), create an ellipse in the center of the image.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_3.jpg
Step 4
Again with the Ellipse Tool (U) create a bigger ellipse. Then go to Layer>Layer Style>Stroke. Use 60px for the Radius and white for the color. Then go to Layer>Layer Style>Create Layer. That command will create a layer with the Stroke. So select the 2 layers that will have for the ellipse with stroke and go to Layer>Merge Layers.
After that duplicate this layer because we will need 2 copies of it.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_4.jpg
Step 5
Select one of the "ring" layers and go to Filter>Blur>Gaussian Blur. Use 100 pixels for the Radius. Also change the Blend Mode to Screen.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_5.jpg
Step 6
Add a new folder in the Layer Palette and move the other ring into this folder. Change the folder's Blend Mode to Color Dodge, then select the ring layer and go to Filter>Blur>Gaussian Blur. Use 35 for the Radius.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_6.jpg
Step 7
Add a new folder in the Layer Palette right on top of the gradient layer. Then change the Blend Mode of the folder to Color Dodge. After that add a new layer inside the folder and with the Brush Tool (B), use white for the color and a big soft brush to create the light behind the black circle.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_7.jpg
Step 8
Add another layer still inside of the folder we have just created the light beneath the black planet. Select the Gradient Tool (G) and edit the gradient. Change the Type to Noise, the Roughness to 100% and select Restrict Colors and Add Transparency. Fill the new layer with the gradient like the image below.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_8.jpg
Step 9
Go to Image>Adjustments>Hue and Saturation. Reduce the Saturation to -100. After that go to Filter>Blur>Gaussian Blur. Use 20 pixels for Radius.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_9.jpg
Step 10
Select the Folder with the light layers and go to Layer>Layer Mask>Reveal All. Then select the Brush Tool (B) with a very soft brush and black for the color. Start painting over the Layer Mask to hide some parts of the layer (1-3)
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_10.jpg
Step 11
The ring of light is too white so lets add some color. Select the layer with the ring of light that you applied more blur (Step 5), then go to Image>Adjustments>Hue and Saturation. Use 30 for the Hue, 35 for the Saturation and -70 for the Lightness.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_11.jpg
Step 12
Add a new layer on top of the other layers and go to Filter>Render>Clouds. Change the Blend Mode to Color Dodge and the Opacity to 20%.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_12.jpg
Step 13
With the Eraser Tool (E) delete areas of the smoke as well (1-4). The idea is just to add some noise and waves to the lights.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_13.jpg
Step 14
Now, add a layer on top of the black ellipse. Then with the Brush Tool (B) paint a light at the top right corner of the ellipse. You can, also, add another layer and repeat the Steps 8 and 9 to create some rays of light. But start the gradient from the center of the light effect and not the document's
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_14.jpg
Step 15
Add another layer on top of the others and fill it with a beige color (#B59071), then change the Opacity to 20%.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_15.jpg
Step 16
Import an old paper texture and put it on top of the other layers. The one I used was a courtesy of Shutterstock (http://www.shutterstock.com/" rel=nofollow) and you can download it here (http://www.shutterstock.com/pic-20845342/stock-photo-old-yellow-paper-background-with-scratches.html" rel=nofollow). After that change the Blend Mode to Overlay.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_16.jpg
Step 17
Go to Layer>New Adjustment Layer>Hue and Saturation. Use 0 for the Hue, -25 for the Saturation and 0 for the Lightness.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_17.jpg
Step 18
Now go to Layer>New Adjustment Layer>Levels. Increase the Black input to 30. That will make the image darker.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Step_18.jpg
Conclusion
The whole process won't take more than 30 minutes and it's pretty straightforward. The idea of this tutorial was to show you how to create some light effects first using greyscale and then with the Hue and Saturation we add nice colors. Now it's up to you, it's really important that you try different settings and colors as well.
http://imgs.abduzeedo.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Conclusion.jpg (http://www.flickr.com/photos/azeected/3983644624/sizes/l/" rel=nofollow)
Download the Photoshop file used for this tutorial (http://abductit.com/files/tutorials/Heroes_Eclipse_in_Photoshop/Sample.psd.zip" rel=nofollow)
Taken from http://abduzeedo.com/very-easy-heroes-eclipse-photoshop