How to Make a White Mask Around Art in Illustrator

Decorative patterns are very powerful design visuals: they adorn famous art, architecture and consumer products, and with the technologies of today can be created digitally at lightning speed.

They await great on textiles, cards, book covers, brochures, websites, iPhone cases and many other applications, and give any design that little extra something! They're pretty handy to have in stock and are just fun to make.

Allow'due south accept a look at Illustrator and learn how to create our own blueprint swatch in 5 easy steps.

ane. Conform vector elements into a foursquare

Become to View > Show Filigree. So, brand a vector square in the color you want your pattern background to be in.

In the menu bar, select View > Snap to Grid so your square is aligned with the lines of the grid. Lock your the square layer so that it doesn't accidentally get moved around when you're trying to brand your pattern.

Now you lot need some vector shapes to create your pattern. I arranged some vector flowers I created in Illustrator.

Brand sure they overlap the left and bottom edges of the foursquare.

2. Position your elements

Select the green background square + all the vector flowers that are overlapping the right side of the green square.

Hold down the "option" key, (this makes a copy of your pick) and drag the pick to the other side of the square. While yet holding down the Option central, concur down the Shift central — this volition help y'all line upwardly your selection perfectly with the edge of the foursquare.

For PC users: Option cardinal = alt central

Annotation: you won't demand the extra green square later, only information technology's just to guide you lot while making the blueprint.

At present, practice the same with the flowers that overlap the bottom edge of the foursquare. Select those flowers and the greenish square, press Option then Shift, and drag the selection up until information technology lines upward with the top border of the square.

(For PC users: Alt + Shift )

Delete the 2 dark-green squares yous've simply created (y'all no longer need them), and now you have the bones repeating unit of your blueprint!

3. Create an "invisible box"

Commencement, we are going to copy the green square and make it a new layer under all the other layers. The easiest style to exercise this is Control + C + F. (For PC users: Ctrl + C + F)

It might look like nothing happened merely it did. 🙂 This made an verbal re-create of the green background square and place it in the verbal position as the original green square.

We want to remove the stroke and fill on the lesser square, so it becomes an "invisible box." The purpose of this invisible box is similar to a clipping mask. When we generate the swatch, Illustrator will read this invisible box as the boundries of your design, and it will keep your pattern within the boundries of the box.

You'll detect the squares are on the same layer, and we need to become to the lesser foursquare. In my case beneath, I placed the 2nd green square on its own layer underneath the original foursquare. All the same, if you desire to keep the squares on the same layer, and so expand the square layer by clicking on the arrow in the Layers Panel — you will observe there is the principal layer and ii path layers.

Now, you can select the bottom path layer and remove the stroke and fill up.

4. Elevate information technology into the swatches console

Now select all and drag everything into the Swatches Console. A new swatch with your design will appear. You lot've made your swatch!

You might take to adjust some of your elements along the way to ensure the blueprint is cohesive, and there aren't gaps between the elements. Merely keep experimenting until the pattern looks more to your liking.

5. Voila + relieve

Now you tin can fill whatever shape with your new, completely original pattern swatch!

Select your new swatch from the swatches menu, and then click on the rectangle tool and make a rectangle. The swatch will repeat seamlessly and can exist practical to any kind of shape.

If yous want your blueprint to appear bigger or smaller within a shape, then play with the size of your original pattern, and make it a new swatch again, by dragging information technology into the Swatches Console.

Now that you're worked and then hard on your pattern, you'll want to save it for time to come use. Select your pattern swatch, get to the arrow in the right of the Console and select Swatches Library Menu > Save Swatches.

Name your blueprint and make sure information technology's saved under the "Swatches Binder" in an .ai format.

Now that your swatch is saved you lot can access it by clicking Window > Swatch Library > Other Libraries, where you can locate the .ai file you just saved the swatch in.

It will open the swatch library with your saved pattern swatch in information technology.

Now that you've created and saved a swatch design, the possibilities are endless!

Simple exercises similar these are a step closer to producing piece of work like these amazing artists:

Book encompass: Marian Bantjes

Wallpaper design: Catalina Estrada

Do you have questions or tips on creating pattern swatches?

josephsexper.blogspot.com

Source: https://99designs.com/blog/design-tutorials/create-your-own-pattern-swatch-an-easy-5-step-illustrator-tutorial/

Share this post