Illustrator design stylish and elegant seamless collage production tutorial

Source: Internet
Author: User
Tags new set
To give you illustrator software users to detailed analysis to share the design of stylish and elegant seamless collage production tutorials.
Tutorial Sharing:

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 to you illustrator of this software users of the detailed design of the stylish and elegant seamless collage production tutorials to share the entire content of the users to see the users here, small knitting believe that everyone now see here is very clear how to make the , then you go to follow the small series on the above tutorial yourself to try to make 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: info-contact@alibabacloud.com 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.