Tutorials

Create a Glowing Effect Scene in Photoshop

advertisement

It’s been a while since I made a tutorial here in Naldz Graphics. For this month Im gonna focus more on creating tutorials for everyone. Today you will learn how to create a Glowing Effect Scene in Photoshop.

This tutorial will teach you how to come up a cool glowing effects on your artworks. Lets take a quick preview first on the final result.

If you’re ready then lets start.

Step 1

Download this Free Stock Image first. Remove the background of the image using Magnetic Lasso Tool (L).  Open New Document. I use 530 x 438 pixels on this tutorial. Use color #000000 for the background. Move the Image to the Working document using Move Tool (V). Name the image to “Stock Image”.

Step 2

Create a New Layer above the Stock Image Layer. Choose Gradient Tool (G).  Set the color to #9d5c5b and #b53564. Apply gradient to the new layer then set the layer to “Color” and 75% Opacity.

Step 3

Create new layer between the background and the image. Set the color to #470310. Now choose Gradient Tool again and use “Foreground to Transparent” in Radial Gradient mode. Now apply it to our working document. Name the layer to “Highlight1″

Step 4

Create a new layer above the Highlight1 Layer then go to Filter>Render>Clouds. Set the layer to “Soft Light”. Name the layer to “Cloud”. Duplicate the “Cloud” layer by pressing CTRL+J.

Step 5

Create new layer behind the Stock Image layer. Name the layer to “Circles”. Set the color to #ffffff.  Choose Ellipse Tool (U) and create some circles. Make sure to hold Shift while creating the circles (check the image below). Now adjust the Fill to 30%. Go to blending mode. On the blending mode, select Outer Glow then use color #e1851a. Opacity to 100% . Spread to 6% and Size to 2 pixels.

Step 6

Duplicate the circle layer.  What we’re gonna do here is to scale the duplicate layer and move it around the area so it will create more circles. Create a 6 duplicates. ( See the image below). You can also adjust the opacity to 50% of other circle layers specially for the small circles.

Step 7

Create new layer behind Stock Image layer. Choose Custom Shape Tool (U) then select “Tile 2″. Adjust the Opacity to 35%.  Go to blending mode. On the blending mode, select Outer Glow then use color #e1851a. Opacity to 100% . Spread to 6% and Size to 2 pixels. Go to Edit>Transform>Warp and warp the Tile.(see image below)

Ads


After warping, Go to Edit>Transform>Rotate and adjust the warped tile to a good position. Name the layer to Tile. Duplicate tile layer then set the duplicate layer to 100% Opacity and 30% Fill.

Step 8

Duplicate the  Stock Image layer then select duplicate Stock Image. Go to Image>Adjustments>Hue/Saturation. On Hue/Saturation, adjust the Lightness to +100. Right Click the duplicate Stock Image layer then select Outer Glow. On Outer Glow, Set the color to #ffffbe. Opacity to 75%. Spread to 0% and Size to 18%. Now we have a highlight on the Stock Image.

Step 9

Create a new layer between Stock Image and Duplicate Stock Image. Set the color to #ffffff. Choose Brush Tool (B) and Set the brush to “Splatter 59 Pixels”. Now apply the brush on the right side of the Stock Image. (see image below)

Step 10

Lets add some little sparkles. Create a new later above Stock Image layer. Choose Brush Tool (B) then adjust the brush to Soft Round 5 Pixels.

Step 11

Create a new layer. For this part we will gonna use 4 kinds of colors. First use #ffffbe then apply it to the layer using brush tool. 2nd color is #587f23. 3rd is #d99905 and last color is #ffcd03. (see image below)

Step 12

Go to Filter>Blur>Gaussian Blur.  In the Gaussian Blur, set the radius to 25 pixels.

Step 13

Almost done. Now Set the layer to “Color Dodge” and Opacity to 45%. Go to Edit>Transform>Rotate to adjust the position of the highlight.

And we’re Done. I hope you enjoy our tutorial for today. Drop us a link sample of your work on this tutorial in the comment area. More Tutorial will come. Dont forget to Subscribe our RSS Feed so you can receive new Tutorials on your inbox

