preview

How to Create a Richly Ornate Typographic Illustration

May 4th in Text Effects by Alex Beltechi

When looking for top quality content, you're usually forced to pay for your resources. They're generally better and easier to work with, and offer a wider range of use. Sometimes though, you can find the same level of quality at zero cost, and it's exactly what we're going to do today. We're going to create a detailed illustration with free gifts and self made goodies.

PG

Author: Alex Beltechi

Digital Illustrator and graphic design student Alex Beltechi is based in Romania and currently writing tutorials based on personal projects. He also works as a freelancer, enjoys composing piano based music in his non-existent free time and thinks that talking about yourself in 3rd person narrative is pretty cheesy.

Final Image Preview

Take a look at the illustration we'll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below. Be sure to view the larger format, as there are details you miss at small sizes.

Video Tutorial

Our video editor Gavin Steele has created this video tutorial to compliment this text + image tutorial.

Introduction

I love doing type treatments. Out of all the designs I've created so far, it's typographic illustrations that have always taught me a lot, mainly because I've usually tried to make the most of Photoshop and Illustrator's tools. You are practically forced to create most of it from scratch, so how much you polish your design determines how good it will be.

In this tutorial, I went for a decorative look, by firstly choosing a typeface: Ayosmonika. I've used it before, and this time I wanted to go for a more flat look. The font seems very organic to me, so I sought and found a good online resource, the ornate pattern freebie. It's got lots of rich detail, so it's enough for what we want.

My initial colors were violet and yellow, but they seemed out of place. I later decided to go with a wood texture, and bronze shades (new and aged) for the decorative elements. These colors would give me an old-world look, so even though it's not how it began, it is how it ended.

Step 1

The first thing we'll do is create a very large wooden texture. Getting the same result may be difficult, so just try to obtain something that looks like a wood texture. Start up Photoshop and create a new document. Make it big; somewhere around 6000 px by 6000 px (300 ppi).

