Illustrator Create a seamless collage pattern style tutorial

Source: Internet
Author: User
Tags new set
To the users of the illustrator software to the detailed analysis and sharing to create a seamless collage pattern style of the production tutorial.
Skill Sharing:

We share a set of very fire top textures that are often used by top designers in the interface design. A lot of students angry praise at the same time that the Minister concubine do not. Considering that giving a person a fish is not as good as a fisherman's Day, today's tutorial teaches you to use illustrator to create an elegant, seamless collage of the atmosphere.

Let's start the Tutorial! Seamless collage pattern style has always been the darling of designers, is now very popular, in many areas have applications, I believe that in a long time, seamless collage pattern will continue to prevail.
I have a few tips here to make it easier to create a seamless collage pattern. Pixel patterns are different from other patterns, and each edge of the pattern is sharp, with no blurred edges, which requires that the number of pixels in the pattern be integers. In AI, the amount can be turned on in Pixel Preview mode (Preview > Pixel preview). In this mode, we can clearly see the pixel lattice in the working area. In this mode, we can also create an integer pixel pattern. We use the rectangular tool (M) to create a square bar! The exact size is shown in the following figure.

On the diagonal, create more pixels.

The color change of the seamless stitching pattern is very delicate, we can use different grayscale color, drag the pattern just created into the color board.

Now you can fill in any area you want to use, such as the background of your site.

We've seen the simplest case of a seamless collage pattern, and we can use our imagination to create more interesting patterns.

But not all the patterns are as simple as they seem! Let's consider more cases! Use the Rectangle tool (M) to create a pattern like the one shown below.

Now drag it into the palette and apply it to whatever you want to apply.

Enlarge the above pattern, as you can see, where the pattern is connected to the pattern, we get twice times the width.

This is not what I want, so we need to edit the pattern according to our own needs.
Creates a rectangle that does not need to be filled or stroked, and places it underneath all the patterns. As shown in figure:

This rectangle cuts the graphics we've made before and removes some pixels that we don't need. Converting a pattern in a swatch to a cropped pattern and then applying it to an object becomes the desired effect as shown in the figure below.

Most of the time when we work around pixels, it's hard to imagine what these pixels look like when they're stuck in a seamless collage. Now I'm going to tell you a way to know in advance how these patterns work together. Let's create a pattern like the one shown below, which is a pixel block of 1 x 1.

Set all the pixels in a group (CMD/CTRL+G), now the pixel size is x px, you can see this set of data in the control Panel or the conversion panel.

Select the group, and then find the effects > Distortions and deformations, then set the vertical and horizontal values, the size of the conversion less than the size of the group, the number of replicas is 0

Another twist and distortion, but the parameter settings are different from the original, specifically as follows:

Apply the deformation effects to the new pattern.

Now we can see nine sets of patterns we've made!

Let's add some other elements to the pattern and create a new set of patterns.

Drag the new set of patterns into the layer that has the transition effect applied to it in the layers panel.

As you can see, the new pattern is also distorted with the previous pattern, copying the nine groups.

Creates a new element and then drags it back into the tile texture.

Now, we've got the pattern, find the object > expand the Look.

The pattern we need must be a rectangle, and it's the original PX rectangle, and we'll select the part of the pattern shown in the figure below.

The rest of the spare parts we delete don't.

As usual, drag the pattern into the palette and apply it to the place you want to apply, as shown in the following image.

In addition to the above texture, you can also apply raster pattern pixel patterns, we do a simple texture, select elements, and then find objects > Blur > Gaussian blur, and then in the pop-up dialog box to set the relevant parameters.

The specific parameters are shown in the following illustration:

Then the object > Blur > Emission blur, and then set the relevant parameters.

If you want a raster effect texture, you need to create a rectangle with no fill and stroke, and then place it underneath all the elements.

Otherwise, there will be gaps in the final collage, affecting the visual effects. Save the pattern in the Swatch and apply it to any object for testing.

Give yourself a big clap, it looks good!
In later versions of AI CS6, creating a seamless collage pattern becomes easier! Many of the steps in this release can be delivered to the software for automatic completion. Now let's create a rectangle filled with dark gray.

Adds a new fill to the Appearance Panel (Window > Appearance).

Select the fill effect, and then find the effects > Texture > Film, which is set as shown in the following figure:

The layer mode selection is positive and the opacity adjusts to 20%.

As mentioned earlier, to have a raster pattern of pixel patterns, we want to create a rectangle without padding and strokes.

Select all the objects and then find the object > definition pattern > Manufacturing.

In this way, we can find patterns to create patterns.
Using the Type tool (T), create different captions and symbols and place them randomly.

Set text to different font sizes and fonts, and use the Text Panel (window > text > Characters) to do this easily. Some symbols that are not on the keyboard can also be put up, using the symbol panel (text > Symbols).

If the style makes you feel OK, click on the "Done" button on the work area.

The style is done! Now, you can apply it to any object that needs to be populated!

Well, the above information is small set for you illustrator of this software users bring the detailed creation of a seamless collage pattern of the production of a tutorial to share the entire content of the you see the users here, small series believe that you see here is very clear the production method, Then everyone will go to the small part of the tutorial on the share of the tutorials themselves to draw it.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.