Hard Light Productions Forums

Off-Topic Discussion => General Discussion => Topic started by: Fineus on August 03, 2001, 02:28:00 am

Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Fineus on August 03, 2001, 02:28:00 am
After very little persuasion and the eternal desire to show off I've created my very own guide to creating beams in Adobe Photoshop.

Note that the ships were made lighter than normal on purpose to make the whole thing clear to the eye. Normally I'd have had them darker than they are here.

Any questions can be posted right here although I hope the tutorial speaks for itself. Enjoy!

EDIT: For the sake of all the 56K-ers out there, this amazing, yet simple tutorial has been thumbnailed and is available here (//"http://www.3dap.com/hlp/beams.shtml"). Enjoy, and yes... you're welcome!   (http://dynamic.gamespy.com/~freespace/ubb/noncgi/biggrin.gif)

**BA**

------------------
|   | ICQ:57179504 |
Co-Creator:  Hard Light Productions (//"http://www.3dap.com/hlp/")
Webmaster: Sounds of Thunder (//"http://www.3dap.com/hlp/sot/")

[This message has been edited by Black Ace (edited 08-03-2001).]
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Setekh on August 03, 2001, 02:34:00 am
I've got to start getting into the habit of taking credit for my own techniques  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/wink.gif)

Top stuff dude, very well explained. Next time thumbnail them, though  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/wink.gif)
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Sushi on August 03, 2001, 04:21:00 am
Agreed...nice work.  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/biggrin.gif)

------------------
Sushi- the OTHER white meat!

Accelerate your game-Velocity Mod ("http://sushicw.homestead.com/files/freespace/velocity.htm")
Sushi's Freespace Zone ("http://sushicw.homestead.com/files/freespace/index.htm")-Future home of loads of cool stuff.
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Carl on August 03, 2001, 09:11:00 am
neato, but my way of making beams allow for far less limitations...but is much harder.
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Kazan on August 03, 2001, 09:40:00 am
thanks... this may help me figure out how to do good beams in truespace

i'm thinking use the FreeSpace 2 beam textures and also making a bump-map out of it.. apply it bump-mapped to a plane

can you tell us how you do your backgrounds?
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Fineus on August 03, 2001, 10:03:00 am
I'm glad it's going to come in useful. My backgrounds are done using a special program....

Setekh As I'm just this minute about to leave for nine days can you tell anyone who asks how I do the various aspects of my renders. I think you know how by now (even if it's not as good as yours). Cheers.  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/smile.gif)

------------------
|   | ICQ:57179504 |
Co-Creator:  Hard Light Productions ("http://www.3dap.com/hlp/")
Webmaster: Sounds of Thunder ("http://www.3dap.com/hlp/sot/")
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Joey_21 on August 03, 2001, 12:04:00 pm
This tutorial gives me some ideas for something in PSP! Thanks Thunder!

Edit: Here we go. My first render. Everything was done in PSP.  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/smile.gif)

jgmart.tripod.com/render1.jpg

------------------
Creator of the Table Edit ("http://denebsystem0.tripod.com/tbledt.html") project.
IRC: /server twisted.ma.us.DAL.net /join #Deneb ("http://denebsystem0.tripod.com/chat.html")
Visit The Deneb System ("http://denebsystem0.tripod.com/").
Balance?! Don't you talk to me about balance when you've seen all the Sathanases the Shivans have!! - Joey_21
Checkout the System Madness II campaign ("http://denebsystem0.tripod.com/chi2orionis.html")

[This message has been edited by Joey_21 (edited 08-03-2001).]
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Stryke 9 on August 03, 2001, 12:15:00 pm
Love the new post count, Thunder. You must have stayed up al night, getting it from 6 to 10010.

