用AI制作逼真的扬声器

所属分类: 平面设计 / Illustrator教程 阅读数: 438
收藏 0 赞 0 分享

这篇教程是向脚本之家的朋友介绍用AI制作逼真的扬声器方法,教程制作出来的扬声器很漂亮,难度也不是很大,很值得大家学习,推荐过来,大家快快来学习吧!

Final Image PreviewLet's take a look at the final icon design below.

\

Step 1

Create a new document that is 8.5 inches wide by 11 inches tall. Then use the Ellipse Tool (L) and create a 6 inch by 6 inch ellipse.

\


Step 2

With the ellipse selected, create a Linear Gradient from the Gradient Panel. Add another swatch to the Gradient Slider by clicking just below the slider. Change the first swatch to a 57% black, the second swatch to a 12% black, and the third swatch to a 57% black.

\

 

Step 3

With the Gradient Tool (G), adjust the gradient by clicking and holding Shift, and drag from the top-right of the circle to the bottom-left. Now, the gradient should look like it is at a 45 degree angle.

\



Step 4

With the ellipse selected, go to Object > Path > Offset Path to bring up the offset dialog. Change the Offset to -.125 inches.

\



Step 5
Change the first swatch on the offset ellipse to a 50% black, the second swatch to a 4% black, and the last swatch to a 50% black.

\



Step 6

With the smallest ellipse selected, Offset the path again. This time set the Offset to -.3 inches and change the fill to a 60% black.

\

 Step 7

With the smallest ellipse selected, Offset the path yet again. This time change the Offset to -.125 inches.

\

Step 8

With the new ellipse, create a Radial Gradient from the Gradient Panel and change the first swatch to white and the second swatch to a 100% black.

\

 With the radial gradient ellipse selected, Offset the path at -.3 inches and change the fill color to a 50% black.

\

 
Step 10

Offset the latest ellipse again, but this time change the Offset to -.05 inches and change the fill color to a 90 % black.

\

Step 11

Again, Offset the latest ellipse, but change the Offset to -.125.

\

Step 12

Create a three swatch Linear Gradient like the first few ellipses. Change the first swatch to a 82% black, the second swatch to a 34% black, and the last swatch to a 82% black. Like the first couple of Linear Gradients, adjust the gradient to a 45 degree angle.

\

Step 13

With the Rectangular Grid Tool (located under the Line Segment Tool in the Tools Panel) click on the artboard to bring up the Rectangular Grid Tool Options dialog. In the dialog change the Width and Height to 5 inches and change the Horizontal and Vertical dividers to 80.

\

Step 14

Make sure the grid has a 1 point black stroke with no fill. Then expand the strokes of the grid by going to Object > Path > Outline Stroke. If you don't outline the strokes of the grid, you'll get some unexpected results when you proceed to the next step.

\

Step 15

With your grid selected, go to Effects > Warp > Twist to bring up the Warp Option dialog. Change the Bend for the Twist effect to 50. Next, expand the appearance of the effect by going to Object > Expand.

\

Step 16

Place the grid so it is centered over the ellipses. Copy (Command + C) the second to last ellipse (the 90% black filled one) and Paste it in Front (Command + F). Select the copied ellipse and the grid, and press the Intersect Shape Areas in the Pathfinder Panel. Finish it up by pressing the Expand button in panel.

