| Welcome to PSFX. We hope you enjoy your visit.
You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.
Join our community!
If you're already a member please log in to your account to access all of our features:
|
Tutorial: Photorealistic Lightsabers, The way they should be done!
| Joe |
|

Datameister

Group: Admin
Posts: 369
Member No.: 1
Joined: 19-July 05

|
When the original Star Wars was made in 1977, special effects artists had only one way to create the scintillating glow of the lightsaber: painting the blade in by hand. Almost thirty years later, programs like Photoshop allow us to generate lightsabers more quickly and easily. There are many methods described on the Internet, but not all laser swords are created equal. Many of these methods take the easy way out, hoping that casual viewers won’t be disturbed by their lack of “lightsaber-ness.” But rest assured that achieving a photorealistic lightsaber effect is a worthwhile and sensible goal. Through the method described here, that goal can now be reached. [skip to next post if you want to get past theory and learn how to do it] Anatomy of the Lightsaber EffectIn order to re-create the classic lightsaber effect, one must understand the classic lightsaber effect. (This tutorial attempts to re-create Luke’s lightsaber from A New Hope, as seen in Obi-Wan’s house.) The classic lightsaber blade has four basic parts: core, edge glow, colored glow, and base glow.  At the heart of every lightsaber is a pure white core. This core defines the shape of the blade and has a more or less hard edge. But when seen alone, the core simply appears to be a white stick. The colored glow that surrounds it gives the blade its shimmering aura. The innermost part of this glow, which I call the edge glow, is very bright and vary narrow. It runs around the outside of the core and is just slightly darker than the core. The edge glow usually flickers, making the blade appear to change shape slightly. Around this is a vividly colored region I simply call the colored glow. This is where most of the blade’s color is, and it is simply a translucent patch of color that fades outward. (The colored glow often pulsates, too, especially when the blade isn’t moving much.) The largest and dimmest area is the base glow, which has little color and is nearly unnoticeable in still pictures. Together, these four elements create the appearance of a weapon capable of cutting through just about anything. Unfortunately, many techniques eliminate the edge glow and base glow, leaving a rather uninteresting and unrealistic lightsaber. The result appears to be more of a glowing stick than a blade of dynamic and volatile energy. It is important, therefore, to use a method that incorporates all four critical areas of the lightsaber effect. (A lighsaber’s appearance can be drastically improved by making the tip pointed. Most lightsabers, including many in the original movies, have blunt or rounded tips. Thus far, only Revenge of the Sith has pulled off truly blade-like tips. If you find a realistic way to do this in your videos, more power to you. However, this can be very difficult to pull off in close-up shots.) The next post describes how to actually pull off this effect.
--------------------
 "You made the heavens, even the highest heavens, and all their starry host..." --Nehemiah 9:6 Visit my deviantArt gallery!
|
|
|
| Joe |
|

Datameister

Group: Admin
Posts: 369
Member No.: 1
Joined: 19-July 05

