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

Designing captivating patterns in Adobe Photoshop opens the door to a world of creative possibilities.

In this tutorial, we’ll delve into the intricate process of crafting a mesmerizing fan shape pattern using the powerful Warp Tool. Follow along to transform simple lines into an intricate and visually engaging design that can be applied to various projects.

Setting the Stage: New File Setup

To kick-start our creative journey, we’ll begin by creating a new canvas with precise dimensions and settings. Follow these steps:

1. Open Adobe Photoshop and create a new file.
2. Choose the dimensions of 2400 pixels by 2400 pixels, with a resolution set to 300 pixels per inch.
3. Set the color mode to RGB.
4. Select a transparent background content.

Drawing the Foundation: Creating Lines

Our pattern’s foundation starts with lines that will be manipulated using the Warp Tool. Here’s how to create the base lines:

1. Set your foreground color to black.
2. Use the Marquee Tool (M) to draw a slim rectangle, then fill it with the foreground color using Option + Delete (Mac) or Alt + Backspace (PC).
3. Repeat this process to generate a series of lines, using the Step and Repeat function (Option + Command + T on Mac, Shift + Alt + Control + T on PC).

Warping the Lines: Transforming the Pattern

The magic happens when we apply the Warp Tool to our lines, turning them into an intriguing fan shape pattern. Follow these steps:

1. Merge the line layers into one.
2. Navigate to Edit > Transform > Warp.
3. Choose the \”Squeeze\” option under the Custom settings, adjusting the bend percentage for the desired curvature.
4. Align the pattern to the center and position it appropriately.

Refining the Shape: Creating Symmetry

To achieve an even and symmetrical pattern, we’ll work on refining the shape:

1. Duplicate the pattern layer.
2. Flip the duplicated layer horizontally.
3. Position the flipped layer to create symmetry.
4. Merge the layers.

Forming the Fan Shape: Introducing Ellipses

Now, let’s introduce ellipses to further enhance the pattern:

1. Create a new layer.
2. Draw an ellipse shape using the Ellipse Shape Tool (Shift + U), adjusting the dimensions as needed.
3. Position the ellipse behind the pattern.

Pattern Integration: Testing and Application

The true test of our creation lies in integrating the pattern into a design. Here’s how:

1. Duplicate the ellipse shape.
2. Convert the layers into a Smart Object for flexibility.
3. Arrange the duplicated shapes to form a grid pattern.
4. Align and position the shapes precisely.

Pattern Testing: Applying Colors

Colors breathe life into patterns. Let’s test different color combinations:

1. Apply a pattern fill layer using a predefined pattern.
2. Adjust the colors to your preference.
3. Experiment with variations and color orders.

Expanding the Canvas: Final Touches

To showcase our fan shape pattern in its full glory, let’s expand the canvas and finalize the design:

1. Create a new canvas with dimensions suitable for the pattern.
2. Apply the pattern using predefined actions.
3. Rasterize the pattern layer and define it as a new pattern.
4. Apply the pattern to the original design, experimenting with color and order.


Through this intricate process, we’ve embarked on a creative journey to craft a captivating fan shape pattern using Adobe Photoshop’s Warp Tool. By meticulously manipulating lines, transforming shapes, and experimenting with colors, we’ve unveiled a versatile and visually striking pattern that can enhance various design projects. The possibilities are endless—whether it’s digital scrapbooking, web design, or artistic endeavors, this technique adds an artistic flair to your toolkit. Dive into your creative ventures and explore the myriad ways to make this fan shape pattern uniquely yours.

Looking for more Pattern Design Tutorials?