You can just save this Pattern Tile as it is by creating a Create a New Document with the same measurements as your Pattern Tile (in our case it was 1500 x 1450 px) then, Copy (Command/Control + C) and Paste (Command/Control + V) it into the new document and saving it for further use. In our case, we needed to reduce the top and bottom of the bounding square about half the size of the space between elements (25 px from each one) so the tiling would be right correct. Then, select everything and go to Object > Clipping Mask > Make (Command/Control + 7). To crop the leftover portions of the design elements on the edges, use the Rectangle Tool and create a square that has NO Fill and Stroke. Step 5: Crop Leftover Portions of the Design Elements Repeat for the right side edge side but remember to recalculate the Horizontal Move amount if needed and to remove the - (minus) sign before the number since we are moving the items to the right.Īnd if you need it, repeat with the top and bottom too. Check the Preview box to make sure you are getting things right. Click Copy instead of OK to create a duplicate. Since we are moving the elements to the left we should add a - (minus) sign before the number. To reproduce a vertical column of objects, for example, select the ones you want to use and go to Object > Transform > Move (Shift + Command/Control + M) and input the Width measurement you noted before + the one of the distance between elements (in our case it was 1190.854 + 50 = 1240.854). You also may need to keep in mind the distance between elements (if it is a fixed one) so you can add it later. You can check them in the Transform Panel. To add the ones at the edges, check the size of the Width and/or Height of the design elements and write them down somewhere. Step 4: Check Size for Elements on the Edges You may need to Lock (Command/Control + 2) the square to avoid moving it while doing the Pattern. Select the Rectangle Tool, click on your Canvas, and create a 1500 x 1500 px square, Center it and give it a contrasting Fill color so it won’t get confused with the Canvas. For our base design, we decided to go with this cute summer holiday clipart from Design Bundles. The base design can be made from scratch or you can use something similar like vector clipart. Turn On the Rulers (Command/Control + R). We are using 2000 x 2000 px, CMYK Color Mode, and High (300 ppi) Raster Effects as the settings for this one. Bear in mind that if you use vectors, you will be able to resize them without losing resolution but if you use bitmaps of any kind (or rasterize objects) then, you won't be able to enlarge the Pattern that much.Ĭreate a New Document. The settings of the document, as well as the size of the Background and/or Artboard, depends on the desired usage for the Pattern. But, depending on your base design and on the tweaking of the Pattern Options you may not need to worry about this part too much. You need to keep that in mind when you create the base design. What makes your Pattern seamless is that the design elements on the edges mirror each other so when they tile together they will join and form a smooth transition. Patterns in Illustrator are saved as Swatches in the Swatches Panel, where you can click on them to apply and even double-click on them to edit. Prefer that Pattern tiles be of an even dimension that is dividable by 2 but this is more for convenience and not a rule. But keep in mind that the smallest the tile is, the more copies of it are needed to create the Pattern. ![]() The more complex the Pattern is the smallest should be the artwork used to make it. Fill patterns can be geometrical or irregular. There are two types of Patterns in Illustrator, Fill and Stroke patterns, in this case, we will be focusing on Fill Patterns. In this tutorial we will show you how to make a seamless pattern in Illustrator.īasic information about Illustrator Patterns ![]() ![]() They can have multiple applications like fabric for cushions and other home decor items, tote bags, or phone cases, and even as web elements. ![]() Seamless Patterns are very useful design elements.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |