Skip to main content
T
TheHigherSociety
Participant
July 10, 2017
Answered

Floral Font Fill Typography

  • July 10, 2017
  • 4 replies
  • 2685 views

Hi Guys,

Looking to find out how I can achieve this same effect with a floral pattern or picture in illustrator?

Some of the flowers overlap the trim of the letters and I am wondering if anyone has a similar tutorial available.

Thanks,

    This topic has been closed for replies.
    Correct answer Bill Silbert

    It can be done using some set type and the pen tool:

    Start with the pattern (Picture One above). Set the type you want and place it to your liking. Convert the type to outlines and make sure that the outlined text is ungrouped and no longer a compound path (Shift-Option/Alt-Command/Control-8) (Picture Two). With the pen tool draw the outline of the flowers you want to overlap (Picture Three). Select each letter and its overlapping shape one at a time and use the Pathfinder Unite function to combine them into one shape (Picture Four). When all the letters are done select them all and make them into a single Compound Path (Command/Control-8) (Picture Five). Then select the compound path and the background pattern and make a clipping mask (Picture Six). Place a black square behind it for the final result. Once you get the black square in place you might want to tighten the pen tool paths around the exposed flowers using the direct-selection tool.

    4 replies

    Mike_Gondek10189183
    Community Expert
    Mike_Gondek10189183Community Expert
    Community Expert
    July 10, 2017

    I  recommend doing this in Photoshop, as you can get a more precise mask of your flower petal that stick out side the letters

    Bill Silbert
    Community Expert
    Bill SilbertCommunity ExpertCorrect answer
    Community Expert
    July 10, 2017

    It can be done using some set type and the pen tool:

    Start with the pattern (Picture One above). Set the type you want and place it to your liking. Convert the type to outlines and make sure that the outlined text is ungrouped and no longer a compound path (Shift-Option/Alt-Command/Control-8) (Picture Two). With the pen tool draw the outline of the flowers you want to overlap (Picture Three). Select each letter and its overlapping shape one at a time and use the Pathfinder Unite function to combine them into one shape (Picture Four). When all the letters are done select them all and make them into a single Compound Path (Command/Control-8) (Picture Five). Then select the compound path and the background pattern and make a clipping mask (Picture Six). Place a black square behind it for the final result. Once you get the black square in place you might want to tighten the pen tool paths around the exposed flowers using the direct-selection tool.

    Jeff Witchel, ACI
    Community Expert
    Jeff Witchel, ACICommunity Expert
    Community Expert
    July 10, 2017

    It looks like a clipping path is being used for the florals that are being cut off by the lettering. The flowers that are sticking out beyond the lettering are just positioned on top of the clipping path.

    To make a Clipping Path, position your type (not outlined, just regular editable type) above the flowers and leaves in your stacking order. Select both the type and the leaves/flowers and go to Object > Clipping Path > Make. The leaves and flowers that are sticking out beyond the type, should be positioned above the Clipping Path.

    Monika Gause
    Community Expert
    Monika GauseCommunity Expert
    Community Expert
    July 10, 2017

    Basically that one is done by using some image with flowers. Then put the text on it, convert the text to outlines. Draw some paths around some of the flowers. Add that path to the text outline. Make a clipping mask.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices