Typography has become a bit of a buzzword of late, but did you know that it can involve so much more than just font pairings? When you think outside of the (text) box, there’s a whole world of design choices to experiment with. One such trend includes floral typography design, which combines eye-catching lettering with stunning floral designs to create true works of word art. When designed effectively, it should look like the foliage is layered in front of and behind the text, like this:
While it might sound like design magic, we can assure you that no hocus-pocus is necessary. Instead, BeFunky’s Cutout Tool can do all of the hard work for you, as it lets you isolate elements and add them as layers to other images. Keep reading to find out how!
Examples Of Floral Typography Design
You don’t have to look far to find some brilliant examples of floral typography design. From advertisements to company logos, plenty of people are embracing this fantastic, floral art trend. We’ve included three of our favorite examples below.
Floral Typography by Fancy Girl Designs
In terms of traditional floral typography, this is what most springs to mind. This design trend often pairs a bold, sans-serif font with delicate, colorful flowers to achieve the perfect balance.
As you can see in this particular design, some of the flowers appear in the foreground, layered over sections of the text. This makes it look as though the text is almost entwined with the foliage.
Flowers & Letters by Levchenko Calligraphy
This design by Levchenko Calligraphy is a brilliant example of how your floral typography can differ from the norm. Here, the designer has used a photo of real flowers (as opposed to the more popular illustrated clipart), as well as a cursive, handwritten font (instead of the common bold, sans-serif choice).
Even though the text is only slightly layered underneath the foliage, it is still an effective and beautiful floral typography design.
Pentatone Remastered Classics
This floral typography art is quite different to the previous two examples, as it uses a more minimalist design. The text is broken down into sets of letters, which appear to be positioned according to the foliage around them (a popular element of this typography trend).
Now that you're feeling a bit more inspired, it's time to let you in on a little secret: creating this kind of floral typography is actually easy in BeFunky! All you need is a creative vision and the perfect photo editing tool to pull it off. We'll get to that next.
How To Create Floral Typography With The Cutout Tool
To get started making your own floral typography design, head to BeFunky’s Photo Editor and upload a floral image of your choice. This will serve as the backdrop to your typography.
Then, select the Text tab (the ‘A’ symbol) from the side menu to add your own text. A text box will appear on your design, in which you can type whatever you want. You’ll also notice a Text Properties Toolbar, which lets you customize elements such as Font, Font Size, Color, Background, Outline, Highlight, and more.
If you’re after that bold, sans-serif look that many floral typography designs embrace, then we suggest using the font Open Sans in bold. To bulk-up your text even more, add an Outline in the same color. You can also adjust the width of your outline to make your text appear thicker. Once your text is arranged into position on your floral image, take note of any flowers, leaves, petals, etc. which can be brought to the foreground to overlap parts of your text.
Then, it’s time to use the Cutout Tool to achieve floral typography art perfection! Click on the Cutout tool in the Edit menu on the left. As you can see, there are plenty of Cutout options available, including Lasso and Paintbrush (perfect for freeform cutouts), Polygonal Lasso, Circular, and Square. To get the shape of our petals just-right, we’re using the Lasso.
Next, use your mouse to click and drag the Lasso around the edges of your floral element. If you miss any bits, don’t fret, as you can then click on Eraser, followed by Paint, to correct it.
When you’re happy with your cutout, select the big green Export as Layer button. Your cutout selection will now be free moving and you’ll be able to position them over your text by clicking and dragging them around. If they’re still hidden behind your text, simply click the Move Forwards button from the Image Properties toolbar that appears whenever your layer is selected.
Repeat this process for as many floral elements that you wish to overlap your text. When you’ve got your floral typography art looking perfect, click the Flatten Layers button in the bottom left corner of the canvas to virtually glue all those layers in place.
Once those layers are flattened, you can keep on editing or click on Save at the top of your screen to save your work to your Computer, as well as Facebook, Dropbox, and more! If you want to come back to your project at a later date (i.e. to add some extra effects to it), then we also recommend the Save as Project option (which lets you save it as an editable BeFunky Project file to your BeFunky account or Computer).
Ta-da! Wasn’t that fun?
Thanks to BeFunky’s Cutout Tool, you too can create floral typography works of art, just like this one. Ready to master the art of text and foliage? Visit BeFunky’s Photo Editor to get started!