Illustrator绘制立体效果的黑色笔记本

2016-02-16 18:59 3 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Illustrator绘制立体效果的黑色笔记本吧。

【 tulaoshi.com - Illustrator 】

本教程主要使用Illustrator绘制立体效果的黑色笔记本,教程难度不大,绘制的笔记本利用了一些基本形状,然后使用倾斜变换,运用效果制作皮革纹理就可以大致完成了。

先来看看效果图吧:

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

具体的制作步骤如下:

1、新建文档,使用矩形工具(M)绘制一个宽380*高500px的矩形。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

2、选中新绘制的矩形,执行效果菜单风格化圆角。下一步,在圆角对话框中,半径更改为30px。现在执行对象菜单扩展外观。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

3、再绘制一个矩形,矩形包含(译者注:这里的包含指布尔运算里的包含,相对于包含的另一个概念是包含于)第1个矩形左边的几个控制点。选中这2个形状,按路径查找器调板中的与形状区域相减图标,然后点扩展按钮。新形状填充深灰色,此形状将做为记事簿的封皮。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

4、选中封皮形状,执行对象菜单变换移动。在移动对话框中,水平移动更改为30px,垂直移动更改为-30px,按复制按钮。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

5、选中封皮形状的副本,复制(Ctrl+C),粘贴在前面(Ctrl+F)。选中副本,然后使用选择工具(V)从右向左缩小比例。在缩小时,按住 Shift键可以同比例缩小。缩小的副本填充线性渐变。在渐变中,第1个色标更改为深土黄(色),第2个色标更改为浅土黄(色)。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

6、选中土黄封皮形状,执行效果菜单扭曲和变换变换。弹出变换效果对话框,副本更改为10份/次复制,水平移动:-3,垂直移动:3px。现在我们得到了记事簿的内页。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

7、选中内页,执行对象菜单扩展外观。下一步,选择对象菜单排列后移一层(Ctrl+[),然后选择对象菜单解散群组(Ctrl+Shift+G)。

译者注:所有的群组要全部解散。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

8、选择任意页,然后在渐变调板中,更改渐变的位置。这样子,重复更改4、5页。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

9、绘制一个宽30*高500px的矩形。矩形移至前封皮的左边,这将做为记事簿的书脊。矩形填充和前封皮、后封皮相同的灰色。选中书脊矩形,执行对象菜单变换倾斜。在倾斜对话框中,倾斜角度更改为45,点选垂直轴按钮。下一步,移动书脊形状,以使书脊左上的控制点对齐后封皮左上的控制点。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

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

10、当我们完成记事簿的雏形后,我们开始添加一些纹理和其它的装饰元素。让我们先来看下皮革纹理。复制(Ctrl+C)前封皮,粘贴在前面(Ctrl+F)。封皮副本从右上缩小至原来的1/3左右。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

11、选中缩小的封皮副本,执行效果菜单纹理纹理化。在纹理化对话框中,纹理更改为沙岩,缩放更改为200,凸现更改为50。

译者注:只有当文档颜色模式是RGB模式时,效果菜单中的Photoshop效果才会起作用。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

12、通过执行对象菜单扩展外观,扩展新纹理。扩展后,控制调板默认选项中会有一个实时描摹选项图标。按描摹预设箭头(在实时描摹和隔离选项的组当中的小箭头图标)打开实时描摹预设选项的下拉菜单。在下拉菜单中,选择单色徽标预设。下一步,按控制调板中的扩展按钮。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

13、选择纹理,把它放大到前封皮的大小。下一步,纹理填充更改为比封皮颜色稍深一点的阴影。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

14、选择纹理和书脊形状,复制(Ctrl+C),粘贴在前面(Ctrl+F)。下一步,只选择纹理,执行对象菜单变换倾斜,在倾斜对话框中,倾斜角度更改为45,点选垂直轴按钮,按确定。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

15、倾斜纹理向左移动,和书脊排列在一起。下一步,选择书脊副本和纹理,选择对象菜单剪切蒙版建立。

译者注:建立剪切蒙版时,书脊副本必须在上层,纹理必须在下层。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

16、绘制一个矩形,宽:同封皮宽度,高:120px。把它放在封皮的当中。新矩形填充青色。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

17、再绘制一个宽30*高120px的矩形,填充青色。把它移至之前绘制的青色矩形的左边,水平对齐。下一步,执行对象菜单变换 倾斜,在倾斜对话框中,倾斜角度更改为45,点选垂直轴按钮,按确定。倾斜后,移动矩形,使矩形右上的锚点和之前绘制的青色矩形左上的锚点对齐。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

18、使用文字工具(T),输入一些文字,把它放在前封皮的上面。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

19、选择前封皮,复制(Ctrl+C),粘贴在前面(Ctrl+F),通过执行对象菜单排列置于顶层(Ctrl+Shift+]),把它置于顶层。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

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

20、封皮副本填充更改为径向渐变,在渐变中,第1个色标:白色,第2个色标:深灰色。渐变滑块向深灰色方向移动。下一步,长宽比更改为200,透明调板中,设置混合模式为正片叠底。

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

译者注:混合模式:正片叠底祥解

结果色总是比基色和混合色都要暗一些; 任何颜色与白色复合保持不变。

文中正片叠底的目的是为了压暗前封皮的四个角。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

