Menu Search
Jump to the content X X
The Smashing Book #5

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Oxford, UK, dedicated to smart front-end techniques and design patterns.

Gorgeous Examples of Floral Typography

Advertisement

Floral typography is the technique that combines typography, calligraphy and lettering to create dynamic, “flourishing” designs. With the help of floral elements you can create very tempting and vivid artworks in which the typography seems to be shaped by plants and flowers. In this way you can convey your message in a very artistic way. In fact, various floral ornaments – which are the essential component of floral typography – can make the design stand out and help the artist to create inspiring, refreshing and thought-provoking pieces of art.

Below you’ll find a beautiful collection of floral typography and also some outstanding tutorials that will help you to master the technique or at least get some understanding of how this technique can be used. Please feel free to explore the further works of the artists presented below as well.

Floral Typography Examples Link

Anybody Seen my Baby1

Screenshot2

BlackOut3

Screenshot4

Ginger Monkey Design5

Screenshot

Siscott6

Screenshot7

White8

Screenshot9

Gig Poster10

Screenshot11

Spring12

Screenshot13

Love14

Screenshot15

Deja VU16

Screenshot17

Keep Reno Green18

Screenshot19

Glamour20

Screenshot21

Logan22

Screenshot23

Soft Type24

Screenshot25

Narani6426

Screenshot27

My Fake Cover28

Screenshot29

Slow progress…30

Screenshot31

The Mask of Sorrow32

Screenshot33

For Right Wrong3634

Screenshot35

For Right Wrong3634

Screenshot37

The Good Die Young38

Screenshot39

A New Leaf

Screenshot

Summer Exhibition40

Screenshot41

Floral Love

Screenshot

Black and white42

Screenshot43

Nokia44

Screenshot45

Excellence46

Screenshot47

Inspire48

Screenshot49

D+G Vector and Drawing50

Screenshot51

Decogrunge Type Treatment52

Screenshot53

Designers don’t commit crimes

Screenshot

A1 paper cut illustration54

Screenshot55

Using mixed media56

Screenshot57

Christmas present – SiScott style58

Screenshot59

Tipo 0460

Screenshot61

MT Ornamental Type Design62

Screenshot63

Narani6426

Screenshot65

Word66

Screenshot67

Funkrush68

Screenshot69

i Love Art70

Screenshot71

Dont Panic72

Screenshot73

Leo Burnej74

Screenshot75

Hide and Seek76

Screenshot77

Yulia Brodskaya78

Screenshot79

Screenshot80

Chaz Maviyane-Davies

Screenshot

sumeco81

Screenshot82

Debra Bishop83

Screenshot84

Hello85

Screenshot86

Floral Alphabets87

Screenshot88

Trust89

Screenshot90

Type Art91

Screenshot92

Graphic Design Everywhere93

Screenshot94

Play95

Screenshot96

Esquire97

Screenshot98

Silk99

Screenshot100

I love you101

Screenshot102

Chanel 4 25th Anniversary Book103

Screenshot104

Type105

Screenshot106

Floral Typography Tutorials Link

Create a 3D Flowery Text Effect107

Screenshot108

Stylish Floral Typography109

Screenshot110

Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop111

Screenshot112

Create a Spectacular Grass Text Effect in Photoshop113

Screenshot114

Super Cool Frilly Bits Typography115

Screenshot116

Old School Type – Line Gradients117

Screenshot118

Dynamic Recessed Watercolor Typography in Photoshop119

Screenshot120

How to Create a Richly Ornate Typographic Illustration121

Screenshot122

