The Lightsaber
03-01-2006 | Last editted on 25-11-2008 121116 views
The lightsaber is perhaps the most recognisable weapons in movies ever. SHow people the sword of light and they immediatly know that you're talking about the lazerswords of Star Wars. Ever wanted to know how to make them without being a Jedi? here's how!
12 comments | Posted in Designs, Photomanipulations
Introduction
Today, still the most famous science-fiction weapon of choice is the infamous lightsaber. The swords of light that Jedi's and Sith use to battle in the movies of Star Wars.
Ever since the birth of graphic-design programs, people have been editting lightsabers in their own photo's and videos to look more like their favorite heroes. Yeah I tried it as well.
With this tutorial you can as well. It may take a Jedi to fabricate a real lightsaber, but it takes a novice to build one in Photoshop!
The Hilt
There are 2 ways to do this tutorial: start from scratch or add a lightsaber to an existing photo. If you're choosing the last method, skip these next 2 steps.
If you're starting from the beginning, you're going to need a saber-hilt. You can use yours from HD-StarWars images or just from MasterReplicas. Make sure you use a desired tool like the Pen-Tool to extract the image from its background, if needed.


To create the glowing sword, grab the Rounded Rectangle-Tool and set the feather-radius to something really high. We're going to make a thin sword, with round corners. If the feather-radius of the Rounded Rectangle is higher than the actual corners, it will turn the corners into a complete round shape, the same as a lightsaber or a tube.
So depending on the size of your sword (in Photoshop), use a radius that is larger than your actual corners. I set mine for 100.
Then just simply click and drag and make a perfect long shape. Fill this shape with White on a new layer.
Drag the layer to the hilt and use an Eraser or the Pen-Tool to remove the whiteness overlapping the hilt.

Now press CTRL+J 2 times to duplicate the layer 2 times. Hide the original, because you might need it later. Now, for the first duplicate, go to Filter>Blur>Gaussian Blur and set it to 2-4.. make sure it's very mild.
For the second layer, make it a little larger. Like 5-20. Not too large though!



Note that I chose for the color blue. To change this into Green, Purple, Red or Yellow, simply just edit both blue glows on both blurred layers. You can also variate making one Red and the other Blue giving you a unique Purple!

I changed all the swords to lightsabers using the method we just did. It's just a matter of rotating and placement and you're done. Also try to play with a soft brush on a new layer in the color of the lightsaber. Brush around the area's where the saber-light casts on the body and gently brush on those area's.
When you're done, lower the opacity and set the blending-mode to OVERLAY.

As you can see below, you can deviate with the colors all you want. I kept the hilt the same for this tutorial, but if you can find better hilts or more hilts, don't even hesitate and try it out!
Just keep in mind that if you wish to make the sabers the same color as the movies, you take a good look at the image below or at the movie itself.
I'm really interested in the cool outcomes where you placed a lightsaber in your hand! Post the URL in the comments if you got a nice one!
May the Force be with you!
Blake2oo8
January 18th, 2009
Nice tutorial MickM, Keep them up, and coming.... Haha lol.
Blake2oo8
January 18th, 2009
Nice Tutorial Mick! Keep up the good work!
elcodigodebarras
December 3th, 2008
Nice tutorial mickm.
I´m a macromedia fireworks new user, I got it without photoshop thanks.
PhotoWiz
December 3th, 2008
The gradient backround is very simple. Select the gradient tool from the tool bar ( it may appear as the paint bucket, click and hold the paint bucket icon to reveal the underlying tools )
Be sure to select the type of gradient you want ( in this case the radial gradient ) these options are in the upper option menu.
Next set your foreground color to the desired shade ( blue as in the example above ) and set the background color to black.
Click on your image where you want the center of the gradient to begin and drag outwards.
The effects are pretty straightforward and with a little practice you too can master the gradient tool.
reply-sfsdf
December 3th, 2008
sfsdf,
try reading the instructions a little more carefully. Follow the link to the site for the hilt, and select it using the pen tool.
And if you don't know how to create a gradient background... try google. I hear it works.
Geek Mode
December 3th, 2008
F&%^ Who cares
Dude
December 3th, 2008
Really? you want to know how to make a gradient? maybe you shouldnt be using photoshop if you cant understand such a basic concept.
sfsdf
December 2th, 2008
how do you get the base. and you have not exlained how to get the gradient background
Billy Bob Joe
November 27th, 2008
yo momma is so cool
she actually liked this one!
awesome saber
BiDuU
November 25th, 2008
cool! thx! :D
Ricardo
November 25th, 2008
Damn that 300-scene looks tight ese!
Rafi
July 27th, 2009
wow.fantastic. I like this tutorial so much.Thx guys so much 4 the efort.Gbu