Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

How to Create Your Own Jedi Avatar in Photoshop

by
Read Time:14 minsLanguages:
Final product imageFinal product imageFinal product image
What You'll Be Creating

In this Star Wars Photoshop tutorial, you'll learn how to create your own Star Wars character in Photoshop. I'll explain everything in so much detail that everyone can create the effect, even those who have just opened Photoshop for the first time.

Want to make your own Jedi character in seconds? Check out the Starfighter Jedi Photoshop Action over on my Envato Elements portfolio, where you can choose from various Photoshop actions.

starfighter jedi photoshop actionstarfighter jedi photoshop actionstarfighter jedi photoshop action

Looking for a video tutorial to follow along? Just visit the Envato Tuts+ YouTube channel. There you'll find the best free tutorials, like this new video to learn how to create your own Jedi avatar:

What You Will Learn in This "Make Me a Jedi" Photoshop Tutorial

  • How to select the subject in Photoshop
  • How to make a Star Wars background in Photoshop
  • How to create your own Jedi avatar
  • How to create the lightsaber from Star Wars in Photoshop
  • Jedi creator Photoshop actions

What You'll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating a Jedi Photoshop Effect

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2500–4500 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
checking image mode and sizechecking image mode and sizechecking image mode and size

2. How to Select the Subject in Photoshop

Step 1

In this section, we are going to make a selection of our subject and then copy the subject to a separate layer. Go to Select > Subject to make an automatic selection of the subject, choose the Quick Selection Tool (W), and use the Shift-Alt buttons on your keyboard to add or subtract areas from the selection to make a perfect selection.

making selectionmaking selectionmaking selection

Step 2

Now go to Select > Modify > Smooth and set the Sample Radius to 2 px, Select > Modify > Contract and set Contract By to 1 px, and Select > Modify > Feather and set the Feather Radius to 1 px. Then, press Control-J on your keyboard to create a new layer using the selection, and name this new layer Subject.

creating new layer using selectioncreating new layer using selectioncreating new layer using selection

3. How to Create a Star Wars Background in Photoshop

Step 1

In this section, we are going to create a Star Wars Photoshop background. Select the Background layer, go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background Color, and choose the color #000013.

creating new solid color fill layercreating new solid color fill layercreating new solid color fill layer

Step 2

Now Right-click on this layer, choose Blending Options, select and check the Gradient Overlay effect, use the settings below, and using the Move Tool (V), click and drag anywhere inside the canvas to position the gradient as you like.

adding gradient overlay effectadding gradient overlay effectadding gradient overlay effect
The left color stop has color #ffffff, and the right color stop has color #000000.

Step 3

Go to File > Place Embedded, select the "8.jpg" image from the Stars Abstract Backgrounds pack, and click Place. Then, transform and position the texture to fit the canvas, change the Blending Mode of this layer to Soft Light, and name it BT_1. Double-click on this layer, and in the newly opened file, press Control-Shift-U to desaturate this layer and Control-S to save the changes. After that, close this file and go back to the original file.

placing backgroundplacing backgroundplacing background

Step 4

Select the Background Color layer, and press Control-Shift-N on your keyboard to create a new layer. Then, press D to reset the swatches, and go to Filter > Render > Clouds. Press Control-T to transform this layer, and set the Width and Height to 150%. After that, change the Blending Mode of this layer to Soft Light, set the Opacity to 30%, and name it BT_2.

creating new texture layercreating new texture layercreating new texture layer

4. How to Make Your Own Jedi Character Cloak

Step 1

In this section, we are going to create the Jedi cloak. Select the Subject layer, go to File > Place Embedded, select the Cloak file from the link, and click Place. Then, transform and position the cloak to fit the subject.

placing cloakplacing cloakplacing cloak

Step 2

Now go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, set the foreground color to #000000, choose the Brush Tool (B), pick a soft brush, and brush inside the cloak to reveal the subject's face. Feel free to use different brush Size and Opacity settings.

adding layer maskadding layer maskadding layer mask

Step 3

Right-click on this layer and choose Blending Options. Then, select and check the Drop Shadow effect, and use the settings below:

adding drop shadow effectadding drop shadow effectadding drop shadow effect
The color of the shadow is set to #000000.

Step 4

Go to File > Place Embedded, select the first texture from the link, and click Place. Then, transform and position the texture to cover the cloak. Change the Blending Mode of this layer to Overlay, set the Opacity to 80%, and name it CT_1.

Press Control-Alt-G on your keyboard to create a clipping mask, and desaturate this layer using the same method that we used previously.

placing textureplacing textureplacing texture

Step 5