|
Creating the Lightsaber EffectPhotoshop offers a number of tools that can make impressive lightsabers. The important thing is to not take the easy way out. Countless web tutorials suggest creating a white core on a separate layer and then applying a simple Outer Glow effect. Sadly, this simple method produces the colored glow only—the edge glow and base glow are neglected, and the resulting lightsaber looks fake. In shots where the lightsaber is mostly still, the lack of realism becomes even more apparent: the glow doesn’t pulsate at all. This is not the way to go. My own method is not impossibly complex, and the results are breathtaking, if I do say so myself. Here are steps to making a blue lightsaber like the one Luke inherited from his father, for use in medium-distance shots. This technique works best for blue lightsabers, with green lightsabers close behind and red lightsabers looking merely good. Don’t be intimidated by the apparent length of the tutorial; this actually is a pretty quick process. (This tutorial assumes you are moderately proficient with the program.) Note: It is possible to apply these lightsaber effects to still pictures OR moving footage. If you'd like to do it for a video clip, the process is called rotoscoping and there's a great tutorial here. Follow it exactly until he comes to the part where he actually creates the glow. At that point, you can use my effect or whatever you want. Also, make sure you own Final Cut Pro and a fairly fast computer. Blue Lightsaber, Medium Distance1. Create a new layer (“Core”) and fill it with black. Set the blending mode to Screen. 2. Locate the lightsaber blade in the frame. Make a selection of this shape. (I suggest using the Polygonal Lasso Tool.) Fill this area on the “Core” layer with white or an extremely light shade of blue. 3. Apply a Gaussian Blur of 0.7 pixels. 4. Make a copy of “Core,” place it just below “Core,” and rename it “Glow Base.” Apply a Gaussian Blur of 7.8 pixels. (This layer will serve both as the base glow and the colored glow.) 5. Open Hue and Saturation, check the Colorize box, and set the numbers to 210, 40, and 0. (In some shots, the Hue may need to be a little bit higher.) 6. Open the Levels dialog box and set the input slider on the far right to 210. 7. Apply a Gaussian Blur of 17.9 pixels and Fade Gaussian Blur with Screen mode, at 100% opacity. (This Gaussian Blur makes the colored glow much larger and dimmer; fading it to Screen restores the original brightness, but the base glow now appears around it. This step is critical.) 8. Make another copy of “Core” and place it between “Core” and “Glow Base.” Rename it “Edge Glow.” Set its blending mode to Color Dodge. Apply a Gaussian Blur of 4 pixels. 9. Open Levels and set the output slider on the far right to 140. 10. Open Hue and Saturation, check the Colorize box, and set the numbers to 221, 72, and 0. 11. Usually, it’s a good idea to increase the Saturation of the “Glow Base” layer to +30 (not set to Colorize). 12. Now the glow itself is finished, but it will look exactly the same in every frame. To give the blade a realistic flicker, start by creating a new layer above “Glow Base” and group it with “Glow Base.” Name the new layer “Base Flicker” and set it to the blending mode Multiply. 13. Apply the Clouds filter to “Base Flicker.” Make a copy of the layer, rename it “Edge Flicker,” and group it with “Edge Glow.” 14. Open Levels for “Base Flicker” and set the input sliders to 105, 1.00, and 133. Set the left output slider to 211. 15. Open Levels for “Edge Flicker” and set the outer input sliders close to the middle of the histogram. Set the left output slider to 150. These steps should be sufficient for most medium-distance shots. Keep in mind while shooting that light-colored backgrounds make any lightsaber look terrible. My third and final post will describe how to modify this effect for other colors and distances. EDIT: Here's an spinoff of the flicker technique. Create only one flicker layer, group it to the base glow layer, and set its blending mode to Overlay. Apply Clouds to it, and apply Difference Clouds if desired...maybe even several times. Now apply the Median filter (under Filter>Noise) to that layer. Use Levels to adjust the settings as desired. The nice thing about this method is that it brightens some areas and darkens others, rather than just darkening some areas. The Median filter does a nice job of smoothening out the Clouds filter, leading to an effect much closer to the original.
--------------------
 "You made the heavens, even the highest heavens, and all their starry host..." --Nehemiah 9:6 Visit my deviantArt gallery!
|
|
|
| Joe |
|

Datameister

Group: Admin
Posts: 369
Member No.: 1
Joined: 19-July 05

|
Green and red (and purple) lightsabers can be made with the same technique, but there are a few differences. Green Lightsaber, Medium Distance• In Step 5, set Hue and Saturation to 110, 47, and 0. • In Step 9, set the right output slider to 96. • In Step 10, set Hue and Saturation to 203, 93, and 0. • Omit Step 11. Red Lightsaber, Medium Distance• In Step 5, set Hue and Saturation to 355, 52, and 0. • In Step 8, Gaussian Blur by 10.5 pixels, not 4 pixels. • In Step 9, set the right output slider to 113. • In Step 10, set Hue and Saturation to 23, 57, and -52. • Between Steps 10 and 11, open Levels for “Glow Base” and set the middle input slider to 1.19. • Apply a Gaussian Blur of 0.5 pixels to “Core.” Keep in mind that all settings can and should be adjusted depending on the shot and your preferences. Colors, blur radii, Levels values--all of these can change from shot to shot in order to maintain a consistent and eye-pleasing effect. For close-up shots with lightsabers, there are a number of considerations: • All parts of the glow should be wider, and sometimes brighter. Nearly any time you apply Gaussian Blur, use a higher value. • You may want to slightly reduce the Saturation values to make the colors less cartoonish. • It’s often a good idea to repeat Step 7 once or twice, using different values for Gaussian Blur and/or various opacities for Fade. EDIT: Well, I've fallen for the Color Balance method now. Instead of using Hue and Saturation, I recommend using Image>Adjustment>Color Balance. This is a more flexible tool because it allows you to make color adjustments for highlights, midtones, and shadows independently. I won't give you any exact numbers, because they'll vary from shot to shot. But keep these tips in mind: Blue lightsabers: Generally, these should fade from a bright cyan to a deep, slightly violet-ish blue. Green lightsabers: A little cyan in the highlights is nice, but don't overdo it. A little more yellow in the midtones and shadows will go a long way. Red lightsabers: These are tricky. You'll need A LOT of red in the highlights and midtones, and bits of the other colors in all three categories. MattingIt's inevitable that in a video, the lightsabers will pass behind the fighter's bodies. In other words, part of the lightsaber will be missing. When this happens, we're forced to erase part of the blade. There are several complications arising from this. The biggest one is the decision of what to do with the glow. Many people apply the glow effects after the matting, which lets the glow bleed through over the foreground object. Others say this is unrealistic and try to erase the glow that bleeds over the object. Ideally, you should find a balance here. Create the blades as usual, as if there were no one standing in front of them Before creating the glow, paint black over the parts of the blades that are covered. Now apply the glow effects and, if you have time, partially erase the unwanted glow. Good luck with your own lightsabers. I apologize for the length of this tutorial, but a well-done lightsaber effect is more complex than most people think. If you have a better technique for making lightsabers, please post it! (Also, check out this thread on photoshopforums.com to see examples of this effect in action.)
--------------------
 "You made the heavens, even the highest heavens, and all their starry host..." --Nehemiah 9:6 Visit my deviantArt gallery!
