模板天下 | 网页模板 | 学 院 | 源 码 | 书 籍 | 壁 纸 | 字 体 | JS脚本 | FLASH源码 | 软 件 | 矢 量 | 服务器软件 | 素 材 | 其 它 | 测试 |
设为主页
加入收藏
联系站长
平面设计 | 网页制作 | 程序编写 | 数 据 库 | 媒体动画 | 网络冲浪 | 服务器相关 | 站长乐园 | 业界动态 |
当前在线
像素边框的制作
2003-11-21 4:14:00  作者:mbsky  来源:5D多媒体 网友评论 0 条 论坛
  

像素边框的制作

——像素按钮之后续篇

作者:舞影 zgclerk@21cn.com

  现在网上越来越流行像素图像的制作,论坛里的很多朋友也都在热烈的讨论这方面的相关知识和技巧,之前我们曾经编写过一篇名为《像素按钮的制作》的文章在5Dmedia上发表,获得了大家的好评,很多朋友来信希望获得更多这方面的相关制作方法,这里,我们就根据上次的那篇文章续写了一篇像素边框制作方法的文章献给大家。

好了,还是我们一贯的作风,废话少说,转入正题。

首先,我们进行之前的准备工作:

1.  photoshop7中新建一个300*300的图片。

2.  设置你的图像背景色为淡淡的灰色,这样方便你在后面的制作中察看边框,我使用的是#E5E5E5

3.  现在分别先按下D键,然后按下X键,将你的工具面板上的前景色背景色置回。

好了,下面我们要进入今天的实质阶段了。

现在让我们选取矩形选框工具,在图片上选取一个你希望的大小,然后新建一个图层layer1,点击软件菜单 编辑——描边 ,在跳出的窗口中设置描边宽度为1px,位置为居中,先不要取消选取框,让我们再新建一个图层layer2,然后点击CTRL+BACKSPACE用前景色白色填充我们刚才的选区。

这之后,我们还要到图层面板中将layer1拖动到layer2的上面来。

Ok!这里算是一个小段落,下面,我们将进行几下简单的“魔术”,来让我们的边框变成你希望的“像素边框”:)

现在,让我在layer1上单击右键,在跳出的菜单中选择 混合选项 ,这时会跳出图层样式窗口,我们只需要在这个里面进行几下简单的设置就行了。

首先,我们点击描边样式,大家可以根据我的设置来调整,其中,颜色使用#B6BCD7效果较好。当然,具体颜色你可以自己定夺:)

然后投影样式

现在看看你的图片,呵呵,效果出来了吧,我说是“魔术”似乎不是很过分啊:)ps的强大功能真的是让人佩服!

这是我做的了:)

其实到这里,我们的教程就基本上完成了,但是这样一个效果看起来也太衰了对吧,那么下面我们再简单的进行一些改进:)

现在我们来再给他加一点简单的效果,让他看起来更nice一点:)

让我们来给他加上一点隔断,先确定你的图层面板中选取上layer1,然后使用直线工具,像我这样设置:

ok!现在尽量贴近你刚才所绘制的矩形边框,按下SHIFT同时拖动出一条直线来,你可以看到,他很自然的应用上了layer1的效果。

ok了,在进行一点修饰!

还记得我们以前告诉你的像素按钮的制作方法么?如果忘了,赶快去你的硬盘里面把下载回去的教程翻出来,重新看一下吧:)在这里,我们就不废话了。



>> 相关文章

关于网站 | 客服中心 | 服务条款 | 合作伙伴 | 广告联系 | 本站历程 | 网站导航 | 发布资源 == 好的资源 大家共享

吉ICP备05000107号