查查 发表于 2007-8-12 08:21:09

在5分钟内就能制作出Web2.0风格的网页图标

<script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script><BR>文章出处：cfan 作者：miniworm　<BR>我指灯发誓：包你在5分钟内就能制作出Web2.0风格的网页图标。Web2.0网站现在正如火如荼，所以虫虫决定从这期开始，全面转向Web2.0风格的网页设计。图标作为一个网站的点睛之笔，在网页中占有十分重要的位置，所以今天我们就从网页图标的设计说起。<BR>如图1所示，是不是惊讶于Web2.0网站图标之美？下面的方法，能让你在Photoshop中轻松套用这些网站的图标风格，并加上一些创意，快速构建出自己的Web2.0图标出来。<BR>
<P align=center></P>第1步：首先下载一个现有的样式文件:。
如果你使用的是Photoshop CS2简体中文版，可将下载的样式文件保存到Photoshop安装目录下的“.\Adobe Photoshop CS2\预置\样式\”文件夹中。<BR>第2步：启动Photoshop，点击菜单“窗口→样式”调出样式面板，再单击面板右上角的箭头按钮，从弹出菜单中选择“载入样式”命令，从对话框中选择打开上面下载的web20.asl文件加入新的样式。再单击箭头按钮，从弹出菜单中选择“大列表”项。现在样式面板将如图2所示。<BR>
<P align=center></P>第3步：如图3所示，输入文字“CFan”，画一个圆角的黑色方框作为背景，右下角再添加两个装饰性的小圆点。每个元素都占独立的一个图层。<BR>
<P align=center></P>第4步：从样式面板中，将“mixd-label”样式依次拖放到背景、红色圆点、蓝色圆点图层上，这几个图层就被添加上一层好看的特效。再找到“mixd-font”样式，把它拖到“CFan”文字层上。现在整个图标的效果如图4所示。怎么样，好看吧！<BR>
<P align=center></P>上面是一个混合型风格的实便，接下来乘热打铁再制作一个Skype风格的图标：新建一个图像文件，用文字工具（快捷键为T）输入“CFanBlog”，字体设置为lucida Handwrit，大小为48点；选中这个文字图层，然后单击样式面板上的“skype”样式，文字立即变成如图5所示的效果，非常漂亮。<BR>
<P align=center></P>其他风格的图标，借鉴上面的操作步骤即可完成，这里就不一一介绍了。制作上面两个的图标，我前前后后用了不到5分钟时间，没骗你吧，是不是够快！

路宝宝 发表于 2007-8-12 12:43:29

不错吖,西西
顶顶哦

多情善感 发表于 2007-8-12 21:39:13

应该是个好东东，先收了，谢谢！

维尔 发表于 2007-8-19 19:13:17

let me seeps:lo

尤里格 发表于 2007-8-20 00:22:03

哎呀啊～很諟謝謝樓主辣～嘎嘎～ps:鼓掌

3434343 发表于 2008-7-23 18:20:46

好东西，正需要。谢谢

火山光军 发表于 2008-7-24 08:09:50

我来看看 谢谢了 ~

鬼面骑士 发表于 2009-3-21 21:06:39

呵呵，真的很简单啊，谢谢

鬼面骑士 发表于 2009-3-21 21:07:28

呵呵，真的很简单啊，谢谢

506158547 发表于 2009-3-26 21:03:38

我看下，效果好像不错

小宝贝1027 发表于 2009-4-1 12:57:17

郁闷 没零用钱下

自由幻影 发表于 2009-4-5 17:18:44

顶哦photoshop:0001 photoshop:0001
页: [1]
查看完整版本: 在5分钟内就能制作出Web2.0风格的网页图标