Oh, and for Photoshop, you can also use the Paintbrush (soft brushes) and Shift tool similarly, making a big, colored outer glow as a straight line then a smaller white one down the center, and then rotating the line into position. You can get the foreshortening effect with a little skill by rotating the line partially and drawing another one. Sounds morre complicated, but actually vastly better and simpler.
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Pez on August 03, 2001, 01:11:00 pm
Nice tutorial Thunder. I haven't been all to successfull with beams in PS. My first beam in 3d sucked, but I've tried a new tecnique (sp) in 3DS Max.

 (http://home.swipnet.se/~w-81377/fs2/sat_4beams.jpg)
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: DragonClaw on August 03, 2001, 01:41:00 pm
Technique


anyway.. That technique i think is used on the FS2 box... just look at it... dang thats good!

mmm I need to know how to do that LOL

------------------
    -Director of the staff of Hidden Terror. ("http://www.hiddenterror.f2s.com")
   -Fleet Admiral of The Ancients Armada ("http://ancientsarmada.cjb.net/")

         
Quote
The fear always controls our attitude, let us fear no more!
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Stryke 9 on August 03, 2001, 01:45:00 pm
First, you hire a bunch of professionals, and then second, you give them several days...
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Kazan on August 03, 2001, 02:53:00 pm
Joygasm! i did these in truespace - those two beams are the same geometrically and texture wise - just different rotations  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/biggrin.gif)

 (http://alliance.sourceforge.net/Screens/Larges/RavanaBeamTest.jpg)
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Daedalus on August 03, 2001, 06:09:00 pm
Those look very true to FS, Kaz. Nice job.

------------------
Distortion ("http://www.3dactionplanet.com/redfaction/mf/")

The Perfect Storm ("http://www.3dap.com/hlp/hosted/tps/")
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: NeoHunter on August 03, 2001, 06:19:00 pm
Finally, Thunder has done a beams tutorial involving Photoshop. But I find it to be rather vague. Maybe more details are required? Because I'm not an expert user of Photoshop. I just use it occasionally.

I'll try to create a beam in Photoshop based on your tutorial. If I got any questions, I'll post them here for clarification.

Hehehe.......now time try... (http://dynamic.gamespy.com/~freespace/ubb/noncgi/biggrin.gif)


------------------
I want a better title!!!      (http://freespace.volitionwatch.com/excellence/Crazy.gif)      

GTD Excellence  ("http://freespace.volitionwatch.com/excellence") Webmaster
NeoHunter<                              [b][email protected][/b]                                            >
Not to mention a FREDder!  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/smile.gif)

[This message has been edited by NeoHunter (edited 08-03-2001).]
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Kazan on August 03, 2001, 08:23:00 pm
Daedalus i used the FreeSpace 2 textures  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/biggrin.gif)

You should see what my computer just got done drawing - i'll mix the audio before i let it out though
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Joey_21 on August 03, 2001, 10:21:00 pm
My 2nd render using Thunder's method (except the engine glows aren't too good in this one).

jgmart.tripod.com/render2.jpg
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Setekh on August 04, 2001, 12:26:00 am
 