21、选择书脊形状,复制(Ctrl+C),粘贴在前面(Ctrl+F),然后执行对象菜单排列置于顶层(Ctrl+Shift+])。填充更改为浅灰色,透明调板中,设置混合模式为正片叠底。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

22、再绘制一个宽:30px,高:比封皮高一点的矩形。把它移至封皮的右面。矩形填充线性渐变,这个矩形的渐变我们将另外增加8个色标,一共是10个色标。

给渐变新增色标,在渐变调板中,直接在滑动条的下面点击。先把第1个和最后1个色标更改为黑色。下一步,如前所述,新增一个色标,颜色更改为深灰色。位置字段框中,数值更改为10。下一步,新增另一个色标,颜色更改为黑色,位置设置为20。重复这些步骤,使深灰和黑色交替着进行,而2色之间的位置相隔10的增量。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

23、复制(Ctrl+C)你刚刚制作的矩形,粘贴在后面(Ctrl+B)。使用键盘上的方向键,把副本向左移一点,以制作阴影。副本填充更改为灰色,在透明度调板中,混合模式设置为正片叠底,以制作出阴影效果。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

24、复制(Ctrl+C)有10个色标的渐变形状,粘贴在前面(Ctrl+F)。填充更改为2色标渐变,第1个色标:白色,第2个色标:黑色。使用渐变工具(G),从上向下调整渐变,白色在矩形的上方。在透明度调板中,矩形混合模式设置为叠加。

译者注:混合模式:叠加祥解(仅以此文为例)

上层决定了下层中间色调偏移的强度。当混合色=50%灰时,则结果色的中间色调向暗的地方偏移; 当基色=50%灰,混合色=100%(即黑色)时,则结果色=黑;

文中基色50%灰,混合色=白

结果色:

白色叠加区:比基色更亮

黑色叠加区:结果色=黑

目的:提亮10色标渐变形状的上方,压暗10色标渐变形状的下方。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

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

25、选择叠加的形状、10色标渐变和阴影,复制(Ctrl+C),粘贴在前面(Ctrl+F)。在变换调板中,所有形状的高度更改为30px。然后移动副本,使它们的底部正好在原形状的顶部。保持副本为选中状态,执行对象菜单变换对称,在镜像对话框中,点选水平轴按钮。下一步,执行对象菜单变换倾斜,倾斜角度更改为-45,点选水平轴按钮。最后,移动形状,使它和原形状上方的控制点对齐。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

26、绘制一个矩形,高:40px,宽:同前封皮,填充深灰。下一步,执行对象菜单变换倾斜,倾斜角度更改为-45,点选水平轴按钮。保持矩形为选中状态,执行效果菜单风格化羽化,羽化半径更改为10px。然后矩形移至记事簿的左下方,执行对象菜单排列置于底层(Ctrl+Shift+[)。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

27、选中所有的图形,执行对象菜单变换倾斜,然后倾斜角度更改为-5,点选垂直轴按钮。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

28、绘制一个矩形,大小同文档大小。填充径向渐变,第1个色标:白色,第2个色标:绿色。现在执行对象菜单排列置于底层(Ctrl+Shift+[)。好了,大功告成!

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

下面就是成品图。使用一些方法,你可以很容易地再在作品中添加一些个性化的东西,例如:不同的颜色,不同的logo,或者其它的元素。

Illustrator绘制立体效果的黑色笔记本,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1571525.html

延伸阅读
1、外壳的维护 笔记本电脑的外壳通常相当光滑,一些采用铝合金属外壳设计的就更容易维护了,通常只要一块绵布便可以使外壳一尘不染,需要注意的是,在移动的过程中,一定要使用独立的皮包或是布包将笔记本电脑装好,免得在途中划损外壳,在工作的时候,亦不要将笔记本电脑放到粗糙的桌面上,以保护外壳的光亮常新,建议可以使用...
标签: 电脑
1、选择2.0的音箱 此处的2.0是双声道的意思。对于选择1.0还是2.0来说这将是一件十分头痛的问题 。然而1.0的音箱只有一个箱体,他在携带上有一定的优势,但是,由于他只有一个音箱,所以说没有左右声道之分,因此不能够达到环绕立体声的效果。而2.0的音箱虽然多了个音箱,但是环绕效果明显优于1.0,此外在观看电影与听音乐的时...
标签: 电脑入门
马上就快要到夏天了,天气也逐渐的热起来,对于本来散热就不是很好的笔记本电脑来说,该如何度过2012年的炎炎夏日呢?对于很多朋友笔记本可能新买的时候散热还比较好,但随着时间加长,我们会发现散热能力可能已经大不如前了,加之不少游戏喜欢经常玩游戏,发热量更大,那么笔记本夏天如何散热更好呢(打雷对电脑有影响吗)?下面电脑百事网编编辑...
先看看效果图 下面是教程
海报中经常需要3D立体字,如下图。既然是立体字,首选的软件一般是MAX,但有时候也需要用平面软件,比如Photoshop或者Illustrator。今天做一个使用AI的简要教程,同时感谢同学们给我发的教师节祝福。 海报中的立体字效果 方法一:AI的效果菜单里有3D效果,可以将文字或者路径转为3D模式。效果不错,只是复杂的就比较慢了,毕竟不是3D软件...

经验教程

362

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部