Graphic Design: Make a Floral Composition (intermediate) | Freepik
Articles Blog

Graphic Design: Make a Floral Composition (intermediate) | Freepik

October 11, 2019


Hello and Welcome.
Today we’re going to create a floral illustration with type in Adobe Illustrator. Let’s begin.
First we start with the Type tool. Write out your word and choose your font. I’ve chosen “Believe” for my word and “Bebus” for my font. Draw a grey rectangle behind the text and set the
fill color of the text to white. Lock these objects in your layers
panel for now. Using the Blob brush tool, I’m going to draw out my basic
design. I’ve set the brush to 4 points with pressure enabled. My goal is to have vines
and leaves intertwining the text. Draw and doodle all over your text on a new layer.
You can change the design later if you want. Add leaves big and small and colorful
flowers too. Some parts of these shapes will be behind your text, while others
will be in front of it. Get messy and expressive at this stage. You can tighten
up your design later. I’m going to jump ahead to my completed sketch design
which I created earlier. My sketch will serve as a guide for my full illustration.
Reduce your sketch layers opacity and lock it in the layers panel. Zoom in, add a new layer, use the drawing tool of your choice to begin recreating the leaves and vector.
I’m using the Pencil tool whose fidelity is set to “smooth”. Draw and trace leaves from
your sketch. Take your time to recreate each shape. I like to start in the upper
left corner for illustrations like these. Select your leaves and change the fill
color to green. Then, in the gradient panel, set the
fill color to a linear gradient that goes from green to dark green.
I like for my greens to have a bit of blue in them. You can choose whatever
colors you want. Use the gradient tool to angle your gradient
as you see fit. I want the darker color toward the center
of my design and lighter colors toward the outside.
For my flowers, I’ll set their fill color to a linear gradient that goes from coral to
light orange. I like to keep designs like these fairly simple
in terms of color choices. You can of course add as many colors and designs
as you want. This is just the start of fantastic floral illustrations.
Let’s continue creating leaf shapes around the composition.
I like to take one type of design a time. So I broke down my designs into
leaves, vines and flowers for the main components. Since we were already working with gradients,
newly drawn shapes should have the same leaf gradient used previously. You’ll likely need to run around your composition with the gradient tool
though, and fix those angles. Make sure your objects are closed and as smooth
or complex as you want them to be. Use the Pencil tool or even the Blob brush
tool to draw vines and stones. Running on ahead… I’ve drawn my leaves, vines and
flowers. Vary your flower shapes. Consider looking at tropical flowers of all
sorts to create fun and beautiful shapes. Create flowers and leaves that draw
the viewers eye around the composition. Finally, you may want to unite
some of the leaves and vines that are close together in the composition. You can
do so in the Pathfinder panel. I hid my sketch layer and pasted a new instance
of my text above my design. The background and old text layer are locked in the
layers panel. You’ll want to decide what parts of the texts are behind or in front of
the text. Expand your copy text under Object. Reduce
its opacity to 30% or so, and zoom in.
We’re going to get the floral design to weave in and out of the text. Select your
first letter and one of the leaf objects. You have to decide if you want it above or
below the text. Use the Shape builder tool to unite the parts of the leaf with the
letter that you want behind the letter. I want this fine to weave in and out of the
B and E. So the left half will be behind, the middle will be above and the right
part will be behind again. I have to unite these three sections of the E vine
together, to get that effect. It’s simple but can be time-consuming. For
complex sections, feel free to select more than two objects at a time. Sometimes,
you may unite shapes and find your united shape change color. Simply change
it back to the color you want. Repeat this process all over your design.
And feel free to redraw parts of your design that may not have fit previously.
I want this fine to sneak around the E. I redrew the vine shape, uniting it with some
of the objects near it, in the Pathfinder panel. After adjusting the gradient angle, I united
the top edge with the E, one part of the middle and a small bit near the bottom.
Now, it really looks like the vine is wrapped around the letter. Let’s jump ahead
again. After figuring out these new shapes, I added a simple solid drop
shadow to my leaves and flowers. This is entirely optional. Next, I want to render
the leaves and flowers. Using the Pencil tool I drew shadow shapes on each
of the leaves. Cast shadows, form shadows and even designs like veins in the
leaves. My gradient is set in dark green at one 100% opacity to 0%
opacity. Some of the shapes are set to multiply in the transparency panel
too. Play around with these settings and shapes as you see fit. Draw as many or
as few as you want in order to make your floral design pop out from the
text and background. Use the Gradient tool to adjust the angle of your linear gradient
shapes. I want my darker opaque colors closer to the
text and lighter transparent colors further away. Layer as many shapes you want, too.
I like to paint with gradient vector shapes personally, it’s fun! Continue
on with this technique around your composition rendering any leaves or flowers
as you see fit. It can be a tedious process but it’s well
worth it for the final product. One final jump to our final result! Now you have
the tools and techniques you need in order to create fun and fantastic floral
text illustrations. Thank you for watching

Only registered users can comment.

  1. Great illustration. The only thing that bothers me is the green leaf where the L and I meet at the bottom. Having that leaf there makes the L and I form a U. I'd rid that one leaf so that I know its not a U but an L and I that spell beLIeve. Other than that lovely  floral.

Leave a Reply

Your email address will not be published. Required fields are marked *