网站首页  |   业界社区  |  电信社区  |  技术社区   |  极客社区  |  游戏社区  |  生活社区   |   科技博客  |   同事录
TechWeb-技术社区


标题: [转贴] 制作网格化图像效果
dreamer
TW超级版主
Rank: 8Rank: 8



UID 137726
精华 271
积分 6198
帖子 2084
阅读权限 150
注册 2008-7-18
状态 离线
发表于 2008-7-23 18:16 资料 短消息 加为好友 添加 dreamer 为MSN好友 通过MSN和 dreamer 交谈
制作网格化图像效果

网格化图像效果在设计中也很常见,效果如图4-127所示。这种效果适合作为网页或者通栏的背景图像。具体的制作方法如下:TechWeb-技术社区2c3o;]8L,l'H


0c$X&B,\)fTechWeb-技术社区图4-127 网格化图像效果

1、在Fireworks中打开素材图像,如图4-128所示。TechWeb-技术社区+};J w'A8X O


$h*P5_&u4`!n0I8{程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛图4-128 打开素材图像

2、按快捷键【Ctrl+6】,把图像的显示比例放大到原来的1600%,如图4-129所示。
$`-y3W:v6a6F程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛

8V7e*{8K/`9r9|
图4-129 放大显示比例

3、按键盘上的【Print Screen】键截屏,然后在Fireworks中创建一个新的画布,按快捷键【Ctrl+V】,把截取的屏幕图像粘贴到画布中,如图4-130所示。
0\)T7S"A:n%O&g,t(e

2h-\8V)l)m9_
图4-130 复制截取的屏幕图像

4、使用【裁剪】工具裁剪需要的部分,然后在【属性】面板中添加2到3次【锐化】滤镜即可。
8`.H4U9]3X%L%y程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛可以基于这个图像效果为背景来设计网页通栏,效果如图4-131所示。
.Q8g7p:H/t8A3Z

tech.techweb.com.cn,{3c2[.e2@"t
图4-131 网页通栏效果


引用 回复 顶部
查看积分策略说明快速回复主题
选项 标题 Smilies
禁用 URL 识别
禁用 Smilies
禁用 Discuz!代码
使用匿名发帖
使用个人签名
接收新回复邮件通知
内容





当前时区 GMT+8, 现在时间是 2008-11-22 14:54
京ICP证060517号

本论坛支付平台由支付宝提供
携手打造安全诚信的交易社区 Powered by Discuz! 5.5.0 © 2001-2008 Comsenz Inc.
Processed in 0.136703 second(s), 8 queries

清除 Cookies - 联系我们 - TechWeb.com.cn - Archiver - WAP