Illustrator design simple style Google Mobile Wallpaper production tutorial

Source: Internet
Author: User
To you illustrator software users to detailed analysis to share the design minimalist style Google Mobile wallpaper production tutorials.
Tutorial Sharing:

The first step: pattern shape
1, new RGB color mode document. 600*800px,72ppi. Let's create a pattern background first. Use the rectangular tool (m) to build a 25*25px square.
2, then use the "line segment" tool (), in the center of the square point, and then hold down the Alt+shift key, drag and drop to the corner to draw a perfect 45 degrees angle, from angle to corner square.
3, the other side is the same operation. Select all graphic elements, open the Pathfinder panel, and click the Split button. So you get the next picture.

Step Two: Finish the pattern
1, now every triangle in the square is divided into shapes, we use gray to add some layers to the shape. Top I use 20% black, left and right: 50% black, bottom: 70% black. The stroke is still there, but we don't want it, so select all the graphic elements, press X to toggle the fill and stroke, and then press (/) to remove the stroke color.
2, now once again using the Rectangle tool (m), and then holding down the Alt+shift key, drag from the center of the shape to the outside of the shape. Then press ctrl+shift+[to place it on the ground floor. Fill in 30% black for this square.
3, copy this shape, affixed to the back (CTRL+B), make sure there is no fill and stroke, select all the shapes, drag it to the "swatches" panel. This creates a pattern swatch. If you create an incredible palette, make sure that the square has no fill and stroke.

Step Three: Background
1, if the pattern looks great, then you can delete the original shape or drag it to the side of the artboard. (If you delete it, then find that you need to use it, then drag it from the swatches panel to the artboard to get your original editable pattern shape, and now create a larger rectangle that fills the entire artboard, filling in the new logo of the Spankin ' brand. If it's all right, it looks like the kind of dynamic zone you see with the heavy metal and rock flavor.
2, copy the background shape, affixed to the front (ctrl+f). Fill: Radial gradient, setting transparency Panel mode: multiply. The interior color I use is r33/g188/b252, external color I use r0/g82/b138. Use the Gradient tool (g) to make the brightness close to the top.
3, this whole background is cool, use this method to replace the blue is very easy. Because now if you want to change the blue to orange color or a mixed gradient color, I can easily do so just change the shape of the color on the line.
4, I have done a few times, when you need to create the same design of different icons, as long as the use of different colors. Trust me, it will save you a lot of work.

Fourth Step: Light
1, this is an interesting section. Zoom in on your background (preferably with a keyboard shortcut? CTRL + Space Click to enlarge, ctrl+alt+ space Click to shrink) create a rectangle that may be around 12. If you can't understand, look at the picture below. Make sure the rectangle is perfectly covered with the studs to the edge.
2. Apply Orange (R251/G164/B25) to Black (r0/g0/b0) linear gradients to this shape. Set Transparency: Filter color.
3, using the "gradient" tool, from the top to the bottom of the drag, give it a beautiful fade effect, it seems that it is moving upward, and then left a trace of light.

Fifth Step: Lighting
Create a 75px circle with the same orange-black gradient. Place it in the center of the square. Set the radial gradient to set the transparency: color filter.
Now execute the Effects menu > Blur > Gaussian blur, Gaussian Blur: 10px. Copy this shape and paste it in front (ctrl+f). Using the selection tool (v), hold down the Alt+shift key and drag the corner of the selection box to narrow the copy circle.
3, then copy and paste in front, and then a little smaller. Now you should have 3 circles. This creates a beautiful light source, the middle point is brightest, and then slowly disappears.

Six, copy light and light, move it, change color, you have a own Google mobile phone style of design!

Well, the above information is small set to you illustrator of this software users to bring the detailed design minimalist style Google Mobile wallpaper production tutorials to share the full content of the You see the users here, small knitting believe that everyone is now very clear the method of making it, Then you go to follow the small series of the tutorial to make it yourself.

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.