Tutzor.com - Best Photoshop Tutorials

Star Wars text effect

image

In this tutorial we will be working on a Star Wars text effect.

Step 1

Start with a new black document. Mine is 1024×768.

image

Step 2

Before you can do anything you will need the Star Wars Font. I found it on http://www.dafont.com/.

Now write you text. What I have in mind is to make a nice grunge text to use for a Clone Wars Poster.

image

Step 3

Double click on the layer to enter the Blending Options menu. Here use my settings:

image

Step 4

Next you need to duplicate the layer by clicking Ctrl + J. In the Blending Options Menu use these settings:

image

Step 5

Set the Fill of the layer to 0%.

image

Step 6

Next I will add some more text and place it on the bottom of the Clone Wars text. Also I will use some different settings:

image

Step 7

In the next step I will use the Rectangle Tool to make some simple shapes.

image

Step 8

Now for all these 3 shapes add my settings for the Blending Options.

image

Step 9

Make a new layer over all the layers and name it Gold.

Ctrl + Click on all the layer thumbnails to make a selection.

image



Step 10

Next go to Select – Modify – Expand and use 3 pixels.

image

Step 11

Make sure you have the Gold layer selected.

Set the foreground color to #fcff00 and fill the Gold layer with this color.

image

Step 12

Set the layer to Soft Light and Opacity to 35%.

image

Step 13

Make a new layer and name it texture.

Fill the layer with #7e4f2f. Next go to Filter – Noise – Add noise and use my settings.

image

Step 14

Next go to Filter – Blur – Motion Blur and again use my settings:

image

Step 15

Next you need to add one more effect to this texture. Go to Filter – Sharpen – Unsharp Mask and again use my settings:

image

Step 16

Ctrl + Click on the Gold layer thumbnail to make a selection. Now that the text is selected make sure you have the texture layer selected and Add a layer Mask. Last set the layer to Overlay.

image

Step 17

Next I will bring in a texture that I found on this link: http://www.sxc.hu/browse.phtml?f=view&id=599574

I have imported the texture to the document and resized it so it will fit into my image size. Next you need to go to Image – Adjustments – Desaturate to make the image Black and White.

image

Step 18

Again as we did with the first texture we need to make a selection of the text and Add a Mask to the layer. So please do that right now. Basically you will repeat Step 16 but this time for a different layer.

image

Step 19

The last thing we will do for this second texture is to set it to 63% Opacity and Overlay.

image

Final

You are finished. If you want you can add some more lights or shadows to the text.

Thank you for reading.

Bookmarks These icons link to social bookmarking sites where readers can share and discover new web pages.
  • del.icio.us
  • StumbleUpon
  • Technorati
  • Simpy
  • Digg
  • TwitThis
  • Google

