295 Comments

Stylish Floral Typography

September 17, 2008

This tutorial will teach you how to create a very appealing and slightly abstract text effect that looks like the text is made from plants and flowers; you really have to see it to know what I mean. We’ll be using a lot of floral brushes which look great and also learning a really useful technique for accurately hiding stuff behind other stuff.

Things You’ll Need

Floral brush pack

Introduction

Of all the tutorials I’ve written this is probably my favorite yet; it’s so simple yet looks so complicated and only takes about 10-15mins to get an awesome result. I got the idea from the second image here by Craig Ward. So basically I’ll be showing you how to achieve this effect really quickly in Photoshop. Hope you like it as much as I do!

Step 1

Create a new document with dimensions; 1200x800px then create a new layer and select the gradient tool, click the gradient preview in the main toolbar and choose the gradient that goes from black to white. In the main toolbar change the style to radial and drag from the top right corner to the bottom left to get something similar to the image below. Now just change the opacity of this layer to 15%.

Step 2

Select the text tool then click once in the middle of the document, first change the paragraph alignment to center then choose a bold sans-serif font, I used Helvetica but you could also use Arial Black. Now change the size to 150pt and type your message, it looks better if you use more than one line so just hit Return to go to the next line as you normally would. Go Window>Character to open the character adjustments, highlight your text then adjust the leading (vertical spacing) and tracking (horizontal spacing) to get your text spaced appropriately, I had to change the tracking to 100. Your image should now resemble the image shown below, note that it’s important that there is enough space between the letters to add the plants.

Step 3

First, in the layers panel, change the fill opacity to 0% then right click on the text layer and go to blending options and add a drop shadow using the settings shown below, I’ve also shown the result I got after applying it.

Step 4

The next few steps are the most important so make sure you follow them correctly as you’ll be repeating them a few times. First create a new layer (you may want to create a layer group to put all the plants in) then select the brush tool and select one from the floral pack you downloaded and click once to place it; try and get it looking like it stemming out of the text like in the image below.

Step 5

Go to the text layer and change the fill opacity to 10%, this is so we can see the text while we go through the next few steps; it makes it easier for this part but we’ll change it back later. Go back and select the floral layer.

Step 6

Ctrl+click on the text layer, note that the floral layer should still be selected.

Step 7

Select the polygonal lasso tool and in the main toolbar change the mode to intersect and make sure feather is set at 0px and anti-alias is checked. Now what intersect will do is to select only the parts contained within both of our selections, we’ve already made one selection (the text) so this means that no matter what we are not going to have a selection that extends outwith the text. We want it to look like the flowers weave in and out the letters so some parts have to be hidden behind the letters. Here we want the flower to go behind the bottom of the ‘D’ then through the hole in the middle so to do this you would draw a selection (indicated by the red line) with the polygonal lasso tool and that will make a selection of everything included within both the text and our selection, so only the parts where they overlap. The resultant selection is shown in the second image.

Step 8

Now to hide this part just hit Delete then Ctrl+D to deselect.

Step 9

Okay now repeat steps 6, 7 and 8 to hide some more of the flower, notice how I hid the flower behind part of the ‘N’.

Step 10

You should now be confident using this technique to hide the flowers behind parts of the letters so I’m just going to show a few images of what mine looked like at various stages of the process. You now need to use the same technique from step 4 to step 9 with some more flow brushes. You’ll see in the image below that I added three more flowers and made them weave in and out of the letters, I also put the fill opacity of the text layer back to 0% to show you how this looked but you can keep it at 10% for a little longer.

Step 11

I now added even more flowers and put in some of the smaller ones to balance out the image so none of them were looking too bare, again use the same techniques to hide parts of the flowers.

Step 12

The last step to finish off this image is to refine some of the details as you’ll notice that some of your flowers don’t look like they are stemming from the letters or some are a bit too sharp. Select the brush tool then go back to the basic brushes and choose a 2px hard round brush then create a new layer then paint in some extra details freehand. I’ve shown a before and after example and you’ll notice that I’ve rounded off some of the corners also.

Conclusion

There is a lot further you could go with this image like adding thorns to the text or even putting in some tree brushes but for the purpose of this tutorial I tried to keep it simple and I’ll just leave you to experiment now, Hope you learned something new, leave a comment and spread the word!


Similar Tutorials:

Save and Share this Post

We like people who share our posts! Del.Icio.Us - StumbleUpon - Float - Reddit


Or why not subscribe to the feed? RSS - Email