Quote
Originally posted by Thunder:
Setekh As I'm just this minute about to leave for nine days can you tell anyone who asks how I do the various aspects of my renders. I think you know how by now (even if it's not as good as yours). Cheers.    (http://dynamic.gamespy.com/~freespace/ubb/noncgi/smile.gif)

*waves* Nah dude, I just gave you a few guidelines, you did the rest   (http://dynamic.gamespy.com/~freespace/ubb/noncgi/smile.gif)

As for those backgrounds - check out Gliteratto (I'm sure you've heard it a million times before) at  www.flamingpear.com ("http://www.flamingpear.com") . Just don't overuse it, as it rapidly gets old.   (http://dynamic.gamespy.com/~freespace/ubb/noncgi/wink.gif)

Oh, and kudos to BA, good job on the page  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/smile.gif)

[This message has been edited by Setekh (edited 08-03-2001).]
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Kazan on August 04, 2001, 09:53:00 am
I need something that isn't photoshop based - i cant use photoshop
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: NeoHunter on August 04, 2001, 10:14:00 am
Okay. Here's what experimenting with Photoshop 6.0 produced.

  (http://freespace.volitionwatch.com/excellence/DemoBeam.jpg)  

I admit its not good but its a start.  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/smile.gif)

------------------
I want a better title!!!      (http://freespace.volitionwatch.com/excellence/Crazy.gif)      

GTD Excellence  ("http://freespace.volitionwatch.com/excellence") Webmaster
NeoHunter<                              [b][email protected][/b]                                            >
Not to mention a FREDder!  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/smile.gif)

[This message has been edited by NeoHunter (edited 08-04-2001).]
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Kazan on August 04, 2001, 04:41:00 pm
Then there is always this

 (http://alliance.sourceforge.net/Screens/Larges/Beam1.jpg)
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: NeoHunter on August 06, 2001, 12:20:00 am
Hmmm.seeing how the Shivan beams look like, I was wondering if Terran beams should have a bit of the transparency effect. Maybe 60 to 80 percent tranparency.

maybe I'll try that. (http://dynamic.gamespy.com/~freespace/ubb/noncgi/smile.gif)

------------------
I want a better title!!!     (http://freespace.volitionwatch.com/excellence/Crazy.gif)    

GTD Excellence  ("http://freespace.volitionwatch.com/excellence") Webmaster
NeoHunter<                             [b][email protected][/b]                                           >
Not to mention a FREDder! :)
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: NeoHunter on August 06, 2001, 04:24:00 am
Oh yeah, can someone who has done beams in Photoshop tell me if the beams I created for the first time were on target? I followed Thunder's instructions.

Maybe Setekh, you can tell me. (http://dynamic.gamespy.com/~freespace/ubb/noncgi/biggrin.gif)

------------------
I want a better title!!!     (http://freespace.volitionwatch.com/excellence/Crazy.gif)    

GTD Excellence  ("http://freespace.volitionwatch.com/excellence") Webmaster
NeoHunter<                             [b][email protected][/b]                                           >
Not to mention a FREDder! :)
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Setekh on August 06, 2001, 07:20:00 am
 
Quote
Originally posted by NeoHunter:
Maybe Setekh, you can tell me.  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/biggrin.gif)

Seems pretty right, but that particular try had no white beam core. Maybe you could try that.  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/smile.gif)
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: NeoHunter on August 06, 2001, 09:39:00 pm
Okay. Here's one I did and experimented with Outer Glows on the beams.

Please be patient. It may take a while to load.

File Size: 466kb

  (http://freespace.volitionwatch.com/excellence/HecateBeams.jpg)  

------------------
I want a better title!!!      (http://freespace.volitionwatch.com/excellence/Crazy.gif)      

GTD Excellence  ("http://freespace.volitionwatch.com/excellence") Webmaster
NeoHunter<                              [b][email protected][/b]                                            >
Not to mention a FREDder!  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/smile.gif)

[This message has been edited by NeoHunter (edited 08-06-2001).]
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Dr.Zer0 on August 07, 2001, 03:57:00 am
Well here is my attempet at beams, there are no ships or backgrounds but its a good looking BFRed

src="http://www.vidavision.com/entertainment/drzer0/BFRed.jpg">



(If that dosent show up then go here ("http://www.vidavision.com/entertainment/drzer0/bfred.htm")

------------------
Calvin (Calvin & Hobbes):
YAAH! DEATH TO OATMEAL!
------------------
Head Campaign Manager in Knossos Campaign ("http://www.vidavision.com/entertainment/drzer0/index.html")
------------------
This is what happens if you're on SpaceCrack:       (http://dynamic.gamespy.com/~planetannihilation/ubb/smilies/ubercrack.gif)

[This message has been edited by Dr.Zer0 (edited 08-12-2001).]
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Fineus on August 12, 2001, 09:25:00 am
Woah... just looking at the amount of talent here is impressive, you guys all have the stuff to make great renders as we've seen by the stuff you've all posted here. I'm sorry I haven't been around to directly answer questions but I'm back now and I'm thinking about making a few more tutorials although that'll have to wait for now. It just shows that with a little practice everyone is capable of making some pretty damn good renders and I think your all great. Again - well done.
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Taristin on August 12, 2001, 09:44:00 am
Damnit! How did Kazan do that? His are the best looking ones I've seen yet! (True To FS that is)
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Fineus on August 12, 2001, 09:49:00 am
 
Quote
Originally posted by Kazan:
i used the FreeSpace 2 textures   (http://dynamic.gamespy.com/~freespace/ubb/noncgi/biggrin.gif)
(http://dynamic.gamespy.com/~freespace/ubb/noncgi/rolleyes.gif)

It is definitely true to FS, although I'd prefer to use his method I'm no good with 3D programs and thats why I made the FAQ- not everyone has TS or 3DS etc...
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Taristin on August 12, 2001, 09:56:00 am
So... What tool did you use? I searched all of mine, and couldn't find a polygon lasso  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/rolleyes.gif)

Bah... I think I figured it out in TS, I just need to put in beam charges, transparency, and light emmissions.  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/smile.gif)
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Fineus on August 12, 2001, 10:00:00 am
Are you sure you used the right tool? It's right there infront of you if you look properly (you are using Photoshop right?)
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Taristin on August 12, 2001, 10:05:00 am
err... Photoshop... righ...t... I think I'll stay with TS, atleast that way I can get the beams pointing in the right directions... without my usual errors...
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Fineus on August 12, 2001, 10:53:00 am
You didn't know the FAQ was for Photoshop specifically? lmao!  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/lol.gif)

Ah well, yeah - you use TS, maybe you won't muck that up as apparently it's a lot more straightforward.
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: NeoHunter on August 12, 2001, 11:06:00 am
Well, I think Photoshop is okay. Not too sure if its the most widely used image editing and creation program around though.........been using it since I learnt how to do web sites.......

------------------
I want a better title!!!     (http://freespace.volitionwatch.com/excellence/Crazy.gif)    

GTD Excellence  ("http://freespace.volitionwatch.com/excellence") Webmaster
NeoHunter<                             [b][email protected][/b]                                           >
Not to mention a FREDder! :)
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Taristin on August 12, 2001, 11:10:00 am
 
Quote
Originally posted by Thunder:
You didn't know the FAQ was for Photoshop specifically? lmao!   (http://dynamic.gamespy.com/~freespace/ubb/noncgi/lol.gif)

...I wasn't sure... I skimmed through it...Make one for TS!!!
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Fineus on August 12, 2001, 11:14:00 am
Read it more carefully before commenting on it's inacuracies then  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/wink.gif)

As I mentioned before I don't have TS nor would I know how to use it if I did. I'll leave it to Kazan to do that as he seems to have nailed the technique...
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Setekh on August 13, 2001, 05:26:00 am
 
Quote
Originally posted by Thunder:
It is definitely true to FS, although I'd prefer to use his method I'm no good with 3D programs and thats why I made the FAQ- not everyone has TS or 3DS etc...

Funny, that. Because TS (v1, at least) is easier to find than PS, which is at least $1000 where I live, and no demos are available.
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Fineus on August 13, 2001, 05:42:00 am
Well from what I've heard TS1 is dodgy at the best of times, suffice to say I don't want to try to learn it right now - I don't have the time or the dedication.
Title: Thunders Beam Creation Tutorial! (image heavy).
Post by: Nico on August 13, 2001, 06:38:00 am
heh! I did an attempt to beams too, a while ago (beware oldish renders  (http://dynamic.gamespy.com/~freespace/ubb/noncgi/tongue.gif)), just let me find it... ok here it is:
 (http://lancelot.legendjsm.net/mellis/venompics/Helldiving.jpg)
ouch, those laser shots are not pretty...

------------------
venom2506   (http://terra.sourceforge.net/images/xanim05.gif)