The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Drawing Star Wars Lightsaber (Exclusive Tutorial)

Drawing Star Wars Lightsaber (Exclusive Tutorial)

Browse Pages: << < 1  2  3  > >>

In a previous tutorial I described how to draw realistic Jedi light saber. In this tutorial I will tell you how to make custom Star Wars Theme using R2D2's hologram of a Jedi Knight.

1. For starters you need to choose a background relevant to the Star Wars theme. Open the picture in Photoshop.

Background

2. In another window open a silhouette that you would like to add to the background. I chose George from the previous tutorial.

George Final

Extract George silhouette from the image. Read this tutorial if you don't know how to use extract tool.

George Ex

3. Drag the layer with George from layers pallete to the window with background.

4. Call Hue/Saturation, check colorize and make it blue.

George Blue

5. Apply Gaussian Blur wign radius about 0.5-1px.

6. Add Outer Glow using the settings below:

Outer Glow

You will have something like this:

George Outer

7. Set opacity at about 35% and duplicate the layer.
8. Create new layer and add 1px height horizontal lines with intervals of 1px. Read the Scanlines tutorial to learn how to do this in a simple way.
9. Load selection on the layer with the lines. Then select one of the layers with George and press Del. Then .

You will have something like this:

George Scan

10. Set opacity at about 65% and duplicate layer 1-3 times.

11. Now it's time to add R2D2 image to the image. Droid should be placed opposite to the hologram (in left corner of the picture). Open it in Photoshop and repeat extraction procedure described in the second step for R2D2. Then drag the layer with droid from layers pallete to the window with George and background.

12.R2D2 and the background colors are really different, obviously they are taken from different pictures. So you should fit R2D2 color to background color. So match color - select source: YOUR .PSD, layer: Background, and use my settings shown below.

Match

Now you will get something like this:

George-R2D2-FULL

13. Now it would be good to add shadow to R2D2. Drop Shadow in Blending options is not good enough, so we will add it in another way. Duplicate the layer with R2D2. Select lower layer with droid and using Free Transform tool distort it like shown on the picture below.

Droid shadow

Now load selection from this layer, fill it with black and set opacity 30%.

Droid shadow

14. Select Polygonal Lasso Tool and make a selection as shown below in my picture.

Selection

Then while pressing Ctrl+Alt, click on the layer with George.

Selection Final

15. Create a new layer and fill the selection with #808FFF. Set opacity to about 50%. Then deselect and apply Gaussian Blur with radius of about 6-7px.

Ray

That's all - your hologram is ready.

The last thing you can do is to make background more contrast - make it darker.

Select background layer. Then go to Layer>New Adjustment Layer>Brightness/Contrast... Press OK and then use the following settings:

Brightness/Contrast

Here is my final result.

Making a Star Wars Theme Using R2D2's Hologram Tutorial: Final Result


About the Author:

Click to Visit Author's Website

Dustin Kein is an editor at Web Design Library. He's in charge of selecting materials for the PhotoShop and HTML sections of this site. From time to time Dustin contributes some of his tutorials to WDL in order to cover the most actual topics for WDL visitors. Besides this, he's an active forum member whose posts are always helpful, concise and timely.

Author's URL: Reiven
Browse Pages: << < 1  2  3  > >>
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments Anonymous September 02, 2010 says:
Cool, but video is much more impressive. TRY AFTER EFFECTS
Reply
comments kameleon November 11, 2008 says:
This is very cool tutorial. It is one of the best I could have seen.
Reply
comments mikfoz April 20, 2006 says:
I used the tutorial but slightly twiddled settings.

With GMod I managed to create this as a test image.

http://img352.imageshack.us/img352/8807/firstlightsabre3vc.jpg

As you can see, it works just fine.

Reply
comments FallenKnight July 11, 2005 says:
I think i found the problem with it

its the part where its supposed to Fill, its set to fill a certain area, for example its set to fill from cm 45452 to cm 34343 but instead cm1100 is marked, is there anyway to fix this?

Reply
comments FallenKnight July 11, 2005 says:
alright, i can now get awesome results doing it manually, the blur name is wrong tough, its Gaussian blur not radial? anyway i still cannot get the action script to work this is its lineup:

add to selection
Transform Selection
Make layer
Fill
Set selection
Gaussian Blur
Set layer styles of current layer
Layer Via copy
Make layer
Set selection
Fill
Gaussian Blur
Set layer styles of current layer
Layer via copy
layer via copy
layer via copy

the error i get is : cannot complete the action gaussian blur because the selected area is empty.

Reply
comments Reiven July 11, 2005 says:
After step 3 i start recording, when im done i finnish, yet when i create a new file or try on the current one make a selection and run the script it gives me an error saying selection is empty, i tried recording from the begining but well...it opens the same file and does the same thing Sad and if you delete the open part it gives the message again.
i dont understand the first transform part where you're supposed to do something with 20%?

I've changed a few things in the tutorial text. Try it now - everything should be ok.

And another thing, i was using the george.jpg to test on thing is i cant seem to recreate a lightsaber on another picture Sad instead of glowing near the white it makes the whole picture red(the colour i was using.)

You had to download the “GeorgeBase.jpg” file and work with it because “George.jpg” is a scaled down version. All settings used in this tutorial are adopted to bigger photos. If you wish to recreate a lightsaber on another smaller picture then please decrease such parameters as "Radial Blur" and "Outer Glow".

Reply
comments FallenKnight July 09, 2005 says:
Great tutorial! awesome results

im wondering tough, is there anyway i can get your action script?

whatever i do i keep getting an error selection is empty thing.

After step 3 i start recording, when im done i finnish, yet when i create a new file or try on the current one make a selection and run the script it gives me an error saying selection is empty, i tried recording from the begining but well...it opens the same file and does the same thing :( and if you delete the open part it gives the message again.

And another thing, i was using the george.jpg to test on thing is i cant seem to recreate a lightsaber on another picture :( instead of glowing near the white it makes the whole picture red(the colour i was using.)

alas one more thing, i dont understand the first transform part where you're supposed to do something with 20%?

Reply
Add comments to "Drawing Star Wars Lightsaber (Exclusive Tutorial)"

Captcha