Create a Crispy-Crust Text Effect with Flower Texture in Photoshop

Create a Crispy-Crust Text Effect with Flower Texture in Photoshop

Posted on November 29th, 2008 under Text Effects

In this tutorial, I will demonstrate the processes I used to create this Crispy-Crust text effect with flower texture in Photoshop, inspired by Pizzahut’s thin’n crispy pizza base!

From this tutorial, together we can explore the power of blending style options, brush tools, image adjustment tools such as curve and hue tools, and some selection techniques in Photoshop.

Here is a preview of the final text effect:

Version #1

flower text2 500x171 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Version #2

flower text alt 500x171 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Version #3

flower text alt3 500x171 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

OK, Let’s get started!

Step 1

Click here to download a copy of flower texture, which will be used later in the tutorial. Feel free to use your own flower image if you like.

Step 2

Create a new document with 800*400px dimension, then use the type tool to type some sample texts. I chose this font for this tutorial, however you may use any font you like in your computer. Please see below images for details of this step:

Text Colour:

1 colour pick foreground 500x332 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Text Position:

1 type text 500x250 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

After you finish typing and positioning the text, press ctrl+s to save the document as “Flower Text”.

Step 3

Now we can start exploring the power behind the layer blending options in Photoshop! Right-click the “flower Text” layer and select “blending options”, then apply the following blending style to this layer:

Drop Shadow

2 drop shadow 500x367 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Inner Shadow

2 inner shadow 500x367 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Inner Glow

2 inner glow 500x367 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Bevel and Emboss

2 bevel and emboss 500x367 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Contour

2 contour 500x367 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Color Overlay

2 color overlay 500x367 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Gradient Overlay

2 gradient overlay 500x367 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Step 4

Hold Down Ctrl and Left Click the “Flower Text” layer, this will make a selection the text. Your selection will look like the following image:

3 select text 500x268 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

After you select the text, create a new layer called “flower texture” on top of the “flower text” layer.

Load the flower texture you just downloaded into Photoshop, then go back to the “Flower Text” document and drag the selection (select the rectangle marqee tool from the toolbox, move you mouse over the selection, left click to drag the selection) onto the flower texture document (You can choose anywhere you like). This way we only move the selection, not the image.

On the flower texture document, use Ctrl + C to copy your selection, then go back to the “Flower Text” document, use ctrl + v to paste the selection onto the flower text. Then change the layer blending option to “Lighten” and set an inner shadow for this layer.

Detailed settings please see below:

Layer blending style

3 blending flower overlay 1 500x367 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Inner shadow

3 blending flower overlay 1 inner shadow 500x367 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Step 5

After you apply the layer blending styles, go to image > adjustment > Curve and use the curve tool to adjust a bit of the colour contrast.  Optional: You may also you hue tool the adjust the colour tone of this layer a bit.

Detailed settings see below:

Curve Tool

3 curve flower overlay 1 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Hue/Saturation

3 blending flower overlay 1 hue Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Step 6

Duplicate the “Flower Texture” layer twice. keep the “Inner Shadow” blending option enable for the first one, but disable it for the second one.

So far you will have this effect or something similar:

4 effect so far1 500x166 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Ok, that’s it for this tutorial! As usual I leave out the rest to your own creativity. Remember, tutorial can only give you inspiration and guideline, you will need to develop your own style and try to be as innovative as possible with your work~

I did two versions of this text effect:

flower text2 500x171 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

flower text alt 500x171 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

flower text alt31 500x171 Create a Crispy Crust Text Effect with Flower Texture in Photoshop

Simply drop me a comment if you have any question or feedback for this tutorial. Cheers and have a great day!