\

 
Select the ellipse right below the grid (it might be easier to select the ellipse by locking (Command + 2) the grid object. Then Offset the path -1.25 inches. Bring the ellipse to the front and change the gradient so it only has two swatches. Change the first swatch to a 50% black and the second swatch to a 4 % black. Adjust the gradient so the darker color is at the top of the gradient.

\


Step 18

With the ellipse still selected, Offset the path -.125 inches and change its fill to a 30% black.

\

Step 19

Withe the Mesh Tool (U), click halfway between the top and center of the ellipse in the middle, which creates a Mesh Point. With the Mesh Point still selected, change the color in the Color Panel to white. Next, use the Mesh Tool again to make a Mesh Point by clicking on the vertical line from the first Mesh Point towards the bottom of the ellipse. Change this Mesh Point to a 40% black.

\

Step 20

Select the ellipse under the mesh ellipse and Copy (Command + C) and Paste it in Front (Command + F). With the Selection Tool (V), stretch the copied ellipse down from the bottom-middle anchor point. Change the color to a 70% black and send the object behind the grid.

\

Step 21

The next couple of steps deal with the screws on the edge of the speaker. Create an ellipse that is .16 inches by .16 inches. Then create a Linear Gradient with the same swatches as the ellipse in the middle of the speaker (not the mesh ellipse). Adjust the gradient so the darker color is at the top of the ellipse.

\

Step 22

Offset the ellipse by .03 inches, and adjust the gradient so the lighter color is at the top of the ellipse.

\

Step 23

Copy (Command + C) and Paste (Command + V) these two ellipse so you have a total of four screws. Place the screws around the rim of the speaker.

\

Step 24

Draw a 4 inch by 4 inch ellipse and create a Radial Blend. Change the gradient so the first swatch is black and the second is white.

\

Step 25

Squish the Radial Gradient ellipse with the Direct Select Tool (V). Place the ellipse behind all the other artwork. Also, line up the center of the ellipse with the bottom of the speaker.

\


Step 26

That's pretty much it! If you want to add a background color, make sure the drop shadow shape is set to multiply in in the Transparency Panel. For my background, I created a rectangle the size of my document, and used a Radial Gradient with a 75% black as my first swatch and a 100% black as my second swatch.

\

教程结束,以上就是用AI制作逼真的扬声器方法介绍,操作很简单的,大家学会了吗?希望能对大家有所帮助!

更多精彩内容其他人还在看

AI的偏移路径制作一个LOGO风格的时钟

这篇教程是向脚本之家的朋友分享AI的偏移路径制作一个LOGO风格的时钟方法,教程制作出来的LOGO风格非常漂亮,难度不是很大,很值得大家学习,推荐过来,一起来学习吧
收藏 0 赞 0 分享

ai做宣传册文件太大怎么压缩到最小?

ai做宣传册文件太大怎么压缩到最小?用ai给公司制作了宣传册,但是文件太大了,想压缩小一点该怎么办呢?下面我们来看看ai宣传册文件缩小的详细教程,需要的朋友可以参考下
收藏 0 赞 0 分享

AI CS4 绘制一只逼真的钢笔教程

这篇教程是向脚本之家的朋友分享AI CS4 绘制一只逼真的钢笔方法,教程绘制出来的钢笔非常逼真,教程比较实用,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI简单制作破裂的艺术文字

这篇教程是向脚本之家的朋友分享AI简单制作破裂的艺术文字方法,教程制作出来的文字非常不错,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI画笔工具绘制一名艺术男青年肖像

这篇教程是向脚本之家的朋友分享AI画笔工具绘制一名艺术男青年肖像方法,教程绘制出来的效果还是挺不错的,难度不是很大,推荐到脚本之家,喜欢的朋友可以过来学习一下
收藏 0 赞 0 分享

Illustrator制作超酷炫的张靓颖演唱会宣传海报

这篇教程是向脚本之家的朋友分享Illustrator制作超酷炫的张靓颖演唱会宣传海报方法,教程制作出来的海报非常酷炫,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI怎么打造一枚精致铁扣环样式的图形?

AI怎么打造一枚精致铁扣环样式的图形?想制作一款类似于铁链环扣样式的图形,该怎么绘制呢?今天我们来教大家使用ai绘制精致环扣的教程,图文详细,需要的朋友可以参考下
收藏 0 赞 0 分享

illustrator cs绘制超酷的黄色钢盔教程

这篇教程是向脚本之家的朋友分享illustrator cs绘制超酷的黄色钢盔方法,教程绘制出来的效果真的很不错,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI绘制矢量的电影图标教程

这篇教程是向脚本之家的朋友分享AI绘制矢量的电影图标方法,教程绘制出来的图标非常漂亮,难度不是很大,介绍的也很详细,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

Illustrator渐变填充打造精致的logo标志

这篇教程是向脚本之家的朋友分享Illustrator渐变填充打造精致的logo标志方法,教程制作出来的logo非常漂亮,难度不是很大,推荐到脚本之家,大家快快来学习吧
收藏 0 赞 0 分享
查看更多