Transcripts
1. Introduction & Class Project: Herring bone, also called
a broken twil weave, describes a distinctive
V shaped weaving pattern usually found in twil fabric. The pattern is called
Herring bone because it resembles the skeleton
of a herring fish. Hi, everyone. I'm Giangl
an artist, illustrator, Sanka painter, and
surface pattern designer based in the beautiful
coastal state of India, Goa. Today, I'm excited to
guide you through creating a versatile herringbone
weave pattern in Adobe Illustrator. In this class, I will break down the construction of
both twil weave and Herring bone weave
enabling you to design a variety of patterns using different til structures. Whether you are a beginner
or have some experience, this class is designed
to help you easily follow along as I
break down each step. For the class project, Create a herringbone pattern with a 12 effect using
Adobe Illustrator. Experiment with a few color
and design variations. Export your final
designs as JPEG. Share your patterns in the
student project gallery. I can't wait to see the amazing
designs you come up with. Let's dive in and
start creating.
2. Creating a Herringbone Weave Pattern in Illustrator: To demonstrate the
pattern structure, I will use Adobe Illustrator. Along the way, you
will also learn how to create this
pattern in Illustrator. Let's begin by opening
the application. I'm using an artboard with 12 by 12 inch size and
RGB color profile. As discussed in my
earlier classes, the basic twelwave is defined by its diagonal lines created by an offset in
the warp threads. In twel weaving,
the weft thread, that is the horizontal thread passes over one or
more warp threads, that is the vertical threads, and then under one or
more warp threads. Each row is slightly offset
from the previous one, resulting in the distinctive
diagonal pattern. Whereas the herring bone, which is also called
as broken twill weave, creates a distinctive
broken zigzag pattern by reversing the direction of the diagonal lines at
regular intervals. It has a break or step when the diagonal
direction changes. The most common 12 weave
is a two by two twin, but three by three and
four by four twils are also widely used. For this demonstration, I'm using a three by
three twll where the weft thread passes over three valve threads and then under
three walk threads. However, the basic rule
applies to any 12 weave. Simply replace the
number three with two or four depending on
the twil structure you have chosen to work with. The first step is
to create a grid. For a three by three twill, we need a grid with at least
six rows and six columns. This ensures we capture one complete repeat structure for the herring bone pattern. If you are creating
a four by four tell, start with an eight
by eight grid. For a two by two tel, create a four by four
grid, and so on. To make the grid, select the rectangular grid tool from the drop down menu
under the line tool. Click once on the canvas
to open the tool settings. Next, specify the height and
width of the rectangle and set the number of dividers for both the horizontal
and vertical lines. Make sure the skew is set to 0% and check the box that says use the outside
rectangle as a frame. For this example, I'm setting the rectangle size
to 6 " by 6 ". To create a six by six grid, I will add five dividers, which will give us six
squares across each row and column with each square
measuring 1 " by 1 ". Similarly, for an
eight by eight grid, you would add seven
dividers and so on. Once the grid is created, you can customize
the stroke width and color using
the Control panel. Additionally, you may apply a full color to the entire
grid as a base layer. Later, we will selectively add a second color to specific
squares to build the pattern. The second step is
creating the repeat die. First, identify the
center line of the grid. This is where the weave
structure will offset. On one side of the center line, start filling squares in a
column with the second color. I am using the shape
builder tool here. Select the second color
from the swatches. For a three by three tool, begin by filling three
squares in the first column, starting from the bottom. For the next column,
offset the fill by one square and continue
filling three squares. Repeat this process
for the third column, maintaining the same offset. Now on the other side
of the center line, repeat the same process. But this time, move towards
the right from the center. In the first column, select the alternate squares and
apply the second color. For the next column,
offset by one square. Since there are only
two squares at the top, count three downwards
and fill the bottom one. Continue the same pattern
for the third column, maintaining the
offset structure. Ensure each row and
column contains an equal number of squares
filled with each color. Once you are done, remove the stroke color
from the squares, leaving just the fill colors. And there you have it,
your final repeat tile for the herring bone pattern. Step three is to
test the pattern. To test the pattern, first, let's create
a pattern swatch. Select everything and drag it
over to the swatches panel. Then create a new rectangle
and fill it with the watch. Scale the pattern down to
get a clearer preview. As you can see here,
the pattern looks good, but the diagonal lines
are a bit too narrow. Let's dive into how
we can adjust that. To adjust the diagonal width and make the pattern
more versatile. Start by selecting
the original tile. For a three by 312, you can extend the grid
by adding three columns or a multiple of three
such as six on each side. For instance, you could create a grid with three
plus six plus three, that is 12 columns or
six plus six plus six, that is 18 columns. The number of rows
remains the same. If you're working with a two
by 212, you can add two, four or six columns on each side while keeping the
number of rows at four. Now, let's continue
filling the squares with the diagonal offset pattern
on both sides of the grid. Once you have
completed the pattern, remove the stroke color
from the squares, leaving just the fill colors. Drag it into the swatches panel to save it as a new swatch. Duplicate the rectangle and fill it with the updated swatch. You will notice that as you add more columns to both
sides of the grid, the diagonal width of the
pattern gradually widens. This is your final tie. You can resize recolor and
save it as a pattern swatch. Export it as a JPEG or PNG
file for use in your projects. Let's create a few more
variations using the same file. To change the colors
of the pattern, select everything and click on the recolor artwork tool or go to Edit and
choose recolor artwork. Now select your color group and play around to find
some good options. Another great variation
that you can create using this broken 12 weave texture is with colorful
checks and stripes. First, duplicate the pattern
with a layers watch. Now change the colors of the weave texture
into black and white. Save it into the swatches panel. Resize the dput to a square. I will put the same height
as the wit, which is 18 ". Now, draw a rectangle
with the same size. And fill it with
the pattern swatch. Scale it down to ten to 20%, it resembles the scale of fabric texture and also repeats seamlessly
as a pattern swatch. On a new layer, create a few colorful stripes
with a height of 18 ". Group them and adjust
the width also to 18 ". Align it to the center
of the artboard. Duplicate this group. And rotate by 90 degrees. Now reduce the opacity to 50%. This will give you
a checkered design. Place this layer below the
broken 12 weave texture. Now select the texture
layer and adjust its blending mode to soft
light in the opacity settings. This will create a
beautiful checkered pattern with the herringbone
weave texture. Export it as a JPEG or PNG
five for use in your projects. Thank you so much
for joining me. I truly hope you found
this class helpful. If you have any questions, feel free to drop them
in the discussions page. I would be happy to assist you. Please consider leaving a review and sharing it
with your friends. If you like this class, check out my other short
classes on creating plats and Hounds using Illustrator
and Procreate. Don't forget to
follow me here on skill share to stay updated
on my upcoming classes. Until then, happy creative. H
Geetanjali Behera, Surface Pattern Designer | Illustrator