Footnotes Link

  1. 1 http://www.behance.net/Gallery/Anybody-seen-my-baby/85767
  2. 2 http://www.behance.net/Gallery/Anybody-seen-my-baby/85767
  3. 3 http://www.behance.net/Gallery/Blackout/169944
  4. 4 http://www.behance.net/Gallery/Blackout/169944
  5. 5 http://www.gingermonkeydesign.com/
  6. 6 http://www.graphic-exchange.com/exellence/siscott.htm
  7. 7 http://www.graphic-exchange.com/exellence/siscott.htm
  8. 8 http://www.behance.net/Gallery/White_-word_/90168
  9. 9 http://www.behance.net/Gallery/White_-word_/90168
  10. 10 http://www.flickr.com/photos/johnquinn/3380705598/
  11. 11 http://www.flickr.com/photos/johnquinn/3380705598/
  12. 12 http://www.behance.net/Gallery/spring/93058
  13. 13 http://www.behance.net/Gallery/spring/93058
  14. 14 http://www.behance.net/Gallery/complicated-love/173139
  15. 15 http://www.behance.net/Gallery/complicated-love/173139
  16. 16 http://www.behance.net/Gallery/Deja-vu/135910
  17. 17 http://www.behance.net/Gallery/Deja-vu/135910
  18. 18 http://www.behance.net/Gallery/Keep-Reno-Green/170025
  19. 19 http://www.behance.net/Gallery/Keep-Reno-Green/170025
  20. 20 http://www.behance.net/Gallery/glamour/93062
  21. 21 http://www.behance.net/Gallery/glamour/93062
  22. 22 http://www.behance.net/Gallery/Renault-Logan/50380
  23. 23 http://www.behance.net/Gallery/Renault-Logan/50380
  24. 24 http://shinybinary.deviantart.com/art/Soft-type-50771132
  25. 25 http://shinybinary.deviantart.com/art/Soft-type-50771132
  26. 26 http://www.behance.net/Gallery/Typography/128149
  27. 27 http://www.behance.net/Gallery/Typography/128149
  28. 28 http://www.behance.net/Gallery/My-fake-cover-(logo)/91761
  29. 29 http://www.behance.net/Gallery/My-fake-cover-(logo)/91761
  30. 30 http://www.flickr.com/photos/matt_in_a_field/3258005523/
  31. 31 http://www.flickr.com/photos/matt_in_a_field/3258005523/
  32. 32 http://www.behance.net/Gallery/Magazine-Work/125104
  33. 33 http://www.behance.net/Gallery/Magazine-Work/125104
  34. 34 http://www.graphic-exchange.com/exellence/siscott.htm
  35. 35 http://www.graphic-exchange.com/exellence/siscott.htm
  36. 36 http://www.graphic-exchange.com/exellence/siscott.htm
  37. 37 http://www.graphic-exchange.com/exellence/siscott.htm
  38. 38 http://www.graphic-exchange.com/exellence/siscott.htm
  39. 39 http://www.graphic-exchange.com/exellence/siscott.htm
  40. 40 http://www.graphic-exchange.com/exellence/siscott.htm
  41. 41 http://www.graphic-exchange.com/exellence/siscott.htm
  42. 42 http://www.flickr.com/photos/jmgarrido/3028604199/
  43. 43 http://www.flickr.com/photos/jmgarrido/3028604199/
  44. 44 http://www.behance.net/Gallery/Nokia/84993
  45. 45 http://www.behance.net/Gallery/Nokia/84993
  46. 46 http://www.graphic-exchange.com/exellence/siscott.htm
  47. 47 http://www.graphic-exchange.com/exellence/siscott.htm
  48. 48 http://firetongue8.deviantart.com/art/Inspire-wallpaper-95176146
  49. 49 http://firetongue8.deviantart.com/art/Inspire-wallpaper-95176146
  50. 50 http://lee25.deviantart.com/art/D-G-Vector-and-Drawing-41516669
  51. 51 http://lee25.deviantart.com/art/D-G-Vector-and-Drawing-41516669
  52. 52 http://www.behance.net/Gallery/Decogrunge-Type-Treatment/52665
  53. 53 http://www.behance.net/Gallery/Decogrunge-Type-Treatment/52665
  54. 54 http://www.behance.net/Gallery/Futura/45576
  55. 55 http://www.behance.net/Gallery/Futura/45576
  56. 56 http://www.behance.net/Gallery/Illustrated-type/133204
  57. 57 http://www.behance.net/Gallery/Illustrated-type/133204
  58. 58 http://www.flickr.com/photos/florian_schmucker/345971693/
  59. 59 http://www.flickr.com/photos/florian_schmucker/345971693/
  60. 60 http://www.flickr.com/photos/23381789@N07/2604065463/
  61. 61 http://www.flickr.com/photos/23381789@N07/2604065463/
  62. 62 http://www.behance.net/Gallery/MT-Ornamental-Type-Design/108376
  63. 63 http://www.behance.net/Gallery/MT-Ornamental-Type-Design/108376
  64. 64 http://www.behance.net/Gallery/Typography/128149
  65. 65 http://www.behance.net/Gallery/Typography/128149
  66. 66 http://www.behance.net/Gallery/Word/107437
  67. 67 http://www.behance.net/Gallery/Word/107437
  68. 68 http://lee25.deviantart.com/art/Funkrush-Final-35267348
  69. 69 http://lee25.deviantart.com/art/Funkrush-Final-35267348
  70. 70 http://degodson.deviantart.com/art/i-Love-Art-119101046
  71. 71 http://degodson.deviantart.com/art/i-Love-Art-119101046
  72. 72 http://www.behance.net/Gallery/Plastic-Illusions/135588
  73. 73 http://www.behance.net/Gallery/Plastic-Illusions/135588
  74. 74 http://www.behance.net/Gallery/Leo-Burnett/85464
  75. 75 http://www.behance.net/Gallery/Leo-Burnett/85464
  76. 76 http://www.behance.net/Gallery/Typography/83203
  77. 77 http://www.behance.net/Gallery/Typography/83203
  78. 78 http://www.artyulia.com/index.php/Illustration
  79. 79 http://www.artyulia.com/index.php/Illustration
  80. 80 http://www.artyulia.com/index.php/Illustration
  81. 81 http://www.sumeco.net/
  82. 82 http://www.sumeco.net/
  83. 83 http://www.thinkingwithshakespeare.org/index.php?id=21
  84. 84 http://www.thinkingwithshakespeare.org/index.php?id=21
  85. 85 http://www.behance.net/Gallery/Typography/83203
  86. 86 http://www.behance.net/Gallery/Typography/83203
  87. 87 http://www.behance.net/Gallery/Typography/83203
  88. 88 http://www.behance.net/Gallery/Typography/83203
  89. 89 http://www.behance.net/Gallery/Trust_/53481
  90. 90 http://www.behance.net/Gallery/Trust_/53481
  91. 91 http://www.behance.net/Gallery/Type-Art/146079
  92. 92 http://www.behance.net/Gallery/Type-Art/146079
  93. 93 http://www.behance.net/Gallery/graphic-design-everywhere/109738
  94. 94 http://www.behance.net/Gallery/graphic-design-everywhere/109738
  95. 95 http://www.behance.net/Gallery/DiR/174882
  96. 96 http://www.behance.net/Gallery/DiR/174882
  97. 97 http://www.behance.net/Gallery/Esquire/85462
  98. 98 http://www.behance.net/Gallery/Esquire/85462
  99. 99 http://www.behance.net/Gallery/silk/93372
  100. 100 http://www.behance.net/Gallery/silk/93372
  101. 101 http://www.behance.net/Gallery/key-(i-love-you)/184046
  102. 102 http://www.behance.net/Gallery/key-(i-love-you)/184046
  103. 103 http://www.behance.net/Gallery/Chanel-4--25th-Anniversary-Book/53853
  104. 104 http://www.behance.net/Gallery/Chanel-4--25th-Anniversary-Book/53853
  105. 105 http://www.behance.net/Gallery/Type-(update)/81540
  106. 106 http://www.behance.net/Gallery/Type-(update)/81540
  107. 107 http://10steps.sg/photoshop/create-a-3d-flowery-text-effect/
  108. 108 http://10steps.sg/photoshop/create-a-3d-flowery-text-effect/
  109. 109 http://psdlearning.com/2008/09/stylish-floral-typography/
  110. 110 http://psdlearning.com/2008/09/stylish-floral-typography/
  111. 111 http://www.psdvault.com/text-effects/create-an-ancient-typography-with-dry-soil-texture-and-floral-brushset-in-photoshop/
  112. 112 http://www.psdvault.com/text-effects/create-an-ancient-typography-with-dry-soil-texture-and-floral-brushset-in-photoshop/
  113. 113 http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/
  114. 114 http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/
  115. 115 http://abduzeedo.com/super-cool-frilly-bits-typography
  116. 116 http://abduzeedo.com/super-cool-frilly-bits-typography
  117. 117 http://www.gomediazine.com/tutorials/old-school-type-line-gradients/
  118. 118 http://www.gomediazine.com/tutorials/old-school-type-line-gradients/
  119. 119 http://psdtuts.com/tutorials/designing-tutorials/dynamic-recessed-watercolor-typography-in-photoshop/
  120. 120 http://psdtuts.com/tutorials/designing-tutorials/dynamic-recessed-watercolor-typography-in-photoshop/
  121. 121 http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-a-richly-ornate-typographic-illustration/
  122. 122 http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-a-richly-ornate-typographic-illustration/