Comments

  1. Gran Tutoriales de Photoshop – Efecto de texto « Icreavisual Posted on May 27th, 2010 at 12:34 pm

    [...] Star Wars text effect [...]

  2. 50+ Photoshop tutorials for logo Design  - Wsblogz.com – Web design magazine Posted on May 25th, 2010 at 11:26 pm

    [...] Star Wars text effect [...]

  3. Jon Posted on May 25th, 2010 at 1:44 am

    Awesome! I like how the final product looks. It’s really polished and looked professional. I’ve been trying to design a logo somewhat like this (in essence, of course) for myself and it was a disaster! I didn’t manage to get it looking right. It was a little bit… off somehow. Finally, I decided to use the professional services of an online logo design site instead (http://www.logodesignstation.com) and got the logo I wanted at an affordable price and fast too, within 24 hours. I did provide this link for reference and inspiration to my designer as I liked how yours look. I’m not going to design a logo without any professional help anytime soon though it’s fun. And liberating. Haha. Cool tutorial, by the way. May the force be with you! :)

  4. Jon Posted on May 20th, 2010 at 2:37 am

    Wow… Awesome tutorial. I really like how the final design looks. It serves as an inspiration for my logo. I tried using this concept on my logo but it somehow looked a little bitoff. I can’t get it to look as good as yours. Gave up after trying for days.Finally decided to use the professional services of an online logo design site instead after googling for one (http://www.logodesignplanet.com) and finally got the logo I wanted at an affordable price and fast too. I did show the designer the link to your site to explain how I wanted the logo to like.Lesson learned. I’m not going to design a logo without any professional help though it’s somewhat fun. Anyway, thanks for the cool tutorial…

  5. 35 Logo Designing Photoshop Tutorials | Tutorials | PelFusion.com Posted on May 11th, 2010 at 4:24 pm

    [...] 27. Star Wars text effect [...]

  6. 45+ Photoshop Text Effect Tutorials | WEBAXES.COM Posted on May 11th, 2010 at 3:27 pm

    [...] StarWars text effect A step-by-step guide to creating a Star Wars text effect. [...]

  7. ivy4 Posted on May 11th, 2010 at 4:09 am

    Quality tutorial fella. The link is broken for the texture but a quick google search for any grunge texture will suffice. thanks for taking the time to post.

  8. Descargar 100 efectos de texto para tu photoshop! gratis - descarga directa desde megaupload o rapidshare Posted on April 26th, 2010 at 1:37 am

    [...] tutorial en photoshop para crear texto con aspecto cool y quizás algo sobrecargado. 53. Star Wars text effect: tutorial en photoshop para crear el clásico tipo de letra de la película Star Wars. 54. Wanted [...]

  9. admin Posted on April 20th, 2010 at 10:37 pm

    Its uploaded now. Enjoy. :)

  10. Javier Posted on April 20th, 2010 at 8:41 pm

    could you upload the final psd please? it would make it so much easier for us. thank you

  11. Gen Posted on April 11th, 2010 at 3:34 pm

    http://www.sxc.hu/browse.phtml?f=view&id=599574
    Error! No such photo!
    Oh dear, can this be uploaded again please?

  12. 50+ Great Photoshop Text Effect Tutorials, Part II Read more: 50+ Great Photoshop Text Effect Tutorials, Part II | Photoshop Tutorials Posted on April 8th, 2010 at 5:07 am

    [...] Star Wars text effect [...]

  13. Magnus Posted on April 7th, 2010 at 2:05 pm

    Awesome! I am seriously considering changing our company logo to the star wars design. might be a bit unappropriate since we’re a lawoffice though :-)

  14. 50+ Great Photoshop Text Effect Tutorials, (Part II) « gabriel catalano | in-perfección Posted on April 7th, 2010 at 6:07 am

    [...] Star Wars text effect [...]

  15. Totte Posted on March 30th, 2010 at 6:26 am

    Hi! it didnt work for me when i use the Overlay the “Stroke” doesnt show up so the text is flat :( can u please add me on msn or smthn and ill send u the pic and see if u can help me! anyone

  16. 50+ Great Photoshop Text Effect Tutorials, Part I Read more: 50+ Great Photoshop Text Effect Tutorials, Part II | Photoshop Tutorials http://www.hongkiat.com/blog/50-great-photoshop-text-effect-tutorials-part-ii/#ixzz0iTpJgLrA « Agencija 027 S.N.O.B Posted on March 17th, 2010 at 6:39 pm

    [...] Star Wars text effect [...]

  17. marctana Posted on March 8th, 2010 at 2:16 am

    best tutorial

  18. John Posted on March 7th, 2010 at 8:44 am

    Hello, very nice effect. However, the link for the second texture is broken. If I try to copy directly from your step, it’s very blurry. Please add another link or upload a hi-res copy of the texture. Thanks.

  19. 20 Photoshop Tutorials Inspired by Movie Films - Free Templates and theme Posted on February 21st, 2010 at 3:10 pm

    [...] Star Wars text effect [...]

  20. 007cakala Posted on February 17th, 2010 at 9:08 am

    It’s cool. Good tutorial.

  21. Gencx.net | 2005-2010 » Star Wars metin efekti yapımı Posted on February 16th, 2010 at 10:11 am

    [...] kendi tutorialım değildir. Buradan alıp biraz [...]

  22. Tutorial per 35 effetti mozzaffiato sulle scritte e sui testi con Photoshop | Voci dal Web Posted on February 9th, 2010 at 6:43 pm

    [...] Stella Guerre testo effetto [...]

  23. 40 Best Movie Effects Photoshop Tutorials Posted on January 27th, 2010 at 8:05 am

    [...] Star Wars text effect by Tutzor [...]

  24. 60+ Beautiful Logo Design Tutorials And Resources | Astagram Studios- A Creative Studio- Official Blog Posted on January 22nd, 2010 at 10:56 am

    [...] Star Wars Text Effect In this tutorial, the artist works on the Star Wars text effect, which you could also implement in your logo project. [...]

  25. MustafaMilitant Posted on January 18th, 2010 at 3:41 pm

    This really hepled man, Thanks

  26. freedvd Posted on January 15th, 2010 at 6:27 pm

    Can anybody send .psd file ??

  27. 80 Logodesign-Tutorials, die Sie zum Spezialisten machen | print24 Blog Posted on January 14th, 2010 at 8:24 am

    [...] [...]

  28. 140+ High Quality Categorized Photoshop Text Effect Tutorials | Afif Fattouh - Web Specialist Posted on January 14th, 2010 at 5:45 am

    [...] Star Wars text effect [...]

  29. 140+ High Quality Categorized Photoshop Text Effect Tutorials | tripwire magazine Posted on January 13th, 2010 at 6:14 pm

    [...] Star Wars text effect [...]

  30. 35 Breathtaking Text Effects using Adobe Photoshop | Smashing Buzz Posted on January 6th, 2010 at 12:47 pm

    [...] Star Wars text effect [...]

  31. Big bonus Posted on December 19th, 2009 at 4:38 am

    Hi it is me.
    Sorry, but:
    Free java casino no download
    casino
    List flash no download casino
    casino
    Virtual casino birthday welcome bonus
    casino
    Flash no download casino without deposit
    casino
    Internet poker web sites

  32. Dazzling Logo Design Tutorials Part 2 « Acris Design – Web Design Resources and Inspiration Posted on December 14th, 2009 at 6:20 am

    [...] Star Wars Text Effect [...]

  33. Andrew Posted on December 11th, 2009 at 5:10 am

    Hey there.. thanks for this tutorial but the texture link you gave http://www.sxc.hu/browse.phtml?f=view&id=599574 no longer exist… is it possible if you can upload the texture somewhere.. or over here atleast ?

  34. 35 logo designing- Zone Tuto | tout les tuto Posted on December 10th, 2009 at 8:34 pm

    [...] 27. Star Wars text effect [...]

  35. Beautiful New Free Fonts For Your Designs « AnaConda 4 Photoshop Blog Posted on December 9th, 2009 at 1:24 am

    [...] Star Wars text effect A step-by-step guide to creating a Star Wars text effect. [...]

  36. Think2free.com » 15 Awesome photoshop text effect Posted on November 21st, 2009 at 10:27 am

    [...] Star Wars text effect [...]

  37. johnmilton Posted on November 19th, 2009 at 5:59 am

    good idea cool

  38. 40 Dark and Futuristic Photoshop Effects - PSDTUTS Posted on August 26th, 2008 at 9:32 am

    [...] 38. Star Wars text effect [...]

  39. Best Design Resources of July 2008 | CLD Tutorials Posted on August 3rd, 2008 at 5:34 am

    [...] Star Wars Text Effect – learn how to create the Star Wars text effect in Photoshop [...]

  40. someone Posted on August 1st, 2008 at 6:26 pm

    thank you very much for this tutorial
    it’s really a great effect
    thanks:)

  41. callmemich Posted on July 13th, 2008 at 8:11 am

    plz don’t mock my lack of pro’ness
    http://www.flickr.com/photos/28513353@N05/2664086366/

  42. changala Posted on July 12th, 2008 at 5:29 pm

    awesome, love you men no homo

  43. Constantin Potorac Posted on July 11th, 2008 at 6:14 am

    I am working on it guys. Patience ;)

  44. changala Posted on July 9th, 2008 at 2:01 pm

    comon constantine make some tutarials, and you gotta update ur site more often or u lose ur readers!!!!!!!!!!!!!!!!

  45. Jethy Posted on July 9th, 2008 at 3:18 am

    Great!!!
    so simple, thank you!
    bookmarked

  46. artattoo Posted on July 2nd, 2008 at 8:54 am

    awsome… great work … sincere appreciations >>> thank U

  47. nkhat Posted on June 29th, 2008 at 5:45 pm

    nice idea thank you :) .

  48. Qbrushes Posted on June 28th, 2008 at 6:00 am

    nice outcome!.

    “bookmarked”

  49. MB Web Design Posted on June 25th, 2008 at 2:02 pm

    Constantin you excel as always. It’s amazing how something so stunning can be broken down into simple steps for even a mug like me to follow. Amazing effect, this could be a series – recreating famous movie posters

  50. D.T Posted on June 25th, 2008 at 4:50 am

    I think in some areas the texture should be erased so the text is clearer, but the whole tutorial is awesome!

  51. Peter Posted on June 24th, 2008 at 5:25 pm

    Cool. Thank you very much. Very professional effect.

  52. Constantin Potorac Posted on June 24th, 2008 at 5:20 pm

    Here is the link for the font you guys:

    http://www.dafont.com/search.php?psize=m&q=jedi

  53. spoonTRex Posted on June 24th, 2008 at 5:02 pm

    Yeah, using a Star Wars font to create an effect even cooler than what’s been done for Star Wars isn’t actually THE Star Wars Text effect. But still, like I said, it’s cooler. :) Nice Tutorial, just remember: Clipping Masks would make your job so much easier.

  54. Chris Posted on June 24th, 2008 at 3:12 pm

    Awesome Tut, man.

    Keep them coming!

  55. C easy Posted on June 24th, 2008 at 11:50 am

    i cant find the you used cand you please give me the name or the link because i can seeit on dafonts

  56. crazyhunk Posted on June 23rd, 2008 at 7:18 am

    wow… good one m8…

    thanx…. :)

  57. Chris_Halderman Posted on June 23rd, 2008 at 2:25 am

    That’s seriously a great effect i will try when i get home from work :)

  58. stenkoo Posted on June 23rd, 2008 at 1:43 am

    Nice tuts.

  59. mayheam Posted on June 22nd, 2008 at 5:00 am

    keep up the good work Constantin, your doing great!

Have Something to Say?