To give you illustrator software users to detailed analysis to share the design of a delicate web page texture background of the production tutorial.
First open the AI software, create a new document, the document size arbitrary. Check "Pixel Preview" in the View column, check this option, when you zoom your picture to large enough, the pixel lattice will appear, and then tick "snap pixels", so that the pattern will automatically align pixels, without you to manually control the alignment.
Before you draw a pixel, you may not be impressed by this subtle background texture, and you'll see a lot of these textures on the Subtlepatterns site. As you can see, when a texture is flattened and put into use, the visual effects of a single pixel graph are slightly different.
Mastering the impact of pixel on the texture background is a long-term accumulation, so from now on, let's draw a simple pixel pattern first.
Draw a 4*4 px square with a light gray fill.
Then draw the two 2*1 px rectangle, filled with a slightly darker gray, placed in the direction shown in the following figure.
Draw two 2*1 px rectangles, filled with white, placed in the direction shown below.
When finished, select the pattern you just made, and then click on the object > Pattern > Build.
At this point, there will be a pattern options of the property panel, and the canvas is filled with the pattern, you can adjust the values in the property panel, the pattern on the canvas will change accordingly. Here I use the default properties in the panel.
At the same time, a new pattern appears in the swatches panel.
When you are finished, click the "Finish" button in the upper left corner to exit the edit. At this point, there is a "Save Copy" button on the left, if you click on the Save Copy button, this new pattern will be placed into the pattern Swatch as a copy again, when you edit the original pattern, it will not affect the copy, it is similar to a backup.
Third, reproduce the pattern
At this time, the pattern has been done, in your pattern swatch you will find it. So, then you can draw a larger rectangle, or any shape, and click on the pattern fill.
Now, the pattern is now available only in this document, but if you create a new document, the pattern will not appear in the Pattern palette, so what you need to do is save the pattern. Like I just drew a rectangle filled with patterns, click Export to PNG picture. The PNG image is then defined as a pattern in PS.
After you have defined the pattern, you can make any background with PS by selecting the fill pattern directly.
Defined patterns can also continue to return to the AI to modify, if you want the texture to appear more coarse, you can enhance the color contrast effect, and pull the distance between the large pixel lattice to achieve.
Well, the above information is small set to you illustrator of this software users of the detailed design of the delicate web page texture background of the production tutorials to analyze the entire content of sharing, you see the users here, through a lot of this kind of texture practice, you will slowly grasp the truth about pixels, So now everyone to follow the small series of the tutorial themselves to try it.
