Illustrator创建立体风格的黑胶唱机图标(7)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

6. 添加阴影,层次和细致的纹理

步骤1

回到“网格线间隔为5px”(编辑>首选项>参考线和网格)。在图层面板上解锁“vinylshadow”。选中这个白色的圆圈。

首先,如图所示,将白色更换为线性渐变。下一步,选中现有的渐变填充,“效果>路径>偏移路径”,偏移数值为15像素,点击确定;“效果>模糊>高斯模糊”,模糊半径为15,点击确定。

Illustrator创建立体风格的黑胶唱机图标,PS教程,思缘教程网

步骤2

选中“vinylshadow”,在外观面板上添加第二填充,选择它,添加下图所示的线性渐变,然后选择“效果>模糊>高斯模糊”,模糊半径为15,点击确定。

Illustrator创建立体风格的黑胶唱机图标,PS教程,思缘教程网

步骤3

选中“vinylshadow”,选择顶部的填充,复制这个填充(下图中蓝色箭头)。删除新添加的填充现有的高斯模糊效果,并降低其不透明度为30%。

Illustrator创建立体风格的黑胶唱机图标,PS教程,思缘教程网

步骤4

选中“vinylshadow”形状,在外观面板上添加黑色的描边1px,内侧对齐,改变混合模式为柔光,并降低其不透明度为15%,“效果>路径>偏移路径”,偏移数值为1px,点击确定。

Illustrator创建立体风格的黑胶唱机图标,PS教程,思缘教程网

步骤5

在图层面板上解锁“armshadow”形状。然后,将“vinylshadow”的性质复制到这个“armshadow”上。在图层面板的右边,你会注意到每一个形状后都有一个小小的灰色圆圈,它被称为“目标图标”。按住Alt点击目标图标,“vinylshadow”形状的外观拖到 “armshadow”的目标图标上。选中“armshadow”,打开底部的第一个填充中高斯模糊效果,设置半径在5px,然后打开路径偏移效应设置的偏移量为3px。移动到下一个填充,打开现有的高斯模糊效果,设置半径3px。最后,打开用于描边的路径偏移,设置偏移量为-1px。

Illustrator创建立体风格的黑胶唱机图标,PS教程,思缘教程网

步骤6

在图层面板上解锁“knobshadow”形状,再次将“armshadow“目标图标的外观属性,复制黏贴到“knobshadow”。

Illustrator创建立体风格的黑胶唱机图标,PS教程,思缘教程网

 收藏