295 Responses:

  • August 14th, 2014

  • September 23rd, 2014

    sbobet:

    magnificent put up, very informative. I wonder why the opposite specialists of this sector do not understand this.
    You must proceed your writing. I’m confident, you have a great readers’ base already!

  • October 14th, 2014

    inch dog good halo:

    I do trust all of the ideas you have presented in your post.
    They’re really convincing and will definitely work. Nonetheless, the posts are too quick for starters.
    Could you please lengthen them a bit from next time?
    Thank you for the post.

  • October 18th, 2014

    youtube.com:

    What’s up, this weekend is pleasant in support of
    me, since this occasion i am reading this wonderful educational piece of writing here at my house.

  • February 8th, 2015

    Longchamp OutlPromo Code:

    Your website came up in my search and I am impressed by what you have published on this topic. I am currently expanding my inquiry and thus cannot contribute further, nevertheless, I have bookmarked your website and will be returning to keep up with any upcoming updates. Just love it and gives thanks for tolerating my comment.

  • July 22nd, 2015

    Ugg Sandals Black Size 36:

    The subsequent time I read a weblog, I hope that it doesnt disappoint me as a great deal as this one. I mean, I know it was my option to read, but I truly thought youd have something attention-grabbing to say. All I hear is a bunch of whining about something which you possibly can repair need to you werent too busy on the lookout for attention.

  • July 22nd, 2015

    Longchamps Pliage Grand Format:

    avsrokepqdbrdqdlpaglaqgcghrgsirlkh

  • July 27th, 2015

    Adela:

    Awesome! Its actually remarkable paragraph, I have got much clear
    idea regarding from this article.

  • July 28th, 2015

    Hildegard:

    However, when it comes to personal injury, it can be a difficult
    and uphill battle if you try to go it on your own. These countenance right as well asathlete codes of take and rules ordered behind by the bar connection of thecommonwealth in which the attorney was licensed.
    For obtaining a desired settlement, there are certain things which one should do
    in order to get most of the lawsuit filed.

  • July 29th, 2015

    ac company orlando:

    That is a really good tip especially to those new to
    the blogosphere. Brief but very precise info… Thanks for
    sharing this one. A must read article!

  • July 29th, 2015

    orlando federal criminal defense lawyer:

    Hi there, yes this post is actually pleasant and I have learned lot of things from it about blogging.

    thanks.

  • July 31st, 2015

    Demi:

    For the most part, the procedure coincides as making an application for other sort of home loan.

  • August 5th, 2015

    Youtube.Com:

    Attractive component to content. I just stumbled upon your website and
    in accession capital to say that I acquire actually loved account your blog posts.
    Any way I will be subscribing for your feeds and even I fulfillment you
    get admission to persistently rapidly.

  • August 6th, 2015

    http://lohudblogs.com/blog/2010/06/11/pelham-manor-police-chief-stalled-in-new-hires/:

    Researchh peple sees portiln of the Herald-Leader the real estate along with
    classifieds areea to see home results. Times, and Newsday|the Whether there is An Agent addressing retailers or customers, they’ve an obligation for their consumers
    to really have the exposure necessary to shut the offer.

  • August 6th, 2015

    http://weebly.com/:

    Your own CVV card can be a three- or four-digit procedure,
    depending on the credit card company Always spend your payday cash advances back punctually when you get
    settled so that you can borrow again in case the time once more
    comes while you are financially low on cash between paychecks.
    When the finance runs out, this debit card holder must make a new down payment or reload the consideration in order to use the cardboard for new purchases While all cash advance advance lenders
    supply quick bank loan as compete with other conventional loans however cash
    advance primary lenders can provide you faster loan seeing
    that company so that you can indirect loan merchants because such as indirect mortgage lender they do not
    have to make contact with to any alternative party for mortgage loan approval and also loan move.

  • August 9th, 2015

    http://tinyurl.com:

    Very few people are aware that it is very easy to produce concrete blocks and many other concrete based products right out of your garage.
    When you are looking for an SEO Services to work on the search engine optimization of
    your website, you are surely going to have a difficult task choosing amongst so many SEO companies.

    Copywriting services through a Dallas SEO company or copywriting service is
    the best option when you need content on your site.

  • August 9th, 2015

    http://tinyurl.com/:

    In Eventually Weepraxis is one of the Best SEO Company in the global
    that’s why everyday lot of visitor come on our website for attain best information regarding SEO.
    Professionals that specialize in this niche can assist owners with developing marketing plans that embrace a variety of online marketing strategies to expand their online footprint.
    Beyond focusing on long-tail keywords, content quality is also
    crucial for your voice search strategy.

  • August 11th, 2015

    diet doctors langhorne pa 19047:

    May I simply just say what a comfort to uncover somebody who actually understands what they’re discussing on the internet.

    You certainly know how to bring an issue to light and make it important.
    A lot more people should look at this and understand this side of
    your story. I can’t believe you are not more popular given that you
    surely possess the gift.

  • September 26th, 2015

    Longchamp Ern?e Magasin D'Usine:

    Numbers have meaning and are easy to latch on to. We want to hear that you think our company is the best in the world that you want to devote your every waking moment to making our company even better.
    Longchamp Ern?e Magasin D’Usine http://www.keywestgayrag.com/fr/74Gwzfi.html

  • October 3rd, 2015

    m88a:

    It’s actually very complicated in this active life to listen news on Television, so I
    only use web for that reason, and get the newest news.

  • October 6th, 2015

    dark acid house:

    If you are goping for best contents like me, just ppay a quick visit this web page everyday as
    it gives quality contents, thanks

  • October 11th, 2015

    body slim herbal original:

    I find your article very cognitive and meaningful. Thanks for sharing this information

  • October 21st, 2015

    Qu?t tr?n ?èn trang trí giá r? HCM:

    Awesome things here. I am very happy to look your post.
    Thanks so much and I’m looking forward to contact you.

    Will you kindly drop me a e-mail?

  • November 3rd, 2015

    glogspot:

    You made several nice points there. I did a search on the matter and found the majority of people will agree with your blog.

  • November 3rd, 2015

    glogspot:

    I gotta favorite this website it seems handy handy

  • November 5th, 2015

    http://www.401stblow.com:

    Wow! After all I got a blog fro whsre I be capable of trujly take helpful facts concerning my study and knowledge.

  • November 14th, 2015

    NBA General Manager 2015 Triche:

    Download NBA General Manager 2015 Hack Tool and get Unlimited Coins and Cash!
    Download here : NBA General Manager 2015 Triche

  • November 15th, 2015

    http://www.bsd-labpac.com:

    Evvery weekend i used to visit this site, for the reason that i wish for enjoyment, since this this website conattions really pleasant funny material too.
    http://www.bsd-labpac.com

  • November 15th, 2015

    http://www.spidermonkeyfilms.com:

    Amazing issues here.I’m very glad to see your post.
    Thank you so much andd I’m looking forward to contact you.
    Will you please drop me a e-mail? http://www.spidermonkeyfilms.com

  • November 17th, 2015

    http://www.fastimes-indoorkarting.com:

    I am regular reader, how are you everybody? This paragaph posted at this site is actually nice.
    http://www.fastimes-indoorkarting.com

  • November 18th, 2015

    http://www.irananalyst.com:

    Hi my family member! I want to say that this post is awesome, great written andd
    include alost all vital infos. I’d like to perr more posts like this .
    http://www.irananalyst.com

  • November 20th, 2015

    custom writing online:

    It’s not my first time to pay a visit this website, i
    am browsing this web page dailly and get nice facts from here every day.

  • November 25th, 2015

    http://www.liteoak.com/oakadvice/discussion/213324/longchamps-pas-cher-paris-httpwww-makemedroid-comjsdn5gxbpwi7:

    Hmm, I never thought about it that way. I do see your point but I feel several will disagree

  • November 25th, 2015

    http://simonz1982.hazblog.com/admin.php?ctrl=posts&tab=posts&blog=1#post_5:

    Thank you, I’ve just been searching for details about this subject for a whilst and yours may be the greatest I’ve discovered till now. But, what in regards towards the conclusion? Are you certain concerning the supply?

  • December 2nd, 2015

    m88:

    Fantastic items from you, man. I have take note your stuff
    previous to and you are just too great. I really like what
    you have acquired right here, really like what you
    are stating and the way in which by which you assert it.
    You are making it entertaining and you still care for to stay it wise.
    I cant wait to read far more from you. This is actually a terrific web site.

  • January 7th, 2016

    Gus:

    Is it worth using personal blogs for SEO? I heard they are useful but unsure if they have any benefit post penguin
    Stylish Floral Typography – The latest addition to my RSS feed!

  • February 3rd, 2016

    50 Stunning Photoshop Text Effect Tutorials - Seenublog:

    […] by following this easy tutorial. Warm neon glow Six simple steps to create a warm neon glow. Floral Learn how to make stylish floral typography. Splattered blood Blood-splattered mafia-style text! […]

  • March 7th, 2016

    Milford:

    Quality articles is the key to attract the people to visit the web page, that’s what this website is
    providing.

  • March 21st, 2016

    Interim Management Solutions:

    Hi, this weekend is nice designed for me, as this occasion i am reading this impressive educational paragraph here at my home.

  • March 24th, 2016

    psych K facilitator:

    Everything is very open with a really clear explanation of the issues.
    It was really informative. Your site is useful. Thank you for sharing!

  • March 24th, 2016

    Conrad:

    Thank you for another informative website. The place else may I get that type of information written in such a perfect method?
    I’ve a challenge that I am simply now running on,
    and I have been at the look out for such info.

  • April 6th, 2016

    hp toner recycling for cash:

    Find your HP printer model on our checklist and click on on it to see our full
    line of cartridges.

  • April 14th, 2016

    diy natural shampoo for curly hair:

    With all the things from hemp seed butter to jojoba oil, the Maple Hill Naturals
    Shampoo Bar is a contemporary and sophisticated
    blend of herbal and vitamin infused ingredients.

  • April 25th, 2016

    key links books:

    With Calibre on your aspect there isn’t any free Kindle
    eBook you won’t be capable to read.

  • June 19th, 2016

Leave a Comment

©PSDlearning 2016. This site is brilliantly hosted by Mediatemple.