Fresh Posts from PSD Vault

Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54 Design Abstract Surreal Text Effect with Metal Texture in Photoshop VIP Exclusive Tutorial – Create Advanced Photo Manipulative Artwork via Grunge Textures and Colour Effect
  • http://www.photoshoplady.com/forums/text-effect-tutorials/138-create-crispy-crust-text-effect-flower-texture-photoshop.html#post468 Create a Crispy-Crust Text Effect with Flower Texture in Photoshop – Photoshop Lady Forums

    [...] Difficulty: Easy Here is a preview of three versions of the final effect: Please click here to access this tutorial. Thanks very much and have a great day! PSD Vault – My Online [...]

  • http://www.animationera.co.cc sriganesh

    these are good one, keep it up,its very useful for beginners

  • http://www.goldpreise.biz/ www.goldpreise.biz

    Hi, thanks for the good “Create a Crispy-Crust Text Effect with Flower Texture in Photoshop” post. Would it be possible, that i can write a story about this post in our local newspaper? I would be really happy if i can do this and i will give you a link from a german blog too. Please answer. Greetings Goldpreise

  • http://www.jamesqu.net James

    Hi goldprecise~
    yeah of course you can~ Glad to see you enjoy this tutorial :)

  • Harkaran

    Very nice, clean, simple tutorial. However when I clicked on the flower texture link it said 403 forbidden. So can you post a different link or send one to my e-mail, if possible to the location of flower texture, it would be greatly appreciated.

  • http://www.psdvault.com James

    Hi Harkaran, I have emailed you the new link for the flower texture.

    Also the broken link is fixed on the post.

    Thanks for pointing it out :)

  • honlitawx

    The texture download is not working. it cannot finished the download

  • http://www.psdvault.com James

    Hi honlitawx, the link should be working now.
    Thanks very much for letting me know

  • Taylor

    I have Photoshop 6.0 and I don’t have a lot of these features. Is there any way to make these on PS 6.0?

    Thanks. And great guide, by the way.

  • http://worldmediablogs.com/ Soyclebogtolo

    http://www.psdvault.com – great domain name for blog like this)))

  • http://donaldsonxhy.megamusicrush.ru Zetwostetus

    http://www.psdvault.com – cool sitename man)))

  • http://clevelanddcu.mevan.ru stustydon

    Hello, I can’t understand how to add your blog ( http://www.psdvault.com ) in my rss reader
    ————————
    ad: http://betsyqoj.far-cry-far-cry-2.ru

  • http://dolim.ru/ HinoNeignee

    http://www.psdvault.com – cooooolest domain name)))

  • http://www.uprinting.com/Business-Cards.html Business Card Printing

    I like the second variation more. Maybe it’s because of the earthy tones and your text says flower text so i guess its more appropriate :) The effect is nice, and leaves lots of room for experimenting with the different colors . Thanks for sharing this!

  • http://tripwiremag.larsvraa.com/tutorials/photoshop-tutorials/stunning-photoshop-text-effect-tutorials.html 80+ Stunning Photoshop Text Effect Tutorials | tripwire magazine

    [...] Create a Crispy-Crust Text Effect with Flower Texture in Photoshop [...]

  • http://photoandpics.org/101-top-photoshop-typography-tuts photoandpics.org » 101 Top Photoshop Typography Tuts

    [...] 32] Flowery text [Tutorial] [...]

  • http://speckyboy.com/2009/06/22/29-cool-and-creative-text-effects-photoshop-tutorials/ 29 Cool and Creative Text Effects Photoshop Tutorials : Speckyboy Design Magazine

    [...] Crispy-Crust Text Effect with Flower Texture [...]

  • http://photoshop.dizayndergisi.com/?p=59 Photoshop Dizayn Dergisi » Blog Archive » yepyeni 19 adet fantastik photoshop metin efekti dersi

    [...] 9 – flower Text Effect [...]

  • http://www.chatgul.com/photoshop/yepyeni-19-adet-fantastik-photoshop-metin-efekti-dersi.html yepyeni 19 adet fantastik photoshop metin efekti dersi | Chatgul.Com / Klavyeden Dostluga acilan kapi

    [...] 9 – flower Text Effect [...]

  • http://www.tripwiremagazine.com/2010/01/140-high-quality-categorized-photoshop-text-effect-tutorials.html 140+ High Quality Categorized Photoshop Text Effect Tutorials | tripwire magazine

    [...] Create a Crispy-Crust Text Effect with Flower Texture in Photoshop [...]

  • http://www.tutoriallounge.com Tutorial Lounge

    really nice text effect in this beautiful tutorial.

  • http://Website Anne

    Hi, the flower texture link is taking me to a song on You Tube….would you mind sending me a corrected link? Thank you so much!

  • James Qu

    @Anne: I have updated the link. it’s the one on the right.

  • http://Website Anne

    Thank you so much, I really appreciate it!

    Anne

  • http://viaits.com/ vlad

    Thanks, this tuturial very help me