Placed in: Home arrow Art arrow Glowing and sparkling intense light 3d logo
Glowing and sparkling intense light 3d logo

After my previous tutorial on how to create a frog logo in Photoshop, I'm now going to teach you how to create a glowing and sparkling intense light 3D glow logo. This tutorial shows different techniques that I learned in the past couple of weeks and it'll surely blow others away.

Intense Light 3D Logo

Most of this tutorial is done in Photoshop, the 3D letters are created in Illustrator. If you don't have Illustrator, you can also try making 3D letters in Photoshop.

I'm creating the word "QPoit", which actually is a fun word (and non-existing) used between my friends and me (Don't ask me why). Get ready to make some amazing artwork.

Create a super glowing and sparkling intense light 3d logo

Create a new document in Photoshop. Grab your Gradient tool to make a Radial Gradient. I created one using a background color of #000000 and a foreground color of #009092. Place it a little bit under the center of your work, it'll look nicer at the end.

Intense Light 3D Logo 01

Duplicate your layer and set the layer properties of the top layer to Color Dodge. This will make your light ball a stronger light effect.

Intense Light 3D Logo 02

Now we'll add some distortion to our orb, just to break the pattern. Create a new layer and render some clouds by going to Filter > Render > Clouds. Make sure you use a blackground with #000000 and foreground #FFFFFF

Change the layer style to Overlay and change the Opacity to 30%. Now go to Filter > Sketch > Chrome, use the default settings (Detail 4 & Smoothness 7) and press OK.

Intense Light 3D Logo 03

Let's change applications. Open up Illustrator and place a character or word in a new file. I'll be making the word QPoit with a color of #000000 and a font called Arno Pro. Go to Effect > 3d > Extrude & Bevel to open up a new window.

I used the following settings that you can see below. Check the "Preview" box to show a preview while editing your variables. I also changed the shading to #FFFFFF. The second part of the word ("Poit") uses the same settings as the "Q". The only change is the Y-asis: it has a rotation of -26.

Intense Light 3D Logo 04

Drag your 3d characters to your Photoshop file to directly implement them. I know it doesn't look very pretty (yet) at this moment, but we're getting there.

Intense Light 3D Logo 05

Right click on the right word (in my case the "Poit" part) in your layers and select Blending Options. I added an Outer Glow with the Blend Mode set to Color Dodge. The color I used was #FFFFFF with a total opacity of 75%.

Also add a Gradient Overlay with the Blend Mode set to Overlay. The gradient has an opacity of 50%, starting with #009092 and going to #000000. The angle is set to 180.

The "Q" part uses the same settings, but only with the Gradient Overlay has an angle of 0.

Intense Light 3D Logo 06

Create a new layer on top of all your other layers. Grab your Pen Tool (P) and create a Path. Try making it look fancy, as if it is really turning around any part of your 3d character.

Intense Light 3D Logo 07

Grab a basic brush with a diameter of 7 with a hardness of 100%, the color #FFFFFF and flow of 25%. For Photoshop CS3, open up your Brushes palette (F5). Check Shape Dynamics and set Control to Pen Pressure.

Right click in your paths palette on your just created work path and select Stroke path... The source is a brush and make sure you check the Simulate Pressure box: It'll give the nice, smooth edges. You can now delete your path.

Intense Light 3D Logo 08

Get rid of the parts of the swirl that you want to look like as if they are behind the character. You can use the Eraser Tool (E), but since I'm a fan of non-destructive Photoshopping, I would recommand creating a Layer Mask and brushing those parts away.

Intense Light 3D Logo 09

I created two other swirls that are wrapped around my characters. Add an Outer Glow to each swirl by changing the Blending mode. Set the Outer Glow to Color Dodge with an opacity of 50%. I used the color #009092 with a size of 13 px.

Also add some inner glow to the swirls. Set the Blend Mode to Normal with a size of 3 px. I used the same color for the Inner Glow as the Outer Glow: #009092.

Intense Light 3D Logo 10

Particles give a nice, futuristic effect to this kind of art. Grab a soft brush with a size of 9 px. Now go to your brush palette (F5) and play around with the Size Jitter, Scatter & Spacing. I decided to make the particles #FFFFFF and brushed them on a new layer above the swirls. Change the Layer Properties to Color Dodge. I used the following settings (Click to enlarge the image)

We're now at a stage where we can call the artwork already pretty much done. I couldn't resist adding a Lens Flare behind the letters by going to Filter > Render > Lens flare and using the 105 mm prime with a brightness of 90%. Set the layer style of this layer to "Screen".