SmashingConf Oxford

Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Oxford, on March 15—16, with smart design patterns and front-end techniques.

CalligraphyTypography

↑ Back to top Tweet itShare on Facebook

Aquil Akhter is a web graphic designer and has been working in this field for 8 years. He also runs the blog webdesigncore.com, which focuses on free web resources and inspiration for designers and developers.

Related Articles

118

Using System UI Fonts In Web Design: A Quick Practical Guide
118

Space Yourself
118

Typographic Patterns In HTML Email Newsletter Design
Advertisement
  1. 1

    XHTML Candy

    May 23, 2009 11:23 am

    Great list of typography. just awesome.

    0
  2. 2

    Jagat

    May 23, 2009 11:25 am

    Thanks a lot. Nice Collection.

    0
  3. 3

    dv

    May 23, 2009 11:52 am

    great list, it’s good that you guys keep the standards up for selecting stuff others will spend time viewing, thanks

    0
  4. 4

    Floris Fiedeldij Dop

    May 23, 2009 12:12 pm

    Sigh, now I will spend another week in ps/cs4 forgetting about the world.

    0
  5. 5

    Shazy

    May 23, 2009 12:14 pm

    I think photos has gone slightly inside from right hand side? i am right? beautiful collection of typography

    0
  6. 6

    Ida Aalen / @idaAa

    May 23, 2009 12:48 pm

    This isn’t new, its from the 1750s!

    Hehe, joking aside, it really reminds me of “Rosemaling” (lit. ‘rose painting’):

    From the all-mighty Wikipedia:

    “a form of decorative flower painting that originated in the low-land areas of eastern Norway around 1750, when Baroque, Rengeny and Rococo, artistic styles of the upper class, were introduced into Norway’s rural culture.”

    http://en.wikipedia.org/wiki/Rosemaling

    0
  7. 7

    maryandmac

    May 23, 2009 1:01 pm

    beautiful work! thanks for sharing.

    0
  8. 8

    Jonathan

    May 23, 2009 1:09 pm

    Some nice stuff here, although a few do look very similar to one another and some are just not readable. I particularly like the ones with a 3D shadow effect.

    0
  9. 9

    Nerisson

    May 23, 2009 1:25 pm

    W O N D E R F U L L !

    0
  10. 10

    Tschai

    May 23, 2009 1:28 pm

    fan-tas-tic!

    0
  11. 11

    ryan

    May 23, 2009 2:54 pm

    looks like Sy Scott inspired a trend! he did many of the pieces in there, didn’t he? I know Summer Exhibition is his too.

    0
  12. 12

    Chris Berry

    May 23, 2009 3:14 pm

    Some are beautiful to behold, but fail completely at communicating a message since they are totally illegible.

    0
  13. 13

    Drew R

    May 23, 2009 5:01 pm

    Beautiful typography! Fav is the “black out” towards the top. Great collection of typography.

    0
  14. 14

    xKelevra

    May 23, 2009 5:07 pm

    I must be the only one who was bored at the half way point viewing these. They all look the same, and don’t really excite, unless you love looking at the same floral patterns over and over.

    0
  15. 15

    Abner

    May 23, 2009 6:02 pm

    I love Yulia Brodskaya’s work!

    0
  16. 16

    Average Joe

    May 23, 2009 6:18 pm

    I think Tord Boontje started (reinvented) this technique before Sy Scott, then it was used in the demoscene and now everywhere. Amazing stuff, but most of them are really similar.

    0
  17. 17

    Fardan

    May 23, 2009 10:47 pm

    awesome!

    0
  18. 18

    logicalnot

    May 23, 2009 10:55 pm

    Agree with nº14. This selection is coming 2 years too late.
    Time to move on folks.

    0
  19. 19

    Ozy

    May 24, 2009 1:16 am

    Drop the floraluse guys, its a dead trend :)

    Wireless and nature are still nicely done.
    But floral,, nah

    0
  20. 20

    Kevin

    May 24, 2009 3:18 am

    Simply amazing! Wow!

    0
  21. 21

    macias

    May 24, 2009 4:18 am

    wow – beautiful !

    0
  22. 22

    Harald Schipper

    May 24, 2009 4:39 am

    Amazing collection! Really love.. wel.. all of them I guess. Especially those by Yulia Brodskaya.

    0
  23. 23

    domonoky

    May 24, 2009 4:58 am

    Very nice.

    But many of this show the common problem of overdoing it. If you add to much to the text, it becomes unreadable, and the whole point is lost.

    0
  24. 24

    Berong

    May 24, 2009 6:13 am

    WoW!
    no matter what media is behind all these.
    it’s stunning.

    0
  25. 25

    Listen Up!

    May 24, 2009 7:48 am

    Thoroughly enjoyable post. Fantastic, inspiring collection! Kudos, Aquil Akhter!

    0
  26. 26

    Ally E.

    May 24, 2009 7:50 am

    amazing. so inspirational. now I wan t to go and make my own floral typo.

    0
  27. 27

    Tsesci

    May 24, 2009 8:28 am

    nice

    0
  28. 28

    Arsi

    May 24, 2009 10:41 am

    amazing work

    0
  29. 29

    iphigenia3

    May 24, 2009 10:55 am

    This reminds me a lot of the calligraphy examples in the Speedball handbook when buying pen points and supplies in my distant youth!

    0
  30. 30

    Peo

    May 24, 2009 1:18 pm

    I belive it is Leo Burnett not Leo Burnej. Nice list btw.

    0
23
Next »

↑ Back to top