Ads


  • http://www.piurifa.com Jorje Rojas

    Excelent. :D

  • http://URL(Optional) Paula

    grate tutorial, colors and light work grate! >.<

  • http://ultradax.deviantart.com daX

    Looks awesome, great work.

  • http://tasarhane.com tasarhane

    nice tut.. thanks

  • http://10steps.sg Johnson Koh

    Nice effect and colors Ronald. Welcome back to tutorial writing!

  • http://URL(Optional) Darien

    How do i make an image layer softlight??

    Step 4Create a new layer above the Highlight1 Layer then go to Filter>Render>Clouds. Set the layer to “Soft Light”. Name the layer to “Cloud”. Duplicate the “Cloud” layer by pressing CTRL+J.

  • Ronald Bien

    Glad you like it guys :) thanks for the feedback

    @Darien
    you can find it on the layers palette.

    please see this image : http://bit.ly/TWKDs

    i hope it helps :)

  • http://www.presidiacreative.com/ Eric Shafer

    This is a really quality tutorial, although I might’ve made the background lines a bit smaller. Still, nice work. :)

    Featured here: http://www.presidiacreative.com/web-picks-24/

  • http://URL(Optional) Nicole

    is this for photoshop 7.0?? O.O

  • http://URL(Optional) Michael

    Nothing new under the sun

  • http://www.nouveller.com/ Benjamin Reid

    Nice tut’ but where was the lightning? You might want to try using the brush presets to create your own brush and randomly generate the opacity/spacing etc… of the circles.

  • http://www.1stwebdesigner.com Dainis Graveris

    wow, congratz with tutorial – didn’t see one for a realllly long time! Outcome still look very colorful and creative, I like it! Great work! :)

  • http://businessaccent.com Vic

    That’s a pretty design and tutorial. Thanks for sharing.
    BTW, I found your blog at twitter. COngrats for being the Philippine’s most followed blog in twitter.

  • http://www.myspace.com/backsidejones Nate Smythe

    Very clear, very helpful, and a really great effect! Thanks a ton!

  • Ronald Bien

    @ i use photoshop cs3.yea it work on that version

    @ Vic thanks for the flattering comment :) cheers

  • http://www.kittuk.com kittu

    Great effects.. awesome tutorial..will def try it out..

  • http://www.tikoim.de Heiko

    Very useful tutorial – I’ll try this out
    – bookmarked & retweeted

    thx

  • http://www.webomagazine.com/ Shoe Man

    This is really excellent! Thank you for sharing! :)

  • @RiadhD

    so cute so good job thx!!

  • http://www.zdphotos.com zane d.

    I could use some help with step 6, can’t figure out how to scale the layer and move it around…

  • http://www.naldzgraphics.net Ronald Bien

    To scale, press CTRL+T then hold Shift while dragging your mouse. to move it around, press V for Move Tool then move the circles by dragging it using your mouse. i Hope this help :)

  • http://www.knrdesigns.com Kyle Gile

    Thanks for the great tutorial. It’s been a while since I’ve seen a good tutorial pop up on the internet in a while. Especially one that is so detailed.

    I didn’t get the chance to follow along with it, and I probably won’t, but I did take a read through it.

    Good work.

  • http://URL(Optional) Michael

    Where is the lighting?

  • Pingback: 50+ ????? ?? ??????? ?????? ??? Photoshop

  • Neary

    Oh good, but i think that it’s still hard for me.(Beginner).

  • Daniel

    very nice tuts. love it. thanks
    check out my work http://www.facebook.com/photo.php?pid=56714&id=100000014636763
    sorry I used noise instead of splatter brush to its splatter effect coz I can’t find it.
    Keep up the good work.. more more more tuts.

  • Daniel

    please leave me a comment so that I will improve. thanks

  • Pingback: Creando un genial efecto de luz con Photoshop | ARTEgami

  • winnie

    Hi,Ronald
    I like this tut very much.It’s so fresh!
    But the free strock image has been deleted.Is here any other way I can get it?

  • Bastien

    verry nice toturial! and verry easy to succeed even for a beginner like me.

    helped me alot =)

  • Pingback: Creating a cool light effect with Photoshop | ARTEgami in English

  • http://www.marjanzitnik.com marjanzitnik

    Awesome Naldz! ;)

  • http://beginlearn.blogspot.com sultan . mehmood

    can you save it as a pdf format for later read it.

  • Cesar

    Simple and beautiful

  • Jy. yudasetya

    Very like it! awesome!!!

  • Pingback: 130+ Awesome Photoshop Tutorials covering Light Effects, Drawing, Manipulation etc. | tripwire magazine

  • http://www.designladynyc.com Jerlyn

    Very cool lol this is also funny: I know where you got that photo and I have used it in a project before. I love it though!

  • s

    where and what is “tile 2″ in step 7

  • Ronald Bien

    @ s

    You can find “Tile 2″ when you select Custom Shape Tool then look for “Shape” on the upper toolbar then Look for “Tile 2″

    Here’s sample: CLICK HERE

    Hope it helps

  • LegacyDesigns

    Very Smart,Easy Simple Tutorial to make your images pop.i was thinkin that this was a little intricate until i liooked at it.I like it.

  • http://xbiologist.deviantart.com Adrian Ayroso

    This is a great tutorial, I’ve used this tutorial to create some of my deviantart works, thanks for sharing. I placed a link on my works and added credits. =)

  • fatz18

    Where could i get the splatter brushes?..But yet..Your tutorial is SUPER AMAZING..!!!EXCELLENT!

  • meyer luis

    thanks for sharing your gifts, God Bless

  • http://Turkey Emre

    Thanks for the example..Great job..

  • Gurpritam

    very awesome..nice tuts it helped a lot…
    thanks!!!!

  • Memo

    Plz can anyone upload “Free Stock Image” again

  • kaylee

    Im trying to figure out how to get color in the Tile part of this..I’ve done every step-by-step and on the tiles the color isn’t filling in. I’m not sure what I’m doing wrong & it’s giving me a major headache lol

  • http://www.youtube.com/user/sMxy666?feature=mhee sMxy666

    Very nice tut…. some of the colour codes didnt match up tho :\… oh well , still very good
    http://oi52.tinypic.com/2zoku1k.jpg My version i made :)

  • hghgyu

    very nice tut…..thanks

  • Sebastiaan

    By step 3 i did all what was asked, but my background stays black and i dont see the round gradient. Am i doing something wrong?
    Using Photoshop CS5

  • rocky

    having a video tutorial would be great for beginner