为您说明使用Illustrator制作图标的方法。
黑色质感的渐变效果真的很酷吧。可以直接作为网页图标使用。
制作方法比较简单,可对渐变、边缘及投影等专业工序进行较为细致的设置。将会在各步骤中进行详细说明,请仔细阅读后试着掌握这些制作方法。
通过椭圆形工具绘制一个正圆形。(正圆形是通过椭圆形工具,按住Shift+拖拽制作而成的)
这个圆形是图标外侧(银边的部分)的圆形。请根据自己设计的图标大小来设置一个圆形。
在绘制好的正圆形内侧绘制一个较小的正圆形。
选择已在Step01中绘制的圆形,单击[对象→变换→个别变换]。
打开[个别变换]对话框,如上图所示进行设置。
不要忘记单击复制!
缩小为90%的正圆形已复制在内侧。
接下来,对这两个圆形适用渐变。
对外侧的圆形设置渐变。
选择外侧的圆形后,通过渐变面板(窗口→渐变),如上图所示进行设置。
虽然渐变的设置有些繁琐,但请认真设置角度、位置、颜色。而且,颜色将通过灰度进行设置。(通过渐变面板双击颜色→单击指定右上方的调整滑块的颜色模式→灰度)
通过将渐变设置为线性、将角度设置为倾斜、将颜色设置为黑白相间,即可突显出反光的银边质感。
对外侧的圆形适用渐变后,本次将对内侧的圆形适用黑色渐变。
选择内侧的圆形后,通过渐变面板(窗口→渐变),如上图所示进行设置。
虽然此步骤的渐变设置也较为繁琐,但请认真设置角度、位置、颜色。虽然大体上接近原黑色的色调,但通过适用较少的渐变,即可突显出比原黑色更逼真的质感。
接下来,将会出现外侧的银边。
选择小圆形后,单击[效果→风格化→内发光]。
打开内发光对话框,如上图所示进行设置。
已对小圆形的边缘内侧适用投影!
通过边缘内侧的投影,可呈现出外侧银边的效果。
在圆形中插入图像。
打开符号面板(窗口→符号),单击[右上方(参考上图)→打开符号库→网页图标]。
(什么类型的图像都可以。请从您所使用的Illustrator的符号库中使用适当的图像,如果没有符号库时请通过钢笔工具等亲自尝试制作。)
从网页图标中选择您所喜欢的图标图像,拖拽到画板中。
在此状态下,单击符号面板的[断开符号链接]。然后,更改此图标图像的大小和颜色后,对圆进行配置。
已改变图标图像的大小和颜色,并配置到圆形中。
由此,黑色图标就制作完成了!
这样就可以作为图标使用了。本次还要对图标的下方适用浅色投影。
如上图所示,通过椭圆形工具绘制一个椭圆形。
请将颜色设置为黑色。
对椭圆形适用羽化。
选择椭圆形,单击[效果→风格化→羽化]。
将显示羽化对话框,参考上图进行设置。
羽化状况可通过勾选[预览]进行确认。请设置为您所喜欢的羽化状况。
将设置好羽化的椭圆形移动至图标的下方(将图层设置到背面),这样就完成了。
质感的银边和逼真的黑色渐变衬托出图标的美丽。
虽然技巧本身不算什么,但渐变等的设置都较为细致,专注于逼真的质感。请您马上通过实践来制作一个可以使用的图标吧。