Articles, Blog

Photoshop Tutorial: How to Make a Horrific, Gothic Text Image

October 30, 2019


Hi. This is Marty from Blue Lightning TV. For fans of Gothic images, I’m going to show you how to make this
horrific, Gothic-looking warning to all who pass by. I provided a Photoshop file for you to
download, so you can follow along. Its link is located in the video’s
description or project files. It includes this Medieval-looking wood
background and this cracked, painted metal texture.
The size is 1280 by 720 pixels with a resolution of
150 pixels per inch. If your foreground and background colors aren’t black and white respectively, click
on the small overlapping, box icon or press the letter
D on your keyboard. Open your Horizontal
Type Tool and choose a font. I’m using a font called, “Kaiserzeit Gotisch”,
which I included a link as well. For this example, I’m using a size of 177 points… Sharp… left alignment… and black for the color. The color isn’t important, since we’ll be
replacing it soon with the cracked paint texture.
Type out your text. To reposition it, click on your Move tool and move it. Ctl-click or Cmd-click on the thumbnail of
your text… to make it into a selection. Make the
texture… active and visible. Click on the Layer
Mask button to make a layer mask of the selection
next to the active layer. Click on the “fx” button and choose Bevel & Emboss. The Style is Inner Bevel… the Technique is Chisel Hard…the Depth is 100%… the Direction is Up… the Size is 6 pixels and the Highlight Opacity is 100%. Click, “Drop Shadow”. Make the Distance, 9 pixels. Depending on the size of your text, you
may want to adjust the amounts we’re setting in the Layer Styles. Next, we’ll add bloody
streaks to the background. Ctrl-click or Cmd-click on the
New Layer button to make a new layer below the active layer.
Hide the original text layer and the top layer. We’ll fill the empty
layer with black… and since Black is the foreground color,
press Alt or Opt + Delete. Go to Filter… Render and Fibers. Make the Variance, 10 and the Strength, 15. If you don’t like
the way the particular fibers look in your window, press “Randomize” until you like one. Then, click OK. Press Ctrl or Cmd + L to open the Levels window.
Change the input white level to 200 and click, OK Open your Channels panel and click on this circular, dotted icon to make a selection of all the tonal
values of your image. Open back up your Layers panel and drag
the fiber layer to the trash, since we now have its selection. We need
to invert it. To do this, press Ctrl or Cmd + Shift + I. Click on the New Layer button
to make a new layer. Click on the foreground color and type
in 8 C 0 4 0 4 Then, click OK or press Enter or Return. Press Alt or Opt + Delete to fill it
with the foreground color. To delete the selection, press Ctrl or Cmd + D Change the blend mode to Darken and the Opacity to 80%. Make your texture text…visible. We want to hide the blood streaks
everywhere, but keep them below the text. Click on the Layer Mask button to make a
layer mask next to the active layer. Open your
Brush tool and make the size 100 pixels and the Hardness, 0%. The blend mode is Normal and the Opacity is 100%. Now, brush over the
streaks above the text to hide them. Brush over the sides, as well. To make your brush smaller, press the
left bracket key on your keyboard. Continue to brush away all the streaks,
but keep them below your text. Next, we’ll add some bloodstains to the
text, itself. Make composite snapshot of your image by
making your top layer active and pressing Ctrl + Shift + Alt + E on a PC or Cmd + Shift + Opt + E on a Mac. Let’s brighten the overall image by
pressing Ctrl + Alt + L on a PC or Cmd + Opt + L on a Mac. When this window pops
up, press Enter or Return. Make a copy of it by pressing Ctrl or Cmd + J Go to your layer mask and press and hold, Alt on a PC or Opt on a Mac, as you drag a copy of it
next to the top layer. Click on the thumbnail to make it active
and increase your brush size. I’m increasing it to 100 pixels. Depending on the size of your text, you
may want to adjust this number. Keep the Hardness, 0%. Change the blend mode to Linear Burn and the Opacity to 20%. Now, brush over a few areas of your text, especially the darker, rusted parts. Make a composite snapshot, again and make a copy of it. Hide the copy and make the original composite snapshot
layer active. Click on the adjustment layer button and
choose, Levels. Reduce the output white to 85. This darkens the entire image. Make a top player visible and active. Open your Elliptical Marquee Tool… go to the top left corner and drag
across a selection to the bottom right corner. Go to Select and Transform Selection. Go to the top, middle of the Transform
and when you see a vertical, double- arrow, press and hold, Shift + Alt on a PC or Shift + Opt on a Mac as you drag it down. This squeezes the
transform in at the top and bottom, so it’s closer to
your text. To center it over your text, press the
Up arrow key on your keyboard to move it
straight up. Then, press Enter or Return. Go to Select and Refine Edge. There are 7 view modes from which to
choose. I’m using the “On Black” mode. Feather your
selection to an amount you like. For this example, I’ll feather it to 70
pixels. Output it as a Layer Mask. Then, click OK This is Marty from Blue Lightning TV.
Thanks for watching! well

