Skip to content
My PC TIP

My PC TIP

Tips & Tricks for PC, Mobile.

  • How to
    • Windows
    • Linux
    • Hardware
    • Security
    • Smartphone
    • Gaming Tips
  • Design Tips
    • Photoshop Tips
  • News
My PC TIP

My PC TIP

Tips & Tricks for PC, Mobile.

  • How to
    • Windows
    • Linux
    • Hardware
    • Security
    • Smartphone
    • Gaming Tips
  • Design Tips
    • Photoshop Tips
  • News

How to make the X-Men logo in Photoshop, 3D and 2D versions

Photoshop TipsBy mypctip BEST PC TIPFebruary 28, 2025
Xmenlogo.jpg

I thought I was long overdue for more of a project based tutorial that designers can sink their teeth into. (There is a lot that photographers can use in this too). To my surprise,  I couldn’t find any decent Photoshop tutorials on creating the X-Men logo, so here we go!

We begin by using the different shape layers in Photoshop to create the basic logo and an awesome tip for centering things that you will love. We then jump into layer styles and add a shiny bevel to the logo as well as giving it a metallic sheen. Then we will make a brushed metal backdrop.

This is where the tutorial gets interesting. I actually branch it off into 2 options. I will show you how to use the 3D tools in Photoshop to make a 3D version of the logo. I also show you how to do a 2D version of the same thing for those of you who don’t have a version of photoshop that does 3D, or you just want to see a different way of doing it. This first video shows the 3D version, while the second version shows the 2D version. Check out the one that interests you, or watch both! (The first half is the same on both, but the second part is completely different).

Then I will finish off the effect by adding a shadow and some light glints. I really hope you enjoy this tutorial.

How to Make the 3D X-Men Logo in Photoshop + How to convert any logo to 3D

 

How to Make the X-Men Logo in Photoshop (2D version)

 

I really hope you enjoyed this tutorial. I had a lot of fun making it.
Check out all the other free tutorials here on PhotoshopCAFE

See you at the CAFE

 

Colin


PS Don’t forget to follow us on Social Media for more tips.. (I’ve been posting some fun Instagram and Facebook Stories lately)
You can get my free Layer Blending modes ebook along with dozens of exclusive Photoshop Goodies here photoshop goodies for free


logoPhotoshopversionsXMen

You might also like:

How to make apple liquid glass in photoshop.jpg
June 12, 2025

How to make apple Liquid Glass effect in Photoshop

Powerful photoshop tips for layers.jpg
June 8, 2025

6 quick powerful Layers in Photoshop tips

4 levels of background blur in photoshop.jpg
May 25, 2025

4 levels of background blur in Photoshop, ultimate Blur background tutorial

Window tips

  • Windows 11’s Voice typing tool saved my aching hand
  • This free all-in-one tool fixes common Windows problems
  • Upgrading Windows 10 to 11: Here’s everything you need to know
  • Make your Windows 11 taskbar transparent for a cool, minimalist vibe
  • How to free up storage space with Windows 11’s memory optimization

Smartphone tips

  • Worried about scam calls? Here’s how to spot them and what to do in an emergency
  • This ingenious £15 USB-C cable solved my worst travel headache
  • How to download the Android 16 beta on your phone
  • This is how easy it is to get scammed into buying a stolen phone
  • These genius £11 USB-C cables saved me from tangle hell

Security tips

  • How to install a VPN on a Fire TV Stick
  • I use this $18 box to safely plug in all my outdoor smart devices
  • Why using a VPN and Tor together can backfire on your privacy
  • This dual-power LED flashlight makes my Maglite feel like a relic
  • Use this tucked-away Chrome feature to surf the web more safely
© 2025 My PC TIP
Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Close Refresh