Illustrator绘制时尚的数码相机图标

Never丶小情绪

Never丶小情绪

2016-02-16 18:58

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享Illustrator绘制时尚的数码相机图标的教程,热爱设计的朋友们快点看过来吧!

本教程主要使用Illustrator绘制时尚的数码相机图标,教程难度中等。绘制的图标有卡通的效果,转发过来和图老师的朋友们一起学习。

先来看看最终的效果图:

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

1. 画一个圆角矩形。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

2. 画基本的形状,例如圆、镜头、取景器和闪光灯。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

3. 执行"对象"菜单变换倾斜,数值如图所示。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

4. 按住alt+shift键(这确定副本的角度是精确的)拖移以复制相机主体的副本。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

5. 新建图层,取名为"镜头",然后把镜头的所有对象移到新图层上。然后锁定"相机"图层。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

6. 我使用的是红色,这样你可以很容易地跟着教程做。你可以选择其他颜色不管是什么,只要是你喜欢的。我们可以在之后更改颜色。

复制3个镜头形状,就如第4步的操作。你必须逐一进行,你也需要把复制镜头分别置于每个原镜头之下,这样就可以得到一个惊艳的效果。当你完成后,你可以解锁"相机"图层。然后把这2个图层合为一个。

提示:逐一将复制镜头置于原镜头之下来实现叠加层次效果可以按ctrl+括号。左括号后移一层。右括号前移一层。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

7. 使用斜面的视觉效果使用路径查找器。你先使这2个形状交错(2个同样的形状在彼此的顶部),然后选择下面的高光对象(译者注:也就是说,先复制右上角的圆角矩形ctrl+c ctrl+f,然后用之前的方法复制右上方的圆角矩形即第6步的方法,然后选择这2个矩形(不包括原矩形),点"路径查找器"面板中的"与形状区域相减"按钮。然后扩展)。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

8. 使用钢笔工具,绘制相机的边缘部分,以完整相机的面。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/illustrator/)

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

9. 最后闭合形状,以使它看上去干净平滑。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

10. 绘制相机顶部的面。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

11. 在相机的边缘棱角上绘制一个矩形。然后使用"路径查找器"面板创建相机的黑色边缘,同第7步一样。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

12. 使用钢笔工具绘制顶部的黑色边缘。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

13. 使用钢笔工具继续绘制闭合路径。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

14. 使用钢笔工具,选择白色描边。然后沿相机中心画一根线,看上去是被分成了2半。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

15. 使用椭圆形状绘制快门按钮。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

16. 在最上面绘制另一个椭圆。使用钢笔工具围绕快门按钮绘制一个轮廓,这使我们可以增加按钮的层次感。你也可以使用路径查找器工具来制作重叠的形状。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/illustrator/)

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

17. 调整颜色。然后复制按钮放在顶部以创建出按钮的层次感。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

18. 再次使用椭圆形状,绘制投射下来的阴影。你必须旋转椭圆以实现这个角度。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

19. 使用"路径查找器"面板中的"分割"分割形状。删除不需要的形状。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

20. 给镜头添加渐变。重复步骤给每个镜头都画上阴影。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

21. 现在3个镜头都已经完成了,你的相机看上去像这样。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

22. 添加一些细节如高光。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

23. 复制粘贴你刚才绘制的高光,如下图所示。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

24. 绘制一个椭圆,以作投射在相机主体上的阴影。你需要旋转椭圆,看上去像下图一样。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

25. 选中黑色边缘,相机主体和椭圆,按"路径查找器"面板中的"分割"。确定除了刚才绘制的椭圆之外,还选中了这2个形状。这是为了使投射的阴影看上去真实,因为它是很自然地投影在相机上的。完成"路径查找器"工具后,删除不需要的部分。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

26. 添加你喜欢的渐变。依照你想要的效果,深色在渐变的顶部使投影看上去更真实。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

27. 注意相机的最顶部是浅红色,这个细节让相机看上去有3d效果。

28. 复制整个相机。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

29. 使用"路径查找器"面板中的"与形状区域相加"以把所有的形状组合在一起(译者注:在做组合形状之前,先复制整个相机ctrl+c,ctrl+f)。显示红色高光时,按扩展按钮。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

30. 形状置于原相机之后。然后添加一点点的渐变使它看上去更加漂亮。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

31. 使用钢笔工具,围绕相机绘制一个矩形,如下图。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

32. 使用渐变混合工具,添加4个深色的网格点。你可以看到,当你添加网格点时,出现了不规则的对象,渐变混合会得到意想不到的结果。因此我们不要添加太多的网格点就ok了。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

33. 在"透明度"面板中,设置混合模式为"正片叠底"。这使得你刚才绘制的使用渐变混合的矩形看上去更接近于真实的阴影!

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

34. 注意你可以看到透过阴影的反光。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

35. 绘制一个圆角矩形,开始制作照片。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

36. 在圆角矩形内部再绘制一个标准的矩形。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

37. 绘制椭圆,如第25步。这是为了制作投射在照片的阴影。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

38. 添加渐变,使它看上去更真实。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

39. 复制整张照片。然后选择下图高光显示的按钮。确定"扩展",否则形状不能组合在一起(译者:此步骤是为了给照片加阴影效果,注意看照片底部和右边)。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

40.调整照片位置,使它们在相机和相机阴影反光的后面。选择反光,设置混合模式为"正片叠底",这样你可以透过反光看到照片。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

尾声

一个数码相机和照片的图标就完成了,如下图。

Illustrator绘制时尚的数码相机图标,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Illustrator绘制时尚的数码相机图标

Illustrator CorelDRAW
Illustrator绘制时尚的数码相机图标

PS绘制数码相机APP图标教程

电脑网络
PS绘制数码相机APP图标教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop绘制时尚质感的数码相机镜头

PS PS基础
Photoshop绘制时尚质感的数码相机镜头

数码相机怎么使用?数码相机的使用小窍门

生活小常识 居家生活
数码相机怎么使用?数码相机的使用小窍门

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop设计精致数码相机APP图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计精致数码相机APP图标教程

Photoshop设计数码相机APP图标教程

PS PS基础
Photoshop设计数码相机APP图标教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CorelDraw绘制立体效果的弹簧教程

CorelDraw绘制立体效果的弹簧教程

3ds Max制作逼真的黑猩猩教程

3ds Max制作逼真的黑猩猩教程
下拉加载更多内容 ↓