|
|
|
| Joe |
|

Datameister

Group: Admin
Posts: 369
Member No.: 1
Joined: 19-July 05

|
Thanks! I don't know how "realistic" it is, since I've never seen a real lightsaber, but I'm guessing they'd look a lot like this. In any case, this technique is good for creating a realistic light source, and pretty close to the original effect. Man, my early attempts were terrible...
--------------------
 "You made the heavens, even the highest heavens, and all their starry host..." --Nehemiah 9:6 Visit my deviantArt gallery!
|
|
|
| Joe |
|

Datameister

Group: Admin
Posts: 369
Member No.: 1
Joined: 19-July 05

|
No, this is easily applied to videos as well. I've done it before. I can't really describe how to do it, but it requires Adobe After Effects. Do a Google search for "lightsaber rotoscoping tutorial" and you should find tutorials that describe the creation of filmstrip (.flm) files. Use their tutorials, but substitute the actual lightsabers for my technique. Good luck! It takes a loooooong time to rotoscope, since you have to trace every frame...  Gaussian Blur is under the Filters>Blur submenu.
--------------------
 "You made the heavens, even the highest heavens, and all their starry host..." --Nehemiah 9:6 Visit my deviantArt gallery!
|
|
|
| Joe |
|

Datameister

Group: Admin
Posts: 369
Member No.: 1
Joined: 19-July 05

|
That's the great thing about home computers!
--------------------
 "You made the heavens, even the highest heavens, and all their starry host..." --Nehemiah 9:6 Visit my deviantArt gallery!
|
|
|
| Joe |
|

Datameister

Group: Admin
Posts: 369
Member No.: 1
Joined: 19-July 05

|
Very nice! I agree that the core is a bit thick, but the effect is pretty good. If you look at some shots in ESB, the lightsabers are so thin...they're almost too thin. Especially Luke's. I guess it's better to have them too thin than too thick.
One thing to take into consideration: the more pixel width the blade has, the higher values you'll have to use for Gaussian Blur. It looks to me like your glow is a little dim as a result of the Blur values being too low.
--------------------
 "You made the heavens, even the highest heavens, and all their starry host..." --Nehemiah 9:6 Visit my deviantArt gallery!
|
|
|
| Joe |
|

Datameister

Group: Admin
Posts: 369
Member No.: 1
Joined: 19-July 05

|
If you're just seeing a white screen when you press Clouds, your background and foreground colors are both set to white. On your keyboard, press D and then X. At the bottom of the toolbox, there should be two large colored boxes, one overlapping the other. One should now be black; the other should still be white. Try applying Clouds again, and it should work.
--------------------
 "You made the heavens, even the highest heavens, and all their starry host..." --Nehemiah 9:6 Visit my deviantArt gallery!
|
|
|
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
Track this topic
Receive email notification when a reply has been made to this topic and you are not active on the board.
Subscribe to this forum
Receive email notification when a new topic is posted in this forum and you are not active on the board.
Download / Print this Topic
Download this topic in different formats or view a printer friendly version.
|