当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > 另类打造WinXP视窗标志

Photoshop
Photoshop教程之字中有图
PhotoShop是什么东西呢?
PS教程 简单方法制作填图字
在家开影楼—轻松制作艺术照
PS技巧 打造DC照片单色效果
PS技巧 利用光晕美化字体
PS技巧 完美图案艺术的绘画
[照片改造]DC照片去噪二法
PS技巧 燃烧的火焰
PS教程 电路板描述科技与抽象
PS教程 简单操作修正人物肤色
作者解说PS的重要性
PS教程 教你制作古老的石头
电脑制作艺术 化平凡为神奇
PS教程 就是玩“虚”控制照片景深
PS图案艺术的绘画—旋转的叶子
另类打造WinXP视窗标志
PHOTOSHOP给黑白MM图片填色
深悟:色彩设计中的哲学
PHOTOSHOP打造插画MM

Photoshop 中的 另类打造WinXP视窗标志


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-02   浏览: 17 ::
收藏到网摘: n/a


   曾几何时,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所示;