This post contains affiliate links. As an Amazon Associate we may earn commission for qualifying purchases. See our disclaimer for more information.

Photoshop offers a vast array of design possibilities, and in this tutorial, we’ll delve into the art of creating raindrop or teardrop shapes using the pen tool.

Whether you’re a seasoned designer or just getting started, this comprehensive guide will walk you through the process, from shaping the raindrop to incorporating it into a versatile repeating pattern.

Setting Up Your Canvas

Let’s begin by setting up a new canvas to work on:

1. Launch Photoshop and create a new file by clicking on \”File\” > \”New.\”
2. Set the dimensions to 1200 pixels by 1200 pixels, with a resolution of 300 pixels per inch.
3. Choose RGB color mode and set the background content to transparent.
4. Click \”Create\” to generate the canvas.

Creating the Raindrop Shape

1. To establish the raindrop shape, we’ll use the pen tool (shortcut: P) for precision:

  • Set the fill color to black.
  • Start by clicking on a point, then drag out the handles to define the curve.
  • Continue creating points and shaping the handles to outline the raindrop form.

2. Adjusting the Shape:

  • Utilize the direct selection tool (shortcut: A) to fine-tune the shape’s curves and angles.
  • To manipulate individual handles, hold down the \”Option\” key (Alt key for PC) while clicking and dragging.
  • Achieve the desired raindrop curvature by modifying the handles’ angles.

3. Refining the Shape:

  • Continue shaping the raindrop until you’re satisfied with its appearance.
  • Use the move tool (shortcut: V) to further adjust and stretch the raindrop shape if needed.

Creating a Repeating Pattern

Now, let’s transform our raindrop shape into a versatile repeating pattern:

1. Convert to Smart Object by Right-clicking on the raindrop shape layer and choose \”Convert to Smart Object.\”

2. Applying a Repeating Pattern:

  • Duplicate the layer
  • Turn on pattern preview mode – View > Pattern preview.
  • Drag the new layer to the corner to create a polka dot style pattern

3. Defining the Pattern by clicking \”Edit\” > \”Define Pattern\” and give it a suitable name.

Incorporating the Pattern

Let’s integrate the raindrop pattern into a digital scrapbook paper:

1. Create a New Document:

  • Open a new document (shortcut: Command or Control + N).
  • Set the dimensions to 3600 pixels by 3600 pixels, resolution to 300 pixels per inch.

2. Applying the Pattern:

  • Add a pattern adjustment layer and select your newly created raindrop pattern.
  • Enhance the pattern by adding solid color adjustment layers with clipping masks.

3. Adjusting Scale and Position:

  • Double-click on the pattern fill layer to adjust the scale.
  • Reposition the pattern as desired by clicking \”Snap to Origin.\”

4. Saving the Digital Scrapbook Paper:

  • Rename and organize your layers.
  • Export the final pattern as a high-quality JPEG by selecting \”File\” > \”Export\” > \”Export As.\”

Exploring Variations

Feel free to experiment with different color combinations and variations of the raindrop pattern. By duplicating the artboard and adjusting colors, you can create unique designs for your projects.


In this comprehensive tutorial, we’ve explored the intricate process of crafting raindrop or teardrop shapes in Photoshop. From shaping the raindrop with precision to creating a stunning repeating pattern, you now have the tools and knowledge to bring your design visions to life.

Remember, practice makes perfect, so don’t hesitate to experiment and explore the endless possibilities that Photoshop offers. Happy designing!

Looking for more Pattern Design Tutorials?