How to Design a Flower in a Geometric Style

In this short Adobe Illustrator tutorial, we’ll design a geometric letter “F” that resembles a flower. Using simple geometric forms, basic Illustrator tools, and the Pathfinder panel, you can build a clean and creative alphabet illustration. This project takes inspiration from the Alphabet Design Challenge featured in a recent design workshop.

Let’s get started!

Step 1: Sketch the Concept

Begin by creating a rough concept sketch. Use the Blob Brush Tool (Shift + B) to freely draw your idea.

While sketching, think about the geometric elements that will later define the artwork. Shapes such as octagons, rectangles, squares, circles, and rounded rectangles work particularly well for this project.

Your sketch doesn’t need to be perfect—it simply serves as a guide for the final vector artwork.

Step 2: Build the Flower Pot

The first object we’ll create is the flower pot.

Draw a rectangle using the Rectangle Tool (M).

Add a circle with the Ellipse Tool (L).

Duplicate the rectangle and place the copy behind using Cmd/Ctrl + B.

Select the lower anchor points of the copied rectangle and scale them outward to create a tapered shape.

Select both rectangles and choose Object > Path > Add Anchor Points. Adjust the newly created points to match the desired pot shape.

Duplicate the circle with Cmd/Ctrl + F and resize it.

Draw a vertical line through the center of the pot.

Select the line and choose Object > Path > Divide Objects Below.

Press D to apply Illustrator’s default appearance: white fill and black stroke.

Your flower pot is now complete.

Step 3: Create the Stem

Next, construct the stem of the flower.

Draw a Rounded Rectangle.

Create a smaller rounded rectangle and rotate it slightly.

Hold Alt + Shift while dragging to make a duplicate.

Press Cmd/Ctrl + D to repeat the duplication at the same spacing.

Group the three shapes together.

Duplicate the group and arrange the copies according to your sketch.

The stem structure should now be in place.

Step 4: Design the Leaf

The leaf can be created with a few simple adjustments.

Draw a square using the Rectangle Tool (M).

Rotate the square.

Move its anchor points until it resembles a leaf shape.

Duplicate the shape and resize the copy.

Draw a vertical path through the center.

Select the path and apply Object > Path > Divide Objects Below.

This creates a stylized geometric leaf.

Step 5: Form the Flower Petals

The petals are straightforward to build.

Start with a square.

Modify the anchor points to create a petal-like shape.

Duplicate the shape several times and arrange the copies to form the flower structure.

Adjust the placement until it resembles the reference design.

Step 6: Construct the Flower Center

Now let’s create the inner section of the flower.

Draw an octagon.

Create an 8-point star.

Align both shapes to the center.

Ensure the star fits neatly inside the octagon.

Duplicate the octagon and modify its proportions.

Select the edited octagon and the star.

In the Pathfinder panel, click Intersect.Fine-tune the resulting shape to match the design.

The center of the flower should now be complete.

Step 7: Assemble the Letter

Combine the flower pot, stem, leaves, petals, and center into one composition.

Arrange the elements until they clearly form the shape of the letter “F” while maintaining the floral appearance.

Once the structure looks balanced, you’re ready to apply color.

Step 8: Prepare a Color Palette

Choose a bright and playful palette for the illustration.

You can create your own palette or generate one using techniques similar to those found in color-themed Illustrator tutorials.

Keep the palette visible near your artwork for easy color selection.

Step 9: Add Color

Apply colors using the Eyedropper Tool (I).

Select a color from your palette.

Hold Alt while using the Eyedropper to quickly apply colors to shapes.

Experiment with different color combinations until the flower feels lively and balanced.

At this stage, your floral “F” should begin to take shape visually.

Step 10: Add Extra Details

Enhance the design by introducing additional geometric accents and decorative elements.

Small shapes, lines, and patterns can add visual interest and make the illustration feel more dynamic.

Use these details carefully so they support the overall composition without overwhelming it.

Final Result

To finish the artwork:

Select everything with Cmd/Ctrl + A.

Copy the artwork and paste it behind.

Ungroup all objects.

Use Pathfinder > Unite to merge the shapes.

Apply a purple stroke around the design to create a subtle outline and strengthen the overall appearance.

Your geometric flower-shaped letter “F” is now complete!

Thanks for following along, and I hope you enjoyed creating this colorful typographic illustration.