Select the Cloak layer, go to File > Place Embedded again, select the second texture from the link, and click Place. Then, transform and position the texture to cover the cloak. Change the Blending Mode of this layer to Overlay, set the Opacity to 10%, and name it CT_2. After that, press Control-Alt-G on your keyboard to create a clipping mask, and desaturate this layer as well.

placing textureplacing textureplacing texture

Step 6

Now select the CT_1 layer, go to Layer > New Adjustment Layer > Levels, to create a new levels adjustment layer, and name it Cloak_Brightness. Then, press Control-Alt-G on your keyboard to create a clipping mask, Double-click on this layer thumbnail and, in the Properties panel, set the Midtone Input Level to 0.70 and the Highlight Output Level to 110.

creating new levels adjustment layercreating new levels adjustment layercreating new levels adjustment layer

Step 7

Select the Cloak layer and Shift-click on the Cloak_Brightness layer to select all the layers in between. Then, press Control-G on your keyboard to add these layers to a folder, and name this folder Jedi Cloak. Go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Set foreground color to #000000, choose the Brush Tool (B), pick a soft brush, and brush around the edges of the cloak to soften them up.

adding layer maskadding layer maskadding layer mask

Step 8

Now select the Subject layer, and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Set the foreground color to #000000, choose the Brush Tool (B), pick a soft brush, and brush over the parts of the subject that are sticking out of the cloak.

adding layer maskadding layer maskadding layer mask

5. How to Create Your Own Jedi Avatar Lightsaber

Step 1

In this section, we are going to create the Jedi lightsaber. Select the Jedi Cloak folder, go to File > Place Embedded, select the Lightsaber file from the link, and click Place. Then, transform and position the lightsaber as you like.

placing lightsaberplacing lightsaberplacing lightsaber

Step 2

Right-click on this layer and choose Blending Options. Then, select and check the Outer Glow and Inner Glow effects, and use the settings below.

adding outer glow and inner glow effectsadding outer glow and inner glow effectsadding outer glow and inner glow effects
The color of the outer glow is set to #4070ff, and the color of the inner glow is set to #ffffff.

6. How to Adjust the Lighting

Step 1

In this section, we are going to adjust the lighting. Select the Subject layer, and Control-click on the Jedi Cloak layer to select both layers. Then, press Control-J on your keyboard to duplicate these two layers, and Control-E to merge them into one layer.

Drag this new layer just below the Subject layer, go to Filter > Blur > Gaussian Blur, and set the Radius to 250 px. Change the Blending Mode of this layer to Linear Dodge (Add), and name it Subject_Glow. Feel free to transform this layer to expand the glow.

creating new glow layercreating new glow layercreating new glow layer

Step 2

Now select the Lightsaber layer, go to Layer > New Fill Layer > Gradient Fill to create a new gradient fill layer, name it Light Source, and use the settings below. Then, change the Blending Mode of this layer to Overlay, and set the Opacity to 50%.

creating new gradient fill layercreating new gradient fill layercreating new gradient fill layer
The left opacity stop has an Opacity of 100%, and the right opacity stop has an Opacity of 0%. The color stops are #ffffff.

Step 3

Select the Lightsaber layer again, go to Layer > New Fill Layer > Gradient Fill to create a new gradient fill layer, name it Darkening, and use the settings below. Then, change the Blending Mode of this layer to Overlay, and set the Opacity to 50%.

creating new gradient fill layercreating new gradient fill layercreating new gradient fill layer
The left opacity stop has an Opacity of 100%, and the right opacity stop has an Opacity of 0%. The color stops are #000000.

Step 4

Now select the Subject layer, go to Layer > New Adjustment Layer > Levels, to create a new levels adjustment layer, and name it Subject_Brightness. Then, press Control-Alt-G on your keyboard to create a clipping mask, Double-click on this layer thumbnail and, in the Properties panel, set the Highlight Output Level to 0.

Select the layer mask of this layer, press Control-I to invert it, set the foreground color to #ffffff, choose the Brush Tool (B), pick a soft brush, and brush over the subject area that you want to darken.

creating new levels adjustment layercreating new levels adjustment layercreating new levels adjustment layer

Step 5

Select the layer mask of the Cloak_Brightness layer, and set the foreground color to #000000. Then, choose the Brush Tool (B), pick a soft brush, and brush where you want to highlight the cloak. Feel free to use a different brush Size and Opacity.

brushing into layer maskbrushing into layer maskbrushing into layer mask

Step 6

Now select the Subject_Brightness layer, press Control-Shift-N on your keyboard to create a new layer, and name it Pupils. Then, set the foreground color to #000000, choose the Brush Tool (B), pick a soft brush, and brush over the circular reflections on the pupils to remove them.

creating new pupils layercreating new pupils layercreating new pupils layer

Step 7

