曾几何时,WinXP视窗图标在眼前闪现的那一时刻,笔者的心也突然一起闪动了起来,多么想自己亲手设计这样的视窗图标呀!笔者在首次设计图标时,用了填充图形再进行扭曲变形的方法来设计的,可是使用扭曲滤镜难以作出波浪效果的扭曲图形,制做出的视窗图标效果很不理想;在多次的摸索之下,笔者有了使用“■”文字符号来设计WinXP视窗图标的成功经验,下面就是笔者介绍的具体做法:
1、运行Photoshop程序,打开Photoshop7.0的主操作界面,在该界面的菜单栏中单击“文件”菜单项,从弹出的下拉菜单中选择“新建”命令,就能打开如图1所示的新建对话框了;在该对话框的名称文本框处,大家可以输入“视窗图标”这个图象名字,同时在宽度、高度设置栏处输入新建图象的宽度为500像素、高度为500像素,将图象的分辨率设置为96pixels/inch;在颜色摸色设置栏处,将图象的显示模式设置为RGB color,并在文档背景设置栏下,将图象的背景颜色选择为“透明”,设置好这些参数后,单击该对话框中的确定按钮,返回到主编辑界面;
2、为了能制作四个平面立方体的变形效果,大家可以利用Photoshop中具有的字体变形效果,特别是其中旗帜变形效果正好合适要制作的变形效果。用鼠标单击图层面板窗口,来返回到图层面板界面上,并在该界面上选中Layer 1图层;接着将鼠标移动到主界面左边的工具条的文字输入按钮上,并用鼠标左键单击之,然后在Layer 1图层中输入“■”文字符号,同时将该符号的字体大小设为200pt,并在如图2所示的字符面版中设置其余合适的参数;
3、在图层面板窗口中,单击新建图层按钮,来重新创建Layer 2图层、Layer 3图层以及Layer 4图层,并分别在各图层中输入“■”文字符号,字体属性参数与图2所示的参数一致,然后单击主界面左边的工具条上的移动按钮,来分别移动各个图层中的“■”文字符号,使得四个■并排列成田字形,最后的效果图如图3所示;
4、重新返回到图层窗口中,用鼠标选择好Layer 1图层,接着将鼠标移动到主界面左边工具条上的文字输入按钮上,用鼠标左键单击之,并将Layer 1图层中的“■”文字符号选中,然后用鼠标单击工具条中的文字变形按钮,来打开一个如图4所示的文字变形效果设置界面;
5、在该界面中的类型设置栏中,大家可以选择“旗帜”变形效果,将文字变形方向设置为“水平”,弯曲程度设置为“-20%”,然后单击确定按钮完成“■”的变形处理;接下来,大家按照第4步的方法,分别对Layer 2图层、Layer 3图层以及Layer 4图层中的“■”文字符号进行旗帜变形效果的处理,其中Layer 2图层与Layer 4图层的弯曲程度设置为“20%”,处理结束后大家就能看到如图5所示的效果了;
6、接着大家再对变形后的“■”文字符号进行填充颜色,填充时可以先选中各图层中的文字,然后用鼠标单击“设置字符颜色”的按钮,在随后打开的如图6所示的颜色设置对话框中,将Layer 1图层、Layer 2图层、Layer 3图层以及Layer 4图层中的文字符号颜色值依次设置为#FF6E0E、#A8DE40、#9E0AFB、#FBF812,设置好所有图层的颜色后,再用工具条中的移动工具将各图层中的文字位置调整适当,最后将得到图7所示的效果;
7、为了能给各图层中的文字再加上光影效果,大家可以先在Layer 1图层中,用魔棒工具选择其中的文字符号,进行颜色的填充。将鼠标移动到图层属性面板中,并点击图层面板上的调整钮,从随后打开的菜单中选择渐变命令,这样大家就能打开一个如图8所示的渐变填充设置界面了;在该界面中,大家必须将角度设置为0,将渐变样式设置为“直线”;接着用鼠标双击渐变颜色设置项,程序就能打开如图9所示的渐变颜色设置对话框,在该这个界面中,大家应该将渐变颜色设置为合适的数值,具体参数如9所示;