Creating an In the Hoop Tablet Case with Quilted Design Using Array Fill

Creating an In-the-Hoop Tablet Case with Quilted Design Using Array Fill

Share it!

In this project, we guide you through creating a custom tablet case with a stunning quilt-like design using the Array Fill feature. This technique not only enhances plain fabrics but also complements quilting projects, adding a unique touch to even the simplest sewing creations.
You’ll learn how to craft a beautiful scallop pattern that not only decorates your tablet case but also secures the protective batting in place.
We’ll take you step-by-step, from measuring your tablet and rounding the corners of your case to designing and customizing your pattern with gradient colors. The process includes optimizing the embroidery sequence and finalizing the design, ensuring a seamless and polished finish. 

YouTube player

Getting Started with the In-the-Hoop Tablet Case

First things first, we need to measure our tablet to ensure a perfect fit. Measuring accurately is crucial to ensure that your tablet fits snugly in the case without being too tight or too loose. Measure your device and add 3 cm to each dimension to account for seam allowance. This extra space will accommodate the batting and seams, ensuring a professional finish. For example, if your tablet is 135mm by 200mm, you’ll draw a rectangle of 165mm by 230mm. This method ensures that you can create a custom case regardless of your tablet’s size.

To make the bottom corners rounded, right-click on the rectangle and choose “Convert to Curves.” Using the node editor, add nodes approximately 2 cm from each corner and delete the corner node to create smooth curves. Rounding the corners not only enhances the aesthetic appeal but also makes it easier to turn the case right side out after stitching, reducing bulk at the seams.

Preparing the Applique

Set the fill of this shape to applique and remove its outline for better visibility. The applique fill will first stitch a running line on the stabilizer, which acts as a guide for placing the batting and fabric. This ensures that everything is positioned correctly from the start. The second running stitch secures the batting and fabric in place, providing a stable base for the decorative stitches that follow.

Using the autoborder tool, create an additional running line 10mm outside the shape. This line will act as our seam allowance guideline and will also be filled with our pattern. The seam allowance ensures that the edges of the fabric are caught in the seams when the case is assembled, giving it a neat and professional finish.

Creating the Quilted Design Pattern and Applying it with Array fill

Now comes the fun part – creating the quilted pattern. Select a fill color for the new rectangle and go to Fill properties. Choose the array type, and from the clipart library, select “pattern 05 wave” for a simple two-line wave pattern. This pattern is inspired by traditional Japanese Sashiko stitching, known for its repetitive and geometric designs that add a touch of elegance and sophistication to any fabric.

Insert it by clicking and dragging, holding the shift key to keep it parallel to the x-axis. Keeping the pattern aligned with the x-axis ensures uniformity and helps maintain a consistent look throughout the design. Adjust the size and placement as needed. The ability to customize the size and orientation of the pattern allows you to tailor the design to fit your specific project.

Set the fill type to rectangle and ensure “Trim shapes” is checked. This setting trims the pattern to fit perfectly within the boundaries of the shape, preventing any parts of the pattern from extending beyond the edges. Use the node editor and keyboard arrows for precise adjustments. Fine-tuning the pattern placement ensures that it looks balanced and professional.

You can further customize by separating the pattern into objects, ungrouping, and applying different colors or stitch types, such as satin serial for a more playful look. Customizing the pattern colors and stitch types adds depth and interest to the design, making your tablet case truly unique.

Finalizing the Design

To optimize the stitching sequence, set the optimization strategy to “Top to Bottom.” This ensures the upper parts are embroidered first, followed by the lower parts. Sequencing the stitches in this way prevents the fabric from shifting and puckering, resulting in a smoother finish. Now, one side of the tablet case is ready.

For the other side, feel free to use the same design or create a variation. This flexibility allows you to experiment with different patterns and colors, giving each side a unique look. Save your first design under a new name to keep all parts ready. This way, you can easily make modifications without starting from scratch.

You can draw a circle, duplicate it, and use the autoborder tool to create repetitions, adjusting positions and trimming unnecessary parts. This technique is excellent for creating intricate designs with minimal effort. Apply your preferred colors and stitch types, then convert the shapes to fill the tablet case area. Ensure the final running stitch includes the necessary seam allowance. This step is crucial for maintaining the integrity of the seams when the case is assembled.

Prepare the design and finalize the sequence by grouping all parts of each color together. This step helps streamline the embroidery process, ensuring that the machine stitches all sections of one color before moving on to the next.

Materials Required

Before we dive into the design and creation process, let’s gather all the materials you’ll need to complete this project:

  • Embroidery Machine: Capable of handling in-the-hoop designs.
  • DRAWings PRO embroidery software: To design and digitize the pattern.
  • Stabilizer: A piece large enough to fit your hoop.
  • Fabric for the Outside Layer: A piece slightly larger than the design.
  • Fabric for the Lining: Another piece slightly larger than the design.
  • Batting: Two pieces slightly larger than the design.
  • Assorted Threads: To match or contrast with your fabric.
  • Elastic Band: For the closure.
  • Button: To secure the elastic band.
  • Printout of the Design: To use as a guide.
  • Paper Tape: To hold fabric in place during stitching.
  • Scissors: For trimming fabric and batting.
  • Iron: For pressing the final product.
  • Pins: To hold the elastic band in place during assembly.

Having these materials ready will make the process smoother and ensure you achieve the best results.

Creating-an-In-the-Hoop-Tablet-Case-with-Quilted-Design-Using-Array-Fill-Materials

Assembling the Tablet Case

With the design work completed, it’s time to bring your creation to life. Gathering all your materials beforehand ensures a smooth assembly process. Here’s a step-by-step outline to help you assemble your tablet case effectively:

First Side

  1. Hoop the Stabilizer: Place a layer of stabilizer into the hoop. The stabilizer provides a firm base for your embroidery, preventing fabric puckering and distortion.
  2. Load the Design: Load the digitized design into your embroidery machine.
  3. Stitch the First Running Line: This initial stitch acts as a placement guide for the batting and fabric.
  4. Place the Batting and Fabric: Cut two pieces of fabric and two pieces of batting, slightly larger than your design. Position one layer of batting and one layer of fabric on top, ensuring they cover the running stitch. The batting provides cushioning for your tablet, while the fabric serves as the outer layer of the case.
  5. Secure with the Second Running Stitch: This stitch holds the batting and fabric in place, providing a stable base for the decorative stitches.
  6. Trim Excess Batting: Carefully trim away the excess batting between the stabilizer and the fabric. This step reduces bulk at the seams, ensuring a cleaner finish.
  7. Embroider the Decorative Stitches: Follow the sequence to embroider the decorative pattern, switching threads as needed for your chosen colors.
  8. Cut Around the Design: Use the final running stitch as a guide to cut around the first side of the tablet case. This precise cutting ensures that the seam allowance is even all around.

Second Side

  1. Repeat the Process: Follow the same steps as above to prepare the second side of the case.
  2. Place the First Side on Top: Align the first completed side on top of the second side, right sides facing together. Use paper tape to hold them in place.
  3. Final Running Stitch: Secure the two parts together with the final running stitch, which follows the seam allowance guide.

Finishing Touches

  1. Remove the Hoop and Stabilizer: Carefully remove the hoop from the machine and detach the stabilizer.
  2. Trim Excess Fabric: Cut the fabric up to the seam allowance line, ensuring clean edges.
  3. Turn Right Side Out: Gently turn the case right side out. Use a point turner or a blunt tool to push out the corners for a crisp finish.
  4. Add Elastic Band and Button: Find the middle of one top side and pin the elastic band in place. Sew a button on the opposite side to secure the band, providing a practical and stylish closure.
  5. Attach the Lining: To give your case a professional finish, add a lining. Use a print of your design as a guide, mark the outer line, and then mark some seam allowance to the inside. Sew the two layers of lining together, leaving an opening at the bottom.
  6. Slip the Lining Over the Main Case: Align the lining with the main case and stitch around the top edges.
  7. Final Stitching: Pull the main part of the case out through the opening in the lining, sew the opening closed, and then iron the case.
  8. Top Stitch Around the Edge: Top stitching not only secures the lining in place but also adds a decorative finish.

Final Thoughts

Your custom in-the-hoop tablet case is now ready! This project demonstrates the versatility and creativity you can achieve with DRAWings PRO embroidery software. From measuring and designing to assembling and adding final touches, each step is an opportunity to customize and perfect your creation. This technique is versatile, perfect for creating various projects like glass cases, coin purses, and more.

We hope this detailed guide inspires you to explore the endless possibilities of in-the-hoop designs. We’d love to see your creations – share them in the comments below and follow us for more embroidery inspiration!

Stay tuned for more tips and tricks, and happy embroidering!



DRAWings PRO Help Group

Happy crafting and don’t forget to share your creations with us in the
DRAWings PRO Help Group!

You can download the .DRAW file of the project, for free, from the link below:

It can open only with the XII and later versions of DRAWings embroidery software

Frequently Asked Questions

For the outer layer of the tablet case, you’ll want to choose a sturdy, medium-weight woven fabric like quilting cotton, canvas, linen or home decor fabric. These fabrics have enough structure to protect your device, while still allowing the embroidered quilted design to nicely pop. For the lining, opt for something softer next to your tablet screen like cotton lawn, voile or flannel.

Be sure to test your fabric choices first by embroidering a small sample swatch. This will ensure the fabric is stable enough to withstand the dense embroidery stitches without excessive puckering or distortion. Using proper stabilizer and adjusting densities as needed based on your swatch test will also help achieve perfect results.

The stabilizer you choose will depend on a few factors: your machine type, fabric selections, and desired finished project weight. For most standard in-the-hoop projects like this tablet case, a tear-away or cut-away stabilizer works well as a base to provide stiffness during stitching.

Look for a heavyweight, woven stabilizer to support all the design elements. Many quilters and embroiderers recommend using two layers of stabilizer for extra reinforcement and stability with dense embroidery designs. Always be sure to review your machine and stabilizer manufacturer’s guidelines as well. Proper stabilization is key for crisp results and preventing fabric distortion.

Absolutely! While the traditional quilting and sashiko patterns included in the DRAWings library are perfect for replicating quilted looks through embroidery, nearly any pattern can be used creatively with the array fill tool.

Get inspiration from other clipart, embroidery designs, or even your own digitized artwork. Geometric patterns, repeating borders, or motifs with open spaces all have potential for unique array fill designs. The key is finding a pattern shape that layers and tiles in an aesthetically pleasing way when repeated. Don’t be afraid to think outside the box!

Determining fabric needs for an in-the-hoop embroidery project requires careful measurement of your finished design dimensions and some basic calculations. For the outer case fabric layer, measure the full width and height of your embroidered design area, including any seam allowances, plus 3-4 inches (7,5-10,2 cm) of excess on all sides.

For example, if your embroidery measures 8″ x 10″ (20 cm x 25 cm), cut fabric pieces at least 12-14″ wide (30,5-35,6 cm) by 14-16″ tall (35,6 – 40,6 cm). This ensures you’ll have full coverage during embroidery hooping and enough excess to trim cleanly afterward. The lining pieces only need 1-2″ (2,5 – 5,1 cm) of excess allowance beyond your design outline’s dimensions. 

Adding lining layers brings a professional, polished finish to your embroidered case project. While the applique techniques create a padded exterior, lining both interior sides gives a smooth finish and protects inner seams or unfinished edges.

First, print a template of your final embroidered design outline to use as a guide. Measure the length and width, adding 1-2″ on all sides for seam allowances. Cut two pieces of lining fabric to this size, leaving one straight side open on each for turning and stuffing the case later.

With right sides together, sew along the unfinished edges, clipping inner corners, then turn the lining pieces right-side out through the openings. Press flat, insert the padded embroidered exterior between the lining layers, and slipstitch or topstitch the openings closed. A crisp, clean lining is achieved!

For quilting and embroidery designs, you’ll want to use high-quality threads made specifically for machine embroidery. Look for polyester, cotton, or rayon machine embroidery threads, which are strong, colorfast, and have a beautiful shine and luster.

Consider using a mix of thread types for different design elements – a 40wt polyester or cotton for detailing and outlines, combined with 30wt cotton, rayon or metallic threads for fill areas. Having a range allows you to play with textures and sheens.

Avoid using all-purpose sewing threads, which may fray, lose tension, or appear dull on dense embroidery. With the right threads, your quilted embroidery will maintain its vibrant look for years.

While the overall appearance of array fill patterns are determined within the DRAWings software settings, you may need to make adjustments based on your project fabric. This ensures the stitches embroidered cleanly with proper density and coverage.

For lightweight, loose-woven fabrics, increase the pattern spacing or use a lower stitch density setting to prevent puckering or seaming. Reduce density further if using a lightweight batting or very stretchy fabric that could distort. 

Conversely, on heavier, stiffer fabrics like canvas, felt or vinyl, you’ll want to decrease the pattern spacing and/or increase the density for full, uniform coverage. Having nicely merged stitches helps the pattern pop.

Always test stitch a sample first on scraps of both the outer fabric and lining you plan to use. This allows you to fine-tune settings before stitching the full design.

One of the great aspects of custom embroidered cases is the ability to personalize them with extra functional or decorative touches. For tablet cases, add an elastic loop and button or snap closure to keep the case securely fastened. This prevents your device from accidentally slipping out.

You can also enhance visual interest by mixing different thread types, experimenting with feather or trapunto stitching, or embroidering names, initials or other text designs. Incorporate trims like cords, ribbons or piping along finished edges.

Get creative – with the right planning, nearly any extra detail can be easily incorporated right into your initial embroidery file using the DRAWings software.

With quality materials and stabilization, your custom embroidered case should remain vibrant and last for years. However, proper care is still important to maintain it in good shape and prevent excessive fading or fraying.

Follow the same care instructions as you would for any quilted item or embroidered garment. Machine wash in cool water on a gentle cycle using a mild detergent and line or lay flat to dry. Avoid high heat which can damage embroidery threads over time.

For occasional light cleaning, use a soft brush or compress air to dislodge debris from the embroidered areas. Store your finished case out of direct sunlight which accelerates fading.

The array fill quilting technique can bring eye-catching detail to all sorts of projects beyond tablet cases! Use it to create custom handbags, clutches or zipper pouches with allover quilted patterns on the exterior. Or dress up home items like placemats, table runners, and pillow covers with dimensional quilted motifs.

Array fill patterns also work beautifully as accents on garment pieces like jacket or vest backs, pant legs, or pockets. Even quilting and home decor projects can incorporate embroidered array quilting elements as unique border designs or applique elements.

With some creative planning, the quilted array fill effect can elevate nearly any sewing project for a signature, hand-crafted look.


Check also, our related projects “Puff Foam embroidery: Mastering 3D Embroidery on Hats“, “DIY Drawstring Backpack with Applique Decoration“, “How to Make a Detachable Collar with an Embroidered Monogram” & “HOW TO MAKE A BEAUTIFUL RABBIT KEY COVER FROM SCRATCH” & “DIY: HOW TO MAKE A CUSTOM GLASSES CASE WITH YOUR OWN DESIGN“,”DIY Valentine’s Day Special: Create Your Own Split Heart Keychain


Similar Posts