Madonna MDNA font Photoshop tutorial

Published On April 7, 2012 | By Leander | Madonna, Tech

Okay, here it is! My MDNA font Photoshop tutorial. Like I have mentioned in my MDNA album cover tutorial, I am very bad at writing a tutorial, so I hope this will make sense and that it is a bit clear. A bit of Photoshop knowledge is required. Okay, let’s get started!

The font use on the MDNA cover is called Didot LH RomanOsF. Click here to download it!

First of all, we need a ‘stripes’ pattern. Create a new template of 200px wide and 10px high with a black background. Yes, it is very small, but you can zoom out to the max in order to create the pattern. Create the stripes, just like the image below. Just like the MDNA cover the stripes are narrow and a bit wider, as well as the space between the stripes. The width of the spaces and stripes is all up to you. You can always scale the final pattern afterwards.

The original MDNA logo is white striped. Use the select tool to select the white parts of the pattern. Be sure to have the ‘Add to selection’ button selected, so you can select more than one area of the pattern. When the white parts are selected copy it and create a new template with a transparent background. Then paste the copied selected in the new template.

And then, go to And now you need to define the pattern. Go to ‘Edit’ and select ‘Define Pattern’. Name the pattern to anything you like and press ‘Ok’. So now you have the stripes pattern.

We’re getting close. Open a new template or an existing image where you want the MDNA font to appear. Select the ‘Horizontal Type Mask Tool’. When you click on your image before you add the text, you see a red mask layer. Type in your text using the Didot LH RomanOsF font. After you will see the text you typed in is selected.

Go to ‘Layer’ > ‘New Fill Layer’ > ‘Pattern’ and then press ‘Ok’. Select the pattern you created and adjust the scale. you can play around and see whatever suits your liking. For my example I scaled the pattern to 25%.

And voila! That’s all there is to it! You can experiment yourself with the scale and even with creating the striped pattern. I hope this tutorial was easy to understand. If you have any other tips or suggestions on how to create the MDNA font style, feel free to drop a line in the comments! I’d love to know about it.

About The Author

From Holland, blogging in English. A gay, iPhone using, Madonna loving, tech nerd, D-List blogger and YouTube content creator. Sharing his life, thoughts and experiences with the Internet.
  • http://www.blogonthedlist.com/ Leander

    Sorry, the link to the font didn’t work. It’s fixed now!

  • Tristana63

     Congratulations! Your tutorial is really useful! I just tried it and I succeeded in writing my own name with the “MDNA” stripe pattern! By the way, do you know how to replicate the shining effect for the Madonna logo on the album “Confessions On A Dance Floor”?

  • J_printcess

    Thank you very much. Many thaks in advance, love your job.

    • http://www.blogonthedlist.com/ Leander

      You’re welcome! And thank you too. This is the closest I could get it to look like, in a not so complicated way :)

  • J_printcess

    Finally, i just did it. Really love your MDNA tutorial.
    Thanks again.
    Hope to see your next Madonna photoshop tutorial soon.

  • Dorothyscott07

    would you make me an mdna one for my page i cant seem to work out your instructions:( 

  • Madnaty

    Hi! really love your tutorial but I can’t do it, I tried and I tried but I can’t…Can you make the letters and then put them as a logo in your page? I will appreciate it so much! thanks in advance

  • Madnaty

    I would like to have all the letters to write whatever I want, I don’t know if you can do it, I mean, I need all the font, maybe you can do it and then put them here to download…I wish you can..please!!!!!! =)

  • Honeybee_germany

    this explanation is awesome!! thx so much! so easy to follow and now i’m gonna design my own MDNA t-shirt with that font! *thumbsup*

  • Fernando

    wait.. right of the bat… what program are you using… i have a IMAC…

    • http://www.blogonthedlist.com/ Leander

      I used Adobe Photoshop CS5