>

永利集团娱乐官网平台Make Glassy Buttons with Illust

- 编辑:永利集团娱乐官网平台 -

永利集团娱乐官网平台Make Glassy Buttons with Illust

;永利集团娱乐官网平台 1You have probably already seen this tutorial somewhere before or know how to make glassy button with Photoshop. But I'm going to show you here is done with Illustrator in 3 simple steps.

;永利集团娱乐官网平台 2In my previous tutorial, I've showed you how to make stylish flower with Blend Tool. This tutorial shows you how to make hi-tech style abstract background with Illustrator Blend Tool. Very cool and simple!

Version: Illustrator 9+

Version: Illustrator 9+

永利集团娱乐官网平台 3Download Source File (.ai)

永利集团娱乐官网平台 4Download Source File (.ai)

  1. Create the circle paths First create a circle path and fill it with orange color. Then Copy (Ctrl+C) it and Paste in Front (Ctrl+F). Scale down about 40% and drag it slight below the center point of the orange circle.
  1. 永利集团娱乐官网平台,Gradient background Create a rectangular path and fill it with blue gradient.

永利集团娱乐官网平台 5

永利集团娱乐官网平台 6

  1. Blend Tool Select the Blend Tool 永利集团娱乐官网平台 7, click on the top edge of the yellow circle and then click again on the top edge of the orange circle. Or you can blend them by selecting both circles, go to Object > Blend > Make (Ctrl+Alt+B).
  1. Screen gradient paths Create another path with Blue-Black gradient and select Screen Blending Mode. This will create a lighter blue gradient shade. If your color setting is CMYK, make sure the black is full black (C,M,Y,K=100). The red arrow on the image is the direction of the gradient fill.

永利集团娱乐官网平台 8

永利集团娱乐官网平台 9

  1. Add final light reflectionMake an oval path and fill it with black & white Gradient and place it on top of the circles. Note if your color setting is CMYK, make sure the black for the gradient is full black(C=100, M=100, Y=100, K=100). With the oval path selected, go to Transparency pallate, select Screen Blend Mode. If your Transparency is not showing, go to Window > Transparency or press Ctrl+Shift+F10.

Repeat the previous step to create another Screen gradient path.

永利集团娱乐官网平台 10

永利集团娱乐官网平台 11

AdvantagesThere are serveral advantages to create this glassy button with Illustrator than Photoshop:

  1. Abstract waveMake 2 white stroke paths.
  1. It is vector, which mean it is scalable.
  2. It is easier and faster to make this with Illustrator (less steps).
  3. Easier to change colors, just need to fill the circles with different colors.

永利集团娱乐官网平台 12

永利集团娱乐官网平台 13<!-- #BeginLibraryItem "/Library/tutorial_comments.lbi" -->

  1. Blend ToolGo to Object > Blend > Blend Options, enter Specified Steps = 20. Then with the 2 strokes selected, go to Object > Blend > Make or press Ctrl+Alt+B. This will blend 2 white strokes and create an abstract wave effect. If you want to change the Blend step, you can go to Object > Blend > Blend Options or double click the Blend Tool(B) on the tool bar.

永利集团娱乐官网平台 14

  1. Change stroke color

Use Direct Selection Tool (A), select one of strokes and change it to blue stroke color. Notice how 2 strokes blend from blue to white. Isn't this cool?

永利集团娱乐官网平台 15

  1. Wild blend

Now go wild with your Pen tool, create 2 wavy strokes and blend them. Play around with the Blend step, stroke weight and color.

永利集团娱乐官网平台 16

Repeat the steps and create the last abstract blend, from blue to purple.

永利集团娱乐官网平台 17

Final

Your image should look like something below:

永利集团娱乐官网平台 18

Abstract Desktop Wallpaper

Now you can use this abstract image for your desktop wallpaper. Download this abstract background for your desktop wallpaper.

永利集团娱乐官网平台 19

本文由民生专题发布,转载请注明来源:永利集团娱乐官网平台Make Glassy Buttons with Illust