Select the Lightsaber layer, press Control-J on your keyboard to duplicate it, drag this new layer just above the Pupils layer, and hide its effects. Then, transform and position this layer over the left eye pupil, and go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer. Set the foreground color to #ffffff, choose the Brush Tool (B), pick a soft brush and brush over the left eye pupil area. Name this layer PR_1, and repeat the same for the right eye pupil.

creating pupil reflection layerscreating pupil reflection layerscreating pupil reflection layers

7. How to Adjust the Colors

Step 1

In the section, we are going to adjust the colors. Select the Jedi Cloak layer, go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Overall Color, and choose the color #4070ff. Then, change the Blending Mode of this layer to Overlay, and set the Opacity to 50%.

creating new solid color fill layercreating new solid color fill layercreating new solid color fill layer

Step 2

Now press Control-J on your keyboard to duplicate this layer. Drag this new layer just above the Subject_Brightness layer, press Control-Alt-G on your keyboard to create a clipping mask, change the Opacity of this layer to 30%, and name it Subject_Color. Then, repeat the same process to add color to the Jedi Cloak layer. Feel free to use the layer mask to focus the coloring on a specific area. Name this layer Cloak_Color.

creating new color layerscreating new color layerscreating new color layers

8. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments to the Jedi Photoshop effect. Select the Light Source layer, press D on your keyboard to reset the swatches, and go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer, and name it Overall Contrast. Then, change the Blending Mode of this layer to Soft Light and set the Opacity to 25%.

creating new gradient map adjustment layercreating new gradient map adjustment layercreating new gradient map adjustment layer

Step 2

Go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance/Saturation. Double-click on this layer thumbnail and, in the Properties panel, set the Vibrance to +32 and Saturation to +17.

creating new vibrance and saturation adjustment layercreating new vibrance and saturation adjustment layercreating new vibrance and saturation adjustment layer

Step 3

Go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer, and name it Color Look. Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

creating new curves adjustment layercreating new curves adjustment layercreating new curves adjustment layer

Step 4

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness. Double-click on this layer thumbnail and, in the Properties panel, set the Highlight Input Level to 230.

creating new levels adjustment layercreating new levels adjustment layercreating new levels adjustment layer

Step 5

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px. Change the Blending Mode of this layer to Vivid Light and name it Overall Sharpening.

creating new sharpening layercreating new sharpening layercreating new sharpening layer

You Made It! You're an Expert Jedi Maker!

Congratulations, you've succeeded! You've now learned how to create your own Star Wars character in Photoshop. Would you like to have the same color lightsaber as Luke Skywalker, Yoda, or some other Star Wars character? Simply change the colors! Here is our final Jedi maker tutorial result:

final resultfinal resultfinal result

5 Jedi Creator Photoshop Actions From Envato Elements

Want to see some cool Photoshop actions? Check out this list of Photoshop actions from Envato Elements. The Make Me a Jedi Photoshop Action will make your own Jedi character in seconds! Other actions below can be used as a base for the Jedi Photoshop effect or to create a different Star Wars Photoshop effect. 

Starfighter Jedi Photoshop Action (ATN, PAT, PSD)

starfighter jedi photoshop actionstarfighter jedi photoshop actionstarfighter jedi photoshop action

With the Jedi Maker Photoshop action, you can transform yourself into a Jedi with no work at all. You can change the Jedi robe and lightsaber colors to any color that you like, and there are also nine color looks included to add color to the whole effect!

Clown Photoshop Action (ABR, ATN, PAT, PSD)

clown photoshop actionclown photoshop actionclown photoshop action

Create scary Halloween photo effects inspired by the Joker and It movies with this clown Photoshop action. You can change the color of the hair, eyes, nose, and more, and the action will also create 40 color looks to choose from!

Halloween Photoshop Action (ATN, PNG)

halloween photoshop actionhalloween photoshop actionhalloween photoshop action

Using this action, you can create a horror Halloween effect with just a few clicks. You open your photo, brush over your subject, and just play the action. Creating such an effect has never been this easy and fun!

Snow Walker Animated Photoshop Action (ATN, PAT, ABR, PNG)

snow walker animated photoshop actionsnow walker animated photoshop actionsnow walker animated photoshop action

Transform yourself into a snow walker inspired by the Game of Thrones White Walker character quickly and easily. The effect is fully layered and customizable, and you can also animate it with a single click!

Evil Photoshop Action (ABR, ATN, PAT)

evil photoshop actionevil photoshop actionevil photoshop action

Want to create a scary and creepy look? Check out the Evil Photoshop action, which is very simple to use and will also create 20 color options to further build the effect!

Did you like this Jedi Photoshop tutorial? Then you may also like:

Advertisement
Advertisement
One subscription.
Unlimited Downloads.
Get unlimited downloads