98 Comments

  • Reply Fernando Estuesta July 15, 2013 at 4:23 am

    is it ok if i use cs6?

  • Reply Blue Lightning TV Photoshop July 15, 2013 at 4:26 am

    Ferndando…Absolutely.

  • Reply mark adel July 15, 2013 at 5:41 am

    And what about Cs5 ?

  • Reply Phil Michel July 15, 2013 at 7:23 am

    Great! Thank You!

  • Reply jon sparrow July 15, 2013 at 8:08 am

    Great tutorial.

  • Reply abdellah khalil July 15, 2013 at 8:17 am

    salam,your tutorials are perfect thx a lot really helpful

  • Reply Daud Jama July 15, 2013 at 8:37 am

    Thanks Marthy, all your tutorials are amazing and helpful. Can someone help me where to find the source files or project files for this tutorial?

  • Reply Daud Jama July 15, 2013 at 8:39 am

    Hi Mark, please advice where to download the source/project files for this project. Thanks

  • Reply Daud Jama July 15, 2013 at 10:16 am

    Oops, Got the source files ID 10 T, Sorry.

  • Reply Kelthoras1 July 15, 2013 at 12:05 pm

    Alternatively for the last step you can go press Shift+Control+R to open the Lens Correction. Then go to custom, head over to Vignette and play around with it until you like it.

  • Reply Mina Adel July 15, 2013 at 12:05 pm

    You're my mentor man.
    I watch all your videos .
    Graeat work man.

  • Reply Weng Chu Con July 15, 2013 at 12:56 pm

    Hi marthy, can you do some more 3D tutorials for Photoshop? Thanks!

    Your tutorials are the best!

  • Reply lokesh housnoor July 15, 2013 at 1:22 pm

    Hey marty please upload the tutorial of disperssion effect
    Please please

  • Reply FastPaceShooter July 15, 2013 at 2:47 pm

    <—————This pic taught by you 😀

  • Reply Mr D July 15, 2013 at 5:05 pm

    Can i do it in ps cc 13

  • Reply Blue Lightning TV Photoshop July 15, 2013 at 5:49 pm

    Mohammed Ameer…I actually did this tutorial with CC.

  • Reply Billy Butler July 15, 2013 at 7:04 pm

    I search everyday for your tutorials. Thank you for your time and in depth tutorials!

  • Reply mark adel July 15, 2013 at 7:17 pm

    Which project ?

  • Reply Blue Lightning TV Photoshop July 15, 2013 at 7:39 pm

    lokesh housnoor…I already did it. Go to my channel and in the "Search Channel" field, type in, "dispersion".

  • Reply brooklynrican64 July 16, 2013 at 2:10 am

    Now your talking. I love this kind of stuff. Thanks

  • Reply Blue Lightning TV Photoshop July 16, 2013 at 2:41 am

    Weng Chu Con…Go to my Channel and in its "Search Channel" field, type in, "3D". There may be a few you haven't seen.

  • Reply Blue Lightning TV Photoshop July 16, 2013 at 2:47 am

    Kelthoras1…Yes, that is an alternative. I used the Lens Correction's vignette effect in many of my other tutorials. The reason I chose not to use it in this tut is because the Lens Correction vignette can't be repositioned up, down or sideways on an image. In this tut, I wanted the vignette to be centered over the text, which is off-centered on the overall image.

  • Reply MacMyWord 21 July 16, 2013 at 5:19 pm

    sir all of your tutorials help me a lot and i wanna say thank you for that but can i make a request for levitation shot and all of those energy ball coming from a body or in a hand thanks and god bless~!..

  • Reply 5upernuts July 16, 2013 at 9:46 pm

    Brilliant. Really love the result – thank you!

  • Reply Aidan Sterling July 16, 2013 at 10:22 pm

    Fantastic as usual Marty thanks from across the pond.

  • Reply Blue Lightning TV Photoshop July 17, 2013 at 3:29 am

    dharmesh1redhat…[email protected]

  • Reply linksygracy July 17, 2013 at 10:39 am

    Thanks Marty, enjoyed doing this one thanks.

  • Reply James Kenny July 17, 2013 at 11:10 am

    Hi Marty, love your tutorials! Just wondering about how you made your opening title video, I'm interested in making my own but I don't know where I should be looking.

  • Reply Blue Lightning TV Photoshop July 17, 2013 at 1:27 pm

    James Kenny…I did my intro animation using After Effects.

  • Reply Sanjeev Chanda July 17, 2013 at 6:36 pm

    How do you get to know all this things… u r genius

  • Reply Mohammed Ameer July 17, 2013 at 8:41 pm

    oh 🙂

  • Reply Alex Steimels July 17, 2013 at 10:02 pm

    Hi Marty the Translation for your using font is : Emperor time Gothic
    greetings from Germany

  • Reply Blue Lightning TV Photoshop July 17, 2013 at 10:27 pm

    Alex Steimels…Kaiserzeit Gotisch is the actual name of the font. I listened to an online, German, phoentic recording of the words to get a gist of how its said in German. Sorry if I butchered the words. 😉

  • Reply John Castro July 18, 2013 at 5:41 am

    GURU!!!!!………

  • Reply chaka1979 July 19, 2013 at 4:56 am

    Great tutorial!!! thanks 🙂

  • Reply paul worth July 19, 2013 at 7:30 pm

    Hey Marty your tutorials are the best ive found on you tube,easy to follow with great results… thank you so much..look forward to watching more 🙂

  • Reply conceptualvisionxxx July 22, 2013 at 5:19 am

    hi Marty where can i find the medieval door?

  • Reply Blue Lightning TV Photoshop July 22, 2013 at 12:48 pm

    conceptualvisionxxx…The link to the PSD file, which contains the medieval door is located in the video's description. Just scroll down to see it.

  • Reply mramir1238 July 25, 2013 at 1:22 am

    Fibers could be used for wood textures, couldnt it? (Not sure if people have mentioned this before)

  • Reply Blue Lightning TV Photoshop July 26, 2013 at 1:24 pm

    mramir1238…Yes, I've used fibers for wood texture in some of my tutorials.

  • Reply Jose Posada July 27, 2013 at 1:39 am

    you are very good instructor. thank you for sharing

  • Reply UK MEDIA July 27, 2013 at 10:58 am

    I used this for my daughters warhammer, thank you marty.

  • Reply Afasan istan July 29, 2013 at 2:44 am

    I wanna the name of this ps version

  • Reply Blue Lightning TV Photoshop July 29, 2013 at 3:21 am

    othman fathy…Photoshop CC

  • Reply Afasan istan July 29, 2013 at 1:46 pm

    THANKS MARTY

  • Reply Phillip Barnard August 2, 2013 at 5:14 am

    Hey Marty, love the tutorials. They're a great help, since I'm really just getting to know CS6. When I downloaded the PSD file for this one, I only got the metal texture, and not the door. Is there a separate link for it?

  • Reply Blue Lightning TV Photoshop August 2, 2013 at 2:22 pm

    Phillip Barnard…There are 2 layers in the PSD file. The top layer is the cracked paint texture and the bottom layer is the door.

  • Reply mohamed jaya jaya August 8, 2013 at 11:54 am

    thank you dear sir. really you are my good teacher. pls visit japan. cannot find good teachers here.

  • Reply mohamed jaya jaya August 8, 2013 at 11:55 am

    sir how to download this texture?

  • Reply Velldin August 13, 2013 at 7:05 am

    great tutorilal 🙂

  • Reply loganzaraki August 16, 2013 at 11:11 am

    this was an amazing tutorial thank you 🙂 I have never used photoshop before in my life but your instructions are so clear, thank you very muchly 🙂 could you do a super hero font like the avengers? that would be cool 🙂

  • Reply Henning Friis August 30, 2013 at 4:43 am

    Great tut mr. Howard. You are a great inspiration to me, thanks man

  • Reply ParkBuilds August 30, 2013 at 5:34 am

    The w looks pretty weird

  • Reply Blue Lightning TV Photoshop August 30, 2013 at 2:03 pm

    EftelCraft…Use whatever typeface you like for the word.

  • Reply NC4MP August 31, 2013 at 9:35 pm

    Thanks Marty You have the best tutorials. Thanks for sharing!

  • Reply Peder Nilsson September 2, 2013 at 10:57 am

    Brilliant man , thanks ,it so easy to follow your tutorials , very good tutorials.

  • Reply AceToKing September 8, 2013 at 3:44 pm

    I love how clear your voice is and how you explain everything you say

  • Reply raul mejia September 21, 2013 at 2:21 am

    You are the best Marty, I 've able to do some of your projects with photoshop elements 8n thank you. but in this one am stuck in the minute 3:35 I cant find the channels level . Help

  • Reply CM FA September 29, 2013 at 3:46 pm

    I can't see lower case after download on MacBook Pro.

  • Reply Belen Sheppard October 17, 2013 at 12:23 am

    another great vid!! thank you, brilliant! :))

  • Reply Selim Uyar October 20, 2013 at 6:55 pm

    the method of making blood is very simple and handy. can we aply it any picture?

  • Reply Blue Lightning TV Photoshop October 20, 2013 at 8:45 pm

    Sure, as long as you're applying it to a relatively flat background.

  • Reply Mohammad Ali October 23, 2013 at 5:11 pm

    Another great video thank you so much

  • Reply Graphic Archer October 25, 2013 at 6:47 pm

    great tutorial

  • Reply Prosaic Lambda October 31, 2013 at 2:44 pm

    dude did you used the adobe photoshop cs7

  • Reply Blue Lightning TV Photoshop October 31, 2013 at 3:09 pm

    Photoshop CC (Creative Cloud).

  • Reply ilookafter thewater November 13, 2013 at 12:51 am

    Marty is a genius.

    That is all :o)

  • Reply REAL-IMAGE COMMUNICATION EAST AFRICA LTD November 26, 2013 at 4:52 pm

    thanks Blue T.v…Kabooooooom

  • Reply moochierocks November 26, 2013 at 8:35 pm

    Just to let you know that you have been a great help… Your Vids are just Brill….

  • Reply ALDEN1971 February 8, 2014 at 8:00 pm

    I've downloaded the PSD file but all it seems to contain is the highlights around the letters themselves. I don't have the door or the cracked paint files. Not sure what I'm doing wrong this time.

  • Reply Boban Trajkovic February 20, 2014 at 2:14 pm

    where is the door ?

  • Reply djforklift February 22, 2014 at 8:10 am

    Sounds good, when an American spells the German "Kaiserzeit Gotisch" (emperor's age gothic). But I am sure you would find my pronouncation funny as well 🙂 Anyway, a dozen books about Photoshop won't tell you as much as one Marty-Video. Thank you, man. Thumbs up!

  • Reply PAULO CASTRO February 22, 2014 at 4:59 pm

    Coul not find the door…

  • Reply PAULO CASTRO February 22, 2014 at 5:00 pm

    I found it on a layer. sorry.

  • Reply brain hamster May 13, 2014 at 4:00 am

    great tut.
    btw, pronunciation of the font would be 'kiser zite got ish'
    i thought it was hilarious the way you pronounced it. lol

  • Reply Axel KBJ June 13, 2014 at 6:16 pm

    where i can find the Door ?

  • Reply Jessmer Abing September 17, 2014 at 9:43 am

    beautiful just beautiful!

  • Reply S Debs October 22, 2014 at 12:00 am

    Awesome Tutorial! Thank you.

  • Reply Petar Kralj November 10, 2014 at 5:42 pm

    Where you learn this.

  • Reply SALAH . B . A November 14, 2014 at 9:59 am

    مذهل . تحياتي لك 🙂

  • Reply Mahmut OZDEMIR December 27, 2014 at 10:56 pm

    AWESOME 

  • Reply Sigit Aryani December 28, 2014 at 6:04 am

    this is awesome

  • Reply Trigg3rHippie January 10, 2015 at 9:05 am

    Holy crap on a stick, this is amazing! subbed.

    I've got a lot of homework to do:)

  • Reply Jonathan Hatton January 21, 2015 at 7:46 pm

    i got it all done except the ending when you highlight with the elliptical marquee tool it wont let me it keeps saying something about 50% of pixels visible what do i do so i can complete it?

  • Reply Dein Groesster Fan January 25, 2015 at 11:16 pm

    omg xD i'm german and know what "Kaiserzeit Gotisch" means..and your pronounciation was so cute. i can't stop laughing 😀

  • Reply cmikats 1966 March 26, 2015 at 5:38 pm

    It looks great, I really enjoyed this tutorial… Thanks Marty!

  • Reply King Crone May 7, 2016 at 9:13 am

    i cant open the PSD file sir

  • Reply Aly Nero September 16, 2016 at 10:03 pm

    very very nice > thank you

  • Reply Cassandra Garofallou May 12, 2017 at 7:08 am

    I know this was ages ago but would really like to do it. Couldnt download the PSD and can't find the right background and texture. Can try with others but I am adamant I want this….Can anyone help please 😀

  • Reply emma lissette alvarado vasquez July 3, 2017 at 5:12 pm

    gorgeous

  • Reply 1495Nick September 1, 2017 at 5:46 pm

    Thank you so much man. You are one of those people who are actually helping 😀

  • Reply Sajid Ch September 22, 2017 at 6:41 am

    😍❤️😍❤️😍❤️
    cutest ❤….tutorial

  • Reply Crazy Rock Films February 24, 2018 at 8:44 pm

    What an in depth and awesome tutorial, looks awesome!

  • Reply Felix Playzz July 4, 2018 at 11:21 am

    the cracked paint liink pls

  • Reply Rrrush September 22, 2018 at 6:57 pm

    Only came for the red blood thing but noice

  • Reply Venddharta Thorkveld June 30, 2019 at 10:47 am

    I made the tutorial step by step but i can't do the step where we delete the upper part of the blood. I can't make the brush tool delete the blood. Somebody can help me and tell me what can happen? (Sorry for my english :/ )

  • Reply Ayesha Gul July 27, 2019 at 12:38 pm

    Amazing great tutorial

  • Reply dominick alo September 15, 2019 at 5:16 pm

    Thanks Marty, this was amazing!

  • Leave a Reply