Select a dark brown (#48403a) as the foreground color and a lighter version (#ac9f92) as the background color. Fill the document's background with the foreground color (#48403a) and go to Filter > Render > Fibers. Change the settings (Variance of 12.0 and Strength of 34.0) and randomize it until you get something similar. Playing around with the settings can help.

OR: If you're a Graphic River user, you can download a similar texture from my Wood Texture Pack.

Step 2

We'll now give the fibers more depth and a darker color. Go to Layer > New Adjustment Layer > Gradient Map. Once you created it, change its layer Blending Mode to Overlay and Opacity to 50%.

Step 3

Now create a new blank layer and fill it with the color #633a1c. Set the layer's Blending Mode to Multiply.

Step 4

And finally, select the Gradient Tool (G). Choose white as the foreground color, and create a white to transparent white gradient from top to bottom. Change the layer Opacity to somewhere around 10%. Select the entire canvas (Command + A) and copy the merged file (Command + Shift + C).

Step 5

Create a new Photoshop document using a landscape A4 canvas (29,7 x 21 cm at 300 ppi). I created mine in CMYK format, so if you want the colors to make any sense, make sure you select CMYK, not RGB.

Now add the type to this new document. Download this free font and type in each letter on a separate layer. The color doesn't matter, as it will be replaced by a texture. I chose different shades of green just to show the layer order.

Step 6

Now double-click on the letter "T" layer and add these effects. Here are the color codes for each of them: Drop Shadow set to #000000; Outer Glow set to #476454; Bevel and Emboss Highlight set to #f09629 and Shadow set to #45293c, and Stroke set to #466454.

Altogether, your effects should look like the image below.

Step 7

Copy the layer style (right-click on layer and go to Copy Layer Style) and paste it over the rest. Also, create a large ampersand behind all the letters.

Step 8

Create a new blank layer above the letter "T" and make it a clipping mask. Place the wooden texture inside.

Step 9

Create another blank layer as a clipping mask above the texture. Make a selection of the "T" layer (Command + Click on the layer icon) and contract it by seven pixels (Select > Modify > Contract).

Step 10

Fill it with white and blur it slightly (Filter > Blur > Gaussian Blur).

Step 11

Change the Layer's opacity to 40% and select the eraser tool (E). Make it about 80% soft and erase the bottom part.

Step 12

Get this and this screw. Cut them out with the pen tool and desaturate them (Command + Shift + U). We'll use the first one for large screws and the second for smaller ones. Place one of the large ones in the middle of the "T" and apply the effects shown below.

It will now look like it's holding the "T" in place.

Step 13

Do the same to create the smaller one and place these screws on all the letters.

Step 14

Now you'll need this free ornate pattern. Open it in Illustrator and double-click on the flourish detail (not the pattern). Use the Direct Selection Tool (A) to select a white part of the detail. Change its color to #486554, Copy it (Command + C) and paste it (Command + V) into the Photoshop file as a Smart Object.

Step 15

Now add this layer style shown below.

It looks odd now, but it will be better once we add the second color.

Step 16

Create a new blank layer as a clipping mask and paint (#74cdd8) with a soft brush the tips of the flourish detail.

Step 17

Group the layers (Command + G) and duplicate the group, then position it accordingly.

Step 18

Place a large one on the bottom.

Step 19

Add a few smaller ones that appear to come out of the large one underneath. Try to keep an orientation that feels natural and organic.

Step 20

Add the final ones too.

Step 21

As usual, we'll adjust the colors and contrast of the document with good ol' Adjustment Layers. Add the first one by going to Layer > New Adjustment Layer > Gradient Map.

Step 22

Now add a Selective Color Adjustment Layer and use the Colors drop down menu to get to Blacks.

Step 23

I thought the composition needed a touch of another color, so let's add some orange. Duplicate one of the floral patterns and make it smaller. Delete the bright cyan and paint with this color instead: #f7db58.

Step 24

Add a few more.

Step 25

Now, make a selection of each letter and paint with the same color.

Step 26

Go back to the Go Media Illustrator file and double-click the ornate pattern this time. Select the white part, and make it black. Copy it and go to Photoshop. Create a new document and keep the Clipboard size. Paste the pattern into the new document that should be an exact fit. Make the Background layer invisible and go to Edit > Define Pattern.

Step 27

Create a new blank layer above the wood texture background in our illustration. Select the Bucket Tool, and click on the drop down menu to paint a pattern. Select the newly created one and create one in the blank layer. Add the layer styles shown below.

This is what you should see at 100%.

Step 28

Create a new layer, make it a clipping mask and paint with a very large, soft shadow a few white glows near the center. Keep the Opacity low so that they don't become too obvious.

Step 29

Use the same orange to paint a few subtle glows in a few places, just like in the previous layer.

Conclusion

Finding the right resources can be a great way to eventually create your own typographic illustrations. It's like learning from others before you do everything by yourself. In time, you'll be able to create details that are not only of the same or even better quality, but also something that reflects your style. And hopefully, I'll be able to write a tutorial about that some day! You can view the final image below. Be sure to view the larger format, as there are details you miss at small sizes.

Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    LBrother May 4th

    Wow, this is what I’m looking for on PSDTuts!
    Congratulations,
    LBro

    ( Reply )
    1. PG

      Wazdesign May 5th

      Awsome

      ( Reply )
  2. PG

    Tim Clauwaert May 4th

    i saw this on behance and was and was thinking ” wow if only they made tutorials on this… really nice

    ( Reply )
  3. PG

    nicoals May 4th

    great !!
    thx for this tut

    ( Reply )
  4. PG

    ptira May 4th

    great and easy! thx!

    ( Reply )
  5. PG

    B May 4th

    Very natural layout. I’m not sure I would add the screws, but very interesting visually, thanks.

    ( Reply )
  6. PG

    tomas May 4th

    very nice tutorial ;) .. really like it..

    ( Reply )
  7. very nice work! i like the way you play with ornaments all around the typography!

    ( Reply )
  8. PG

    Bossmimo May 4th

    Just brilliant…End of discussion

    ( Reply )
  9. PG

    Ahmad Elabbar May 4th

    I saw this piece in your Behance Portfolio … i never thought it would be this easy … man you rock , and the final outcome is simply amazing !

    ( Reply )
  10. PG

    Tollboy May 4th

    Very nice effect, I may try something like this on my site.

    ( Reply )
  11. PG

    JohnM. May 4th

    Wow! This is SICK!!!

    ( Reply )
  12. PG

    Valeria May 4th

    It’s great and seems easy! Wow!

    ( Reply )
  13. PG

    Phenotype May 4th

    VERY NICE.

    ( Reply )
  14. PG

    passbbi May 4th

    Oh!!!! GREAT!!!!!!!!!

    ( Reply )
  15. PG

    Anton Reimertz May 4th

    Awesome stuff, give me more!

    ( Reply )
  16. PG

    ArtBox7 May 4th

    It’s really nice :)

    ( Reply )
  17. PG

    Kris May 4th

    Hey that looks really sweet man! Great job!

    ( Reply )
  18. PG

    Andre Oliveira May 4th

    very nice!

    I hope a screencast for this one to XD!!

    ( Reply )
  19. PG

    fik May 4th

    Wo0o0oo0o0o0W BRAVO!!

    ( Reply )
  20. PG

    lawrence77 May 4th

    nice way of thinking thats all i say…
    its a simple and nice work………. :mrgreen:
    some techniques are there too….

    ( Reply )
    1. PG

      lawrence77 May 4th

      is this week dedicated to Alex Beltechi????

      as well previous week is dedicated to Constantin Potorac….

      Good work PSDTUTS…. :lol:

      ( Reply )
  21. PG

    ilovetypo. May 4th

    I love typography design!

    ( Reply )
  22. Felicitari Alex… o super lucrare

    ( Reply )
    1. PG

      Alex Beltechi May 4th

      Mersi, :)

      Yes, Romania is taking over the world. One Envato site at a time! [Evil Laugh]

      ( Reply )
      1. lol :) )))

  23. PG

    Daniel May 4th

    Wow! o_O.
    Nice job. :D

    ( Reply )
  24. One of the best PSDtuts tutorials yet, though kinda sucks that it requires a purchase to do perfectly, which isn’t fun. But neverhteless the idea is still there, nice work. :)

    ( Reply )
    1. With my experience I discovered that the best result are achieved with purchased resources…

      ( Reply )
      1. PG

        spidermonkey May 16th

        While that may be true, the pattern is said to be free throughout this tutorial and even on the linked website it says it is a freebie, yet you still have to pay for it.. Needs a bit of an update. Not everyone has the means to purchase stuff online unfortunately so using free resources is helpful to everyone.

    2. PG

      Riles July 8th

      are you talking about the ornate pattern? because it is free u can download the sample Adobe Illustrator file

      ( Reply )
  25. PG

    SeraphimChris May 4th

    Pretty good tut. Thumbs up. :)

    ( Reply )
  26. PG

    Bendsen May 4th

    one word: awesomeness

    ( Reply )
  27. PG

    Lucas May 4th

    This is very impressive.

    ( Reply )
  28. PG

    Kevin May 4th

    Great Tutorial!

    ( Reply )
  29. PG

    Julian May 4th

    wow this is amazing i cant wait to try this. by far mr. alex beltechi im very very impressed with your work. i love all your tuts they always improve my skills and creativity. thank you.

    ( Reply )
  30. PG

    TheArtist May 4th

    Really great, thanks!!!!!!

    ( Reply )
  31. PG

    Hezi May 4th

    so good! so professional. cheers!

    ( Reply )
  32. PG

    Franky May 4th

    Yo! This is mad heavy!

    Love the look.

    ( Reply )
  33. PG

    lucas May 4th

    good man!!!
    thanks

    ( Reply )
  34. PG

    hesse May 4th

    Beltchi WHAT!

    ( Reply )
  35. PG

    Vane May 4th

    love the final result!!! Great!!!

    ( Reply )
  36. Beautiful illustration – great colours and very thorough, easy to follow tutorial!

    ( Reply )
  37. PG

    Chris May 4th

    I actually like how it ends up in Step 5…

    ( Reply )
  38. PG

    Saro May 4th

    Looks great! Thanks!

    ( Reply )
  39. PG

    stasia May 4th

    best one in a long time!

    ( Reply )
  40. PG

    fraize May 4th

    best illustration i’ve ever seen …
    waow

    ( Reply )
  41. PG

    Mark May 4th

    One of the best tutorials in a while. Nice one

    ( Reply )
  42. PG

    Brandon May 4th

    Wow, amazing work – and you made it sound so simple ;)

    ( Reply )
  43. Great design for new inpiration. I had made this out of it:
    http://www.flickr.com/photos/jeroenvaneerden/3502860488/

    ( Reply )
  44. PG

    loswl May 4th

    WOW!..Refreshingly nice!!….love the wood texture and the color combination :o )

    ( Reply )
  45. PG

    Johnson Koh May 4th

    This is extremely beautiful. Great one Alex! You are a wonderful tutor.

    ( Reply )
  46. PG

    Dario Gutierrez May 4th

    Simply beautiful, nice effects.

    ( Reply )
  47. PG

    johnny May 4th

    Awesome tut!

    ( Reply )
  48. PG

    Zik May 5th

    My favorite psd tut so far… Thanks for sharing tips on this one !

    ( Reply )
  49. PG

    Gopher May 5th

    Cool stuff

    ( Reply )
  50. PG

    gar May 5th

    awsome

    ( Reply )
  51. PG

    keruchan May 5th

    Cool!! thanks

    ( Reply )
  52. PG

    joyjoy May 5th

    OMG! I like sooooooooo much!
    Thanks

    ( Reply )
  53. PG

    rap May 5th

    huwooow.. two thumbs up! nice tut! keep it comin!

    ( Reply )
  54. PG

    Lori Ann Cole May 5th

    This is a beautiful tutorial. Unfortunately, I got lost when I tried to do the flourishes in Illustrator. The download from go-media gave me something entirely different.

    Fortunately for me, the flourishes would not have worked with my version of the design anyway, but they certainly made this one come alive. Nice job.

    ( Reply )
  55. PG

    rishteria May 5th

    reeeeaaally good job, man! amazing ;)

    ( Reply )
  56. PG

    Shuuun May 5th

    The technique with the fine shape and the outer glow!! Amazing !

    Great tutorial at all! i love you guys!

    ( Reply )
  57. PG

    Shannon May 5th

    This is beautiful work!

    ( Reply )
  58. PG

    massafakka May 5th

    fakk i love this shit!!!
    its so much work!! i know that lol cause im a pro 2 haAHah

    v great tut u made…v nice omg omg ….professional style and workflow i love it!!! yeehaaaaaa!!!!!

    ( Reply )
  59. PG

    Zoumingcong(邹敏聪) May 5th

    HELLO!I’m a boy who comes from China. I have been looking for the excellent courses of photoshop creation on the Internet.And today I find it!It’s yours!haha.I.m very willing to know you more to get the skills! Please send me your e-mail if you want too,haha!

    ( Reply )
  60. PG

    chonghwi May 5th

    great job .. i like it

    ( Reply )
  61. PG

    merb May 5th

    es realmente increíble!!! una creatividad brutal!!! gracias por ofrecernos tu habilidad!!!!!!

    ( Reply )
  62. PG

    Kasper May 5th

    That’l like totally awesome… must try it.

    ( Reply )
  63. PG

    joyajoy May 5th

    I like this one really bad

    ( Reply )
  64. PG

    Overcomer May 5th

    HI, I’m kind of new to photoshop so i was looking around for some tuts and found this one…..it’s simply amazing…..but I have one question though…..in step 8 where you say: “Create a new blank layer above the letter “T” and make it a clipping mask. Place the wooden texture inside”, I created the clipping mas, but don’t know how to place the wooden texture inside……do I have to make it from scratch or is there a way to place it easier?…..I know this might be a dumb question, but I’m still in the learning process……thanks…..

    ( Reply )
    1. PG

      nick May 5th

      just copy the original background texture you made and paste it into the clipping mask

      ( Reply )
    2. PG

      Zik May 6th

      - Control-click the T letter layer, to auto-select the shape of the layer
      - Go to the background layer, with wooden texture
      - Hit Ctrl + C
      - Go back to the clipping mask layer
      - Hit Ctrl + V

      It should place the texture onto the letter, you just need to repeat for each letter !

      Hope that helped.

      You have numerous ways to do it, tho, this is just one of them :)

      ( Reply )
  65. PG

    Craigsnedeker May 5th

    This is amazing. This is the kind of stuff I like coming here to see.

    ( Reply )
  66. PG

    Gregory Gunther May 5th

    One of the best I’ve seen in a while. Simply amazing typography treatment!

    ( Reply )
  67. PG

    Symon May 5th

    Cracking and inspirational. Thanks

    ( Reply )
  68. PG

    seansteezy May 5th

    awesome finished product. you got skills, son!

    ( Reply )
  69. PG

    Nikhil May 5th

    I like the font….

    And final effect is brilliant..

    ( Reply )
  70. Gorgeous. Simply gorgeous. I wish this site had existed 10 years ago, when I was doing design!

    ( Reply )
  71. PG

    Nautibus May 5th

    typography treatment, really wonderful!
    i tried to do it, but I have a problem at steps 21 & 22: on which layer do I have to apply the Gradient Map and the Selective Color Adjustment? (I tried to make a new empty layer over the other ones but “cannot do it on an empty layer”)

    ( Reply )
  72. PG

    Nick May 5th

    Anyone know of some good free flourishes to use in pieces like this?

    ( Reply )
  73. PG

    sc May 5th

    i like it, thank you

    ( Reply )
  74. PG

    Brian Vanaski May 5th

    Nice work, I really appreciated your step by step instructions and screen shots. As many others said, you make this work of art seem easy and very doable.

    ( Reply )
  75. PG

    James May 6th

    Wow, great. It’s been a while since I saw a tutorial like this on PSDtuts. It’s like a flashback.

    ( Reply )
  76. PG

    Odaddy May 6th

    AWESOME IM INSPIRED

    ( Reply )
  77. PG

    Josh May 6th

    insane. simply insane.

    ( Reply )
  78. PG

    Grafiko May 6th

    very nice

    ( Reply )
  79. PG

    faraz May 6th

    Beautiful……

    ( Reply )
  80. PG

    moih60 May 6th

    great tutorial…amazing text effect one
    thanks

    ( Reply )
  81. PG

    haryo May 6th

    amazing…

    ( Reply )
  82. PG

    momo May 6th

    this one was pretty rad

    ( Reply )
  83. PG

    Diego SA May 6th

    This is what I call “a true typograph illustration”. The shining wood look is amazing. Congrats!

    ( Reply )
  84. PG

    whizkid May 6th

    Hey my try is in process i am

    http://i41.tinypic.com/2v2jsdu.jpg

    Still stuck at step 21, lol

    will post up the final soon!

    Thanks a ton for your tutorial, really inspired me!!

    ( Reply )
    1. PG

      Nautibus May 7th

      i’rm stuck at step 21 too, if you understand please say it ;)

      ( Reply )
    2. PG

      Alex Beltechi May 7th

      Hey guys, sorry for the confusion about step 21. The adjustment layer is for the whole document. So, select the top layer of the project, then go to “Layer > New Adjustment Layer > Gradient Map”. Choose those colors (left to right: 60174d; ed1f24; fcee20) and Set the layer’s blending mode to Linear Burn and Opacity to 30% (see the screenshot).

      Alex

      ( Reply )
      1. PG

        whizkid May 7th

        Thank u so much Alex, probably il see the video too, that can help out!!
        Though really appreciate for this wonderful tutorial!!

      2. PG

        bix May 8th

        thanks!but i want to know how to realize the step 26

      3. PG

        bix May 8th

        really sorry,i means the step 25 not 26.^^!

      4. PG

        Alex Beltechi May 8th

        In step 25, you create a blank layer over the letter’s layer, and make it a clipping mask. Then paint in the corner of the letter with the same orange, a soft glow.

  85. PG

    Alex Beltechi May 7th

    Thanks everyone, and great examples of this tut being used!

    ( Reply )
  86. PG

    bhel May 7th

    nice work!!! thank you! :)

    ( Reply )
  87. PG

    Mark May 7th

    I will be using a lot of what I learned from this in my skate deck designs. This is AMAZING.

    I’m already using the demo pic as the wallpaper on my desktop. This is really stunning. Thanks Alex!

    ( Reply )
  88. PG

    Isis May 7th

    Awesome! Typography at the highest level! ^^

    ( Reply )
  89. PG

    Maicon May 7th

    I learned one more little things. Thank you!

    ( Reply )
  90. PG

    himangshu May 8th

    superb

    ( Reply )
  91. PG

    Alex McCabe May 8th

    I love everything about this tutorial. The effects, the textures, the font. Unfortunately though my vista laptop cannot handle the photoshop file, half way through the tut and crashes on me, even with 2gig ram. Very annoying. But i learnt some new things from it.

    I’m saving up for a new macbook pro. Given up on Windows. haha. I cant wait til i can finish this tutorial.

    ( Reply )
  92. PG

    Wayne May 9th

    Nice tutorial, thank you!

    ( Reply )
  93. PG

    nandagopal May 9th

    this is very nice tutorials,,,

    ( Reply )
  94. PG

    Irina May 10th

    Love the tutorial, although I made some changes with the colors. Here’s my attempt http://purplefoam.deviantart.com/art/Ornamental-Sunshine-121738386

    ( Reply )
  95. PG

    Jennifer Farley May 11th

    That’s a really beautiful effect and great tutorial. Thanks very much!

    ( Reply )
  96. PG

    Eric Shafer May 11th

    Beautiful tutorial, very clean and professional.

    Featured here: http://www.presidiacreative.com/web-picks-20/

    ( Reply )
  97. PG

    e11world May 12th

    This is very creative. I wonder how you would do this type of effect with ARABIC text.

    ( Reply )
  98. PG

    Amayas May 12th

    AWESOME !! thank You ..

    ( Reply )
  99. PG

    spidermonkey May 15th

    Wow, not a single negative comment on this! Such an amazing tutorial. One of the best to come from psdtuts in a LONG time. Can’t WAIT to have a go at this one!

    ( Reply )
  100. PG

    Mel May 15th

    This is absolutely fantastic. So many new tricks to play with! Thanks so much for the tutorial. I love it!

    ( Reply )
  101. PG

    ded May 17th

    um how do u make a white to transparent white gradient????

    ( Reply )
  102. PG

    BEX May 18th

    >.<… When i unzip the ornate freebie…. it doesnt work… HELLLPPP!!!!!!!!!!!!

    ( Reply )
  103. PG

    Ali May 18th

    Awesome

    ( Reply )
  104. PG

    spidermonkey May 20th

    Just a quick question.. I’ve never used Illustrator before and am having trouble changing the colour of the flourish. I double clicked on the flourish and then used the direct selection tool. I then went to the colour palette and tried to change it to the colour specified. As soon as I press enter, it turns out grey. I know it will be something to do with the colour settings in the file, but I’m not sure how to get past this. Any help would be much appreciated.

    ( Reply )
    1. PG

      claire June 15th

      me too :(

      ( Reply )
      1. PG

        Martha August 15th

        I got stuck on this at first too… then I realized it’s in greyscale… so change the image to CMYK and it works fine. Good Luck!

  105. PG

    LStorkey D77 May 22nd

  106. PG

    Shannon May 23rd

    Did anyone have a problem with step 15? When I apply the outer glow it does not bleed into the entire image. It just sticks to the outside. How do I fix this?

    ( Reply )
    1. PG

      regird June 7th

      jep i have the same problem to :-( anyway amazing tutorial

      ( Reply )
  107. PG

    Tijmen May 24th

    What to do if i don’t have illustrator and cant spend like 700 dollars?

    ( Reply )
    1. PG

      spidermonkey May 25th

      Download the trial version from the Adobe website. It will last for 30 days and then you have to purchase it. It’s the best you can do without spending all that money.

      ( Reply )
  108. PG

    Neeraj May 24th

    This was very helpful.I learned a lot through this.Whatever I creat using the methods used here end up looking absolutely stunning.

    Thank you very much!

    ( Reply )
  109. PG

    huwaw69 May 25th

    wtf? i am speechless with this amazing result! i totally bookmarked this, thanks for sharing this… the image really looks good and the background ornate or whatever it is, is really amazing! you did a great job!

    ( Reply )
  110. PG

    Yigit Ozdamar May 26th

    Awsome tutorial ! Thanx dude.

    ( Reply )
  111. PG

    zool May 27th

    i have problem with step 29 :(

    ( Reply )
    1. PG

      Martha August 15th

      I had problems with this too and played with it a while… I found a way around it by adjusting the fill on the blending options to around 10… BUT… then I realized that I was working in RGB… so I changed it to CMYK and lo and behold it worked just like in the tutorial with the fill in blending options set to 0. BTW… I love this tutorial! I’ve learned so much and the image is incredible. Thanks!

      ( Reply )
  112. PG

    ty May 27th

    step 28 help pls !

    ( Reply )
    1. PG

      Alex Beltechi June 1st

      In steps 28, and 29 you need to create a layer mask. Read the lower comment on how to create one. Then in 28, paint a large white glow, and in 29 an orange one.

      ( Reply )
  113. PG

    Tyler May 31st

    I have some experience with photoshop, but I don’t understand step 8. How do you make a clipping mask just over the text, and how do you place the wood texture inside it?

    ( Reply )
    1. PG

      Alex Beltechi June 1st

      Hi Tyler, you need to create an empty layer above the text layer (Ctrl + Shift + N), make sure you have the layers menu opened. Then hold Alt, and click right on the line in between the two layers in the layers menu (text layer and new layer).

      I didn’t mention this, because it’s very basic knowledge. You can always google what you don’t know, and should get lots of results.

      ( Reply )
  114. PG

    Tyler May 31st

    never mind. the type needed to be rasterized. you might want to mention that for beginners, because i didn’t realize it so other people might not either

    ( Reply )
  115. PG

    Tyler May 31st

    well never mind, its still not working any help?

    ( Reply )
    1. PG

      Martha August 15th

      Hey Tyler, if you’re still interested, check my note above on changing from RGB to CMYK. Have fun!

      ( Reply )
  116. PG

    Kre8iveminds June 2nd

    Nice work. I need to try this for sure.

    ( Reply )
  117. PG

    kwin June 3rd

    the design are fabulous.. these is a nice website it can heLp many peopLe..

    can someone heLp me?

    i have probLem in step 14..

    can you heLp me?

    ( Reply )
  118. PG

    Gabriel June 3rd

    i love this tuts, but I’m stuck on step 10 and 11… the white thing that i’ve made came out to be very weird.. far different than yours.. how to you make it so perfectly… mine does not even look like that…
    please reply me or e-mail me ok? i am really looking forward to complete this beautiful text for my school magazine..

    ( Reply )
  119. PG

    Margaret June 4th

    It’s like Typography on a pirate ship ARrrrr!

    ( Reply )
  120. PG

    bella tran June 4th

    awesome!

    ( Reply )
  121. PG

    EL June 5th

    This was a very enjoyable tutorial, and taught me new techniques. I did the tutorial as you demonstrated then struck out on my own…

    Here is what I came up with using many of your techniques…

    http://1.bp.blogspot.com/_TwfI8LeUuM0/SihIC2wvrzI/AAAAAAAAAn4/vY-T7CKAWdE/s1600-h/Creative-Hegemony4-%5BLG%5D-Low.jpg

    ( Reply )
  122. PG

    xD June 8th

    i have problems to on step 14

    ( Reply )
  123. PG

    martynas June 9th

    I dont understand Step 8 please help..

    ( Reply )
    1. PG

      claire June 15th

      Take the wooden texture and paste it into a blank layer above the “t”. then go to Layer >> Create Clipping Mask :)

      ( Reply )
  124. PG

    writersbloc June 10th

    Amazing, took me all day to finish, but outside of using a lower resolution and a different wood grain it looks nearly identical. Exceptional tutorial, easy to follow and you incorporated so many techniques outside the typical tutorial. I probably would have bought a plus membership for this one >.>

    ( Reply )
  125. PG

    Helmut Watterott June 11th

    I think the screws add that little extra. Looks easy enough and stunning

    ( Reply )
  126. PG

    claire June 15th

    im having a bit of a problem with 14 too.

    ( Reply )
  127. PG

    tyrannomiezie June 16th

    wow, great tut! :)
    Learned a lot! Thanks!

    ( Reply )
  128. PG

    Vin June 17th

    Pretty amazing. Even a noob like me can do this. However, I noticed I couldn’t desat the screw pics. It wouldn’t let me. Couldn’t even raster them for that matter. Any idea why?

    ( Reply )
  129. PG

    The French Doctor June 17th

    Simply amzing!

    ( Reply )
  130. PG

    Jon Pianki June 18th

    Great Tutorial! Can’t wait to try it out.

    ( Reply )
  131. PG

    CEDX June 20th

    Greeeeeeeeeeeeeeeeaaaaaaaaaaaaaaat!!!!
    thx!

    ( Reply )
  132. PG

    aanchal June 21st

    this tut is awsome

    ( Reply )
  133. PG

    aanchal June 21st

    this tut is awsome.

    ( Reply )
  134. PG

    asd June 23rd

    Awesome…

    ( Reply )
  135. PG

    asd June 24th

    im stuck on step 14 when it changes to illustrator, do u get the ornate image or do i download the flourish ornates, and then do i just paste them on illustrator because when i do the direct selection tool doesnt let me select anything?

    ( Reply )
  136. PG

    Evone June 26th

    Omg. This is totally awesome.
    I’m awed. Thank you so much for sharing.

    ( Reply )
  137. PG

    dr June 30th

    beautiful

    ( Reply )
  138. PG

    jongjong villaluz July 5th

    its more than just nice

    ( Reply )
  139. PG

    Selam July 9th

    Awesome tutorial, my version is fairly straightforward:

    http://saruto-pervy.deviantart.com/art/Growing-Pains-128818462

    ( Reply )
  140. PG

    BenDesign July 12th

    Great Job! Thank you.

    ( Reply )
  141. PG

    Maxzon July 14th

    Nice tut.
    Even though I missed some steps and my outcome is bad:P

    ( Reply )
  142. PG

    Elena July 15th

    Hi I’m kinda new to photoshop, this is one of the best tutorial I’ve seen, sadly I got stuck at step 16. Can someone help guide me ?

    ( Reply )
  143. PG

    fung July 17th

    Dear … really nice!! I’ll try something like this too;-)

    Thanks for sharing.

    ( Reply )
  144. PG

    JOweb July 19th

    Hi,

    My thing : http://www.hdf93.net/G_and_G.jpg

    My first contribution, Could someone give me feedbacks ?

    thx

    ( Reply )
  145. PG

    Carl July 23rd

    Awesome work, my only comment is, typographically speaking, the ‘y’ characters look odd. A greneral rule of typography is that characters with uneven or varying weights should stay consistent throughtout.

    I thing the effects you have created and the use of embelishments are phenominal.

    Great work.

    ( Reply )
  146. PG

    m7md July 27th

    sure its so beautiful thanks….

    ( Reply )
  147. PG

    Toniccio August 2nd

    brilliant, fresh rococo typography, creative & inspiring, great work thx for sharing

    ( Reply )
  148. PG

    Chase Stockton August 4th

    Great Tutorial!! I wish a commercial printing time-line could make room for all of these beautiful techniques! Keep them coming!

    ( Reply )
  149. PG

    Nouf August 6th

    hello there, thank you very much for an amazing tutorial. I’ve a question, after 17:40 in the video or screen print step 9 = I’m completely lost. Please help.

    ( Reply )
  150. PG

    Kim Rossi August 7th

    WOW! awesome tutorial. i have an old version of PS and i dont have Illustrator, so mine kinda looks crappy… but the tutorial was awesome. everyone’s outcomes look AMAZING!

    here’s my attempt: http://i28.tinypic.com/jim2ht.jpg

    ( Reply )
  151. Really lovely effect over the background. nice work.

    ( Reply )
  152. PG

    mahvin August 10th

    Alex, you rock, dude… awesome tutorial!

    I took your tute, along with a GIMP translation (by sglider12) and made a similar related image in GIMP, although far from the quality of either tutorial. It was fun and will certainly help me improve my own graphics. Thanks, Alex!

    ( Reply )
  153. PG

    tck August 17th

    thx a lot. Keep it coming :D

    ( Reply )
  154. PG

    Patty August 18th

    The most amazing tut EVER

    ( Reply )
  155. PG

    Jane August 21st

    This is stunning. thank you for al your effort in this — i’m crazy for typography but haven’t worked on anything lately. this has given me huge inspiration. thanks again.

    ( Reply )
  156. As always, this tutorial is awesome! If you guys never shared, I wouldn’t be able to learn anything! keep it rolling out, tuts!

    ( Reply )
  157. PG

    Ms.Bananahama September 13th

    what an awesome tut … and very easy to follow. thx for using the free font and patterns – makes it a lot more fun!!

    ( Reply )
    1. PG

      Ms.Bananahama September 13th

      my outcome =)

      http://twitpic.com/hmp09

      ( Reply )
  158. PG

    Doug C. September 19th

    This is hands down my favorite of the Photoshop tuts I’ve seen. Kudos to you for originality and execution. Awesome stuff.

    ( Reply )
  159. PG

    LkSvn September 30th

    Awesome! I’ll try someday =p

    ( Reply )
  160. PG

    Phil October 12th

    Haha! I love it :D

    ( Reply )
  161. PG

    Kevin October 18th

    great tut! but i’ve a problem with step 11, i can’t get the same color when i use the Erase tool :(

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    October 18th