You can also add some circles using the Elleptical Marquee Tool (M), filling them with #FFFFFF and setting the opacity really low. It'll give the piece some final touches.

Intense Light 3D Logo 12

There you go, a pretty impressive super glowing and sparkling intense light 3d logo using Photoshop & Illustrator. I hope you learned something new & feel free to place your artwork created by following this tutorial in the comments.

You can download my PSD file for this glowing and sparkling intense light 3d logo in the download section.


Tags:  tutorial photoshop light 3d logo

Interested in this topic? You might enjoy another article I've written called

Did you like this article? Subscribe to my feed or email to keep updated on new articles.

Spread the word and submit to:
Digg!Reddit!Del.icio.us!Facebook!StumbleUpon!
Comments
Add NewSearchRSS
Amber   2008-05-30 09:13:42
Gravatar image I made one!
Check this:
Posted image
nice tutorial!
Ciaoo. :kiss:
adi   2009-08-28 10:57:54
Gravatar image hi Amber..... :lol:
I'm from Indonesia
Naseer - good   2010-01-16 07:22:00
Gravatar image this design is very good send me your more design
Hazem - Your tutorial was chosen for the home page   2008-04-29 22:43:17
Gravatar image Hi , your tutorial was chosen for the main page of http://www.tutorialsroom.com and under Photoshop tutorials http://www.tutorialsroom.com/tutorials/category/photoshop/all/1/. Please feel free to submit more of your good tutorials using this link: http://www.tutorialsroom.com/tutorials/submit_tutorials.html
spunky   2008-04-30 02:05:59
Gravatar image I was just curious as to how you get the render clouds not to fill the entire screen and only the circle area. It keeps covering the entire layer..
Marco - Blending mode change   2008-05-01 10:36:44
Gravatar image I added a new layer on top of the circle area with the clouds and changed the blending mode. This way, all the dark area's of the circle are cleared.
Shar   2008-04-30 04:21:51
Gravatar image You forgot to include a lens flare in your description?it's in the final picture though
spunky   2008-04-30 05:28:14
Gravatar image "We're now at a stage where we can call the artwork already pretty much done. I couldn't resist adding a Lens Flare behind the letters by going to Filter > Render > Lens flare and using the 105 mm prime with a brightness of 90%. Set the layer style of this layer to "Screen".

You can also add some circles using the Elleptical Marquee Tool (M), filling them with #FFFFFF and setting the opacity really low. It'll give the piece some final touches."

He explains two different ways to do the lens flares...however I failed to follow. Also didnt get a good enough description on the sparkly stuff.

"Particles give a nice, futuristic effect to this kind of art. Grab a soft brush with a size of 9 px. Now go to your brush palette (F5) and play around with the Size Jitter, Scatter & Spacing. I decided to make the particles #FFFFFF and brushed them on a new layer above the swirls. Change the Layer Properties to Color Dodge."

I can mess with all the tools I want doesnt meant I am going to get what I want out of it. I was unable to make my dots sparkly like that..they were only dull and boring..
Marco - Added my settings   2008-04-30 17:13:48
Gravatar image Thanks for explaining to Shar where my lense flare was ;) . I changed my tutorial and added my settings for the particles-brush :). Hope you can manage to create your stunning art now!
Rabbit   2008-04-30 07:24:34
Gravatar image Loved this tutorial, it's so easy to follow!

This is a really neat effect!
Zzipho   2008-04-30 11:43:42
Gravatar image Its nice i like it :P
PI55ED - OMG   2008-05-01 08:15:45
Gravatar image OMG! this is has such nice outcomes. Thanks.

PI55ED
Lise Rønning   2008-05-02 09:19:44
Gravatar image very nice tutorial!

here is mine:
Posted image
Annjellicle - Awesome Tutorial!!!   2008-05-02 09:13:25
Gravatar image This is freakin' great!!!

Here's my first attempt at using this tut for a possible logo:

Posted image

Thanks!!!
fly   2008-05-08 02:41:41
Gravatar image i have CS3. why doesn't it simulate the pressure on the stroke?
can anyone help me?
Marco - "Pen Pressure"   2008-05-08 09:52:12
Gravatar image In the Brushes window (Window > Brushes), are you sure you have "Pen Pressure" checked?
fly   2008-05-10 05:42:58
Gravatar image yes.... :lol: i'm not so dum... but it simply don't simulate the pressure... know why?
Luthien   2008-05-23 16:45:23
Gravatar image check stroke options, I had same problem, right click on path, select stroke and select simulate pressure in this window.
PHOTOSHOP FREAK - THANKS   2008-05-30 09:13:00
Gravatar image Dude that's a good one, thanks. I put my logo and did it and I got an A+ on final.
jesper - bf   2008-06-07 08:27:59
Gravatar image Nice tutorial! made a pic with battlefield units in it.

my outcome:

Posted image
Bino - Great   2008-06-15 13:16:12
Gravatar image oh man this is awesomeeee
Tasha   2008-06-16 18:18:16
Gravatar image Here is one I did. My friend Nycole was a dancer and she passed away about a year ago.
Zupp   2008-07-23 23:07:07
Gravatar image Im new at this .. how do i open the Illustrator ?
Nice Tut !!
Marco - Illustrator   2008-07-27 17:01:00
Gravatar image Illustrator is another application, just like Photoshop. You'll need to buy the program or download the try-out version from Adobe.com .

Good luck!
anton - am i stupid???   2008-09-01 23:33:28
Gravatar image maybe its becuz i'm realy stupid but if i open illustrator...i do file>new>800x600 then i do tool text and i type some text... then i do effect but there isnt the option 3d...i think this is totally wrong from the beginning...but i just can't find it...plz help...
owh...i have illustrator 10 does that make any difference??


greetzzz
anton
Marco - Not stupid   2008-09-02 09:08:37
Gravatar image Hi,

Don't worry, I don't think you're stupid ;) .

I think it's indeed because you're using Illustrator 10. This tutorial is written for Illustrator CS3 (but will work in CS2 too).

I'm not sure if CS or any versions below that will support the 3d effect.
anton - ok...ty   2008-09-03 15:13:57
Gravatar image ok ty but where can i download cs3 then??? cuz on adobe site i downloaded free trial of (what i think) newest version...but if it isnt plz help me to get adobe illustrator cs3 cuz that logo is soo cool... i wanna make such things too...

and...i'm sorry for my bad english , but i actually speak dutch so i can't really good speak english...

greetzzz
anton
anton - nvm   2008-09-03 16:02:18
Gravatar image ...never mind i downloaded cs3 now and i think it will work now...

tyvm
m8

greetzz anton
ps.: i'll post my result maybe you guys can say what you think of it cuz i don't ever know if something that i made by myself good is or not...
Anonymous   2008-11-12 13:46:33
Gravatar image i like this tutorial but how can i download to the work to be done
natalie - hello..   2008-11-12 15:57:43
Gravatar image I want to ask you something..wer can I find the Effects tool in the photoshop cs3???so that I can make the 3D text..pls reply..=)
Nazarko - Brazil - Very good   2008-11-18 11:47:24
Gravatar image Congratulations man. Very good job. :D One day I want to be like you. :whistle:



I apologize if you missed in the translation, I am using the Google translator. :P
anton - i told you!   2008-12-16 22:45:58
Gravatar image well , i told you i was goin to send my result wel here it is:D

GrTZ

Posted image
anton - not in photoshop   2008-12-17 13:11:35
Gravatar image hi natalie ,
the 3d text is not in photoshop , in cs4 you can make 3d letters but i dunno in cs3 , i think you should make the 3d text in adobe illustrator(http://www.adobe.com/cfusion/tdrc/index.cfm?loc=en&product=illustrator&promoid=EBYEV) and then copy paste them in photoshop:D i didt that and it works:D

GrTZ
Rodel   2008-12-29 11:56:26
Gravatar image nice toturials :cheer:
Chetan Madaan - Nice Tuts.   2009-05-01 18:53:25
Gravatar image Very Nice tutorial Guys!
ryflo - filter problem   2009-06-04 19:26:10
Gravatar image why am i not able to access the sketch option from the filter menu?
Mihail Gaberov - Nice Tut!   2009-06-27 22:03:32
Gravatar image Very nice effect! Bravo!

I used it to create a few graphics even for my web blog header... I will show you the results these days.

Thanks and keep going in the same direction!

Cheers,
Mihail G.
Mihail Gaberov - My results   2009-06-28 03:08:23
Gravatar image Here you can see how I used this tutorial for my blog header :)
Anonymous   2009-07-06 10:52:01
Gravatar image :arrow: Nice Nice Very nice 3D loqO.
emma   2009-07-31 23:03:32
Gravatar image i loved it too much..thank u :)
Mahehs   2009-11-16 03:27:30
Gravatar image NIce tutorials,
Simon   2009-11-27 20:09:57
Gravatar image How do you get to download these cool progammes :confused:
anselalipio - anselalipio   2009-12-16 10:41:18
Gravatar image Posted imagePosted image
anselalipio   2009-12-16 10:42:16
Gravatar image may I Ask you this is nice
Posted imagePosted image
Anonymous   2010-01-03 11:55:38
Gravatar image Posted image
Rich - Awesome   2012-06-14 06:43:26
Gravatar image really awesome it look 3D!!! Thanks!
Anonymous   2009-12-21 05:46:37
Gravatar image [IMG]http://i910.photobucket.com/albums/ac305/harveyalipio/gawaniHarvey.jpg
Anonymous   2010-01-09 19:09:31
Gravatar image Posted image
Mel   2010-01-31 16:13:24
Gravatar image How do you change parts of the word to rotate one way and the other part another way? Im trying to figure out how he did the Q towards the front and the rest to the side but I can only move the word one way! help!!
Lea   2010-02-12 00:51:09
Gravatar image this is soo neat!
After doing other creative pictures (lost cause i didn't save anything and my comp got messed up -kids/ teens) but this gives a whole new twist to my creative artwork! and a whole new creative idea I just thought of that now i want to try out

Thanks alot!!
Lea

:) ;)
woohoo !!
aarondavid   2010-02-16 01:00:08
Gravatar image help, when i go to Filter/Sketch/Chrome im not getting the effect your getting, it appears that its taking my image back to before i did the cloud stuff. why is it not showing the chrome effect? help please
Aravind   2010-05-01 11:31:20
Gravatar image Wow....Really, This is nice work....

Thanks,
aravindtemplates.com
may phat dien   2010-05-13 11:00:24
Gravatar image thnks for the tutorial. I
Mike   2010-05-14 07:29:10
Gravatar image For some reason it wont allow me to use the chrome effect. Any ideas?
Johnathan   2010-05-18 07:54:36
Gravatar image Cool tutorial! I tried it for my logo but it looked weird. I guess I'm not that adept at designing. Been at it for weeks. It somehow looked disproportionate unlike the one you did which looks great.Finally decided to use the professional services of an online logo design site instead (http://www.logodesignplanet.co.uk) and finally got the logo I wanted at an affordable price and fast too. Lesson learned. I'm not going to design a logo without any professional help though it's somewhat fun. And liberating. Definitely. Haha. Thanks for the tutorial...
JS   2010-05-20 09:27:19
Gravatar image I really like how the final design looks. It serves as an inspiration for my logo. I tried using this concept on my logo but it somehow looked a little bit off. I can't get it to look as good as yours. Gave up after trying for days. Finally decided to use the professional services of an online logo design site instead after googling for one (http://www.logodesignplanet.com) and finally got the logo I wanted at an affordable price and fast too. I did show the designer the link to your site to explain how I wanted the logo to like. Lesson learned. I'm not going to design a logo without any professional help though it's somewhat fun. Anyway,thanks for the awesome tutorial... Awesome site, by the way.
Mike   2010-05-27 08:31:11
Gravatar image Nice tutorial. Here's my attempt
Posted image
nestor aguirre - Wow   2010-06-10 23:41:22
Gravatar image jjejej super me salio genial

Posted image
Edward   2010-06-18 08:00:43
Gravatar image I was inspired by the idea of it. It simply looked awesome. I did give this link to my graphic designer from logodesignstation.com as a reference to how I wanted my brochure to look like. Surprisingly, the design came out better than expected! It was really good all thanks to you! Even my friends were impressed...
Anonymous   2010-08-14 15:08:25
Gravatar image ur instructions are not clear at all. i was having headache figuring out.
indy   2010-09-22 04:32:57
Gravatar image lol.... clean ur eyes dude, so you can see it clearly... or try to play solitaire first before you read this nice tutz.... lol no offense dude....
Logo Design - Excellent   2010-09-17 04:16:02
Gravatar image Nice, I´ll try this out to see how it works for me, thank you nice tutorial.
indy - Mr   2010-09-22 04:29:54
Gravatar image Nice tutorial bro... btw.. keren bangetzzz...... thanks....
Anonymous   2010-10-01 03:04:57
Gravatar image B) :X<img src=ide:' />:):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
Anonymous   2010-10-01 03:05:09
Gravatar image :angry::0:confused::cheer:B):evil:<img src=illy:' />:dry::lol::kiss::D:pinch:
:(<img src=hock:' />:X<img src=ide:' />:):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
logo templates   2010-10-06 07:58:21
Gravatar image Very nice tutorial and very well explained.
Thanks for sharing. :D
Anonymous   2010-11-17 20:31:23
Gravatar image Can you explain a better better what to do after the creation of the path? how do I use the brush over it? It ask me to resterized it ...This part wasn't clear..

Thanks
Raj - Rajeevwap   2011-01-18 15:50:32
Gravatar image
ali   2011-02-06 01:20:17
Gravatar image thanks for the glow tut.
Creative Logo Designers - Logo pro Design   2011-02-17 10:31:26
Gravatar image We are LogoProDesign as a Creative Logo Designer, We checked your artwork collections. Those are amazed us. Thanks for that type of good work collections. We regularly checked your website for good artwork example.

Thanks
David Thomas
jess - kk   2011-02-19 22:13:50
Gravatar image :kiss: hi what website did u use to make it i hope u didnt have 2 download it . can u plz tell me what u sed to make it :)
amy - cheap clothes online   2011-03-14 03:21:37
Gravatar image I am just a little surprising for your mind.
Lovekapoor - Lovekapoor   2011-03-16 16:48:06
Gravatar image Lovekapoor
pkjo   2011-04-11 01:03:35
Gravatar image Hello. Great tut :) Just one question what size is the file. I'm usually working with really big files. Problem is that when I applied chrome sketch to layer with clouds it's so small that you can barely see it. Am I doing something wrong ? Is there a way to change size of the clouds maybe ? My file size is 6300 x 4500. Any ideas? Thanks
Mersin Nakliyat - Mersin Nakliyat   2011-08-11 14:26:20
Gravatar image great tutorial.thank you so much
Kangal Dövü - Kangal Dövü   2011-09-09 21:04:47
Gravatar image Thank you Editor.. Photoshop
PhotoshopWarrior - Great   2011-09-20 18:33:45
Gravatar image The creation of the path is great :lol:
iptiyar - good   2011-09-26 09:38:29
Gravatar image nice
yash   2011-11-28 16:44:59
Gravatar image Great tutorial.... i am now downloading adobe illustrator to continue it...
thanks fot sharing!!! :D
sharon - helppppp!!   2012-01-25 05:42:40
Gravatar image Cansomeone please make me this design but with the writing "iDesigners"pleasee !!
Rofus   2012-03-28 11:52:45
Gravatar image Nice tutorial, here is my version and I included your tutorial in my website http://www.rofusph.com/2012/03/10-amazing-photoshop-text-effects-with.html
Gokul   2012-05-19 05:18:53
Gravatar image what is illustrator and how to open it..any one help me..
Gokul   2012-05-19 05:19:51
Gravatar image what is an illustrator and how to enter text in that ? help me ...
Anonymous   2012-06-08 18:26:17
Gravatar image :(
:confused: :cheer: B) :evil: <img src=illy:' /> :dry: :lol: :kiss: :pinch: ;) :whistle: :huh: :woohoo: :unsure: :P :) <img src=ide:' /> :X <img src=hock:' /> :( :arrow: :idea: :?: :!:
Anonymous   2012-07-03 11:20:35
Gravatar image :woohoo: :woohoo: :woohoo: :woohoo: :woohoo:
Coura   2012-12-27 22:33:57
Gravatar image I used it for this thank you
Coura - re:   2012-12-27 22:35:29
Gravatar image
Coura wrote:
I used it for this thank you


Posted image

maybe it posts this time...
www.destinycontest.com - wonderful one !   2013-02-17 01:31:22
Gravatar image just wonderful tutorial , going to follow every step and come back to show u my result
Sarah - Sketch?   2013-05-20 10:46:03
Gravatar image Nice, but I'm stuck as I'm not seeing any Sketch under my Filter.
Read more...
Name:
Email:
  Gravatar enabled.
Website:
Title:
UBBCode:
[b] [i] [u] [url] [quote] [code] [img] 
 
 
:angry::0:confused::cheer:B):evil::silly::dry::lol::kiss::D:pinch:
:(:shock::X:side::):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
 
Security Image
Please input the anti-spam code that you can read in the image.
Unsubscribe from e-mail notifications.
 
< Prev   Next >
Subscribe

Subscribe to Marcofolio