Now that we have our first element created and placed, we can start adding other overlapping edge elements that we need to copy, paste, and move. To learn more about math function in Illustrator, read our Quick Tip: Math Function in Illustrator. After you press return you should now see four text elements. With the copies still selected, type “- 300 px” in the Y value AFTER the current Y value. Select both copies of the text element, Copy (Command + C), and Paste in Front (Command + F). We repeated out text element on the right side, now we have to repeat our text over the bottom edge. After you press Return, you can see it moved the text the exact distant to make the pattern seamless. With the text still selected, from the Transform panel type “+ 300 px” (the width of our original square) in the X Value AFTER the current X Value. With the text elements selected, Copy (Command + C) and Paste in Front (Command + F). Since we placed the text over the top and left edge, we have to make sure it will repeats over the bottom and right edges of the square. Group (Command + G) all the text elements and place over the top left corner of the square. I also created a simple shadow by Copy (Command + C), Paste in Back (Command + B), and changed the fill of the text. I added some highlights with the Blob brush, which you don’t have to do. With the Text tool (T) create some text and choose a fun font. It will make more sense when you see it in action in the next couple of steps. Basically we Copy (Command + C) an element, Paste in Front (Command +F) and move to the opposite edge with a value equal to the dimensions of the our original square’s edge (in the case of this tutorial, 300 px). This seems more complicated than it really is. If an element is hanging off the left edge 10 px, you have to make sure the element is repeated on the right edge 10 px from the edge. In a seamless pattern, elements that overlap edges over our square need to be copied to opposite edges to create the repeated seamless effect. Fill the rectangle with a base color and take off any stroke. I am using a rectangle that is 300 px by 300 px. For the pattern, you are going to want a square with simple values (100 px as opposed to 101.375 px) so it is easy to recall the values when moving and transforming.
0 Comments
Leave a Reply. |