查看完整版本: 透明立体网格效果制作教程

苹果机 2007-12-10 15:35

透明立体网格效果制作教程

</script></div><font id="zoom">1、新建文件,大小为50*50。<BR>  2、选取矩形工具,绘制一个50*50大小的正方形,填充及描边笔触设置如图。<BR><BR><DIV align=center><IMG align=absMiddle alt="" border=0 height=103 src="http://edu.chinaz.com/RoUpimages/../Files/RoUpimages/a01a1596a1.gif" width=486></DIV><BR>  3、将绘制好的图形保存为PNG或GIF文件,取名为“网格.png”备用。<BR>  4、打开一副素材图片。<BR><BR><DIV align=center><IMG align=absMiddle alt="" border=0 height=247 src="http://edu.chinaz.com/RoUpimages/../Files/RoUpimages/a01a1596a2.gif" width=364></DIV><BR>  5、在图片上方绘制一个略大于图象并覆盖整个画布的矩形框。在属性面板上,选择填充纹理为“其他...”,在弹出的文件浏览框中选择刚才保存好的“网格.png”文件。<BR><BR><DIV align=center><IMG align=absMiddle alt="" border=0 height=103 src="http://edu.chinaz.com/RoUpimages/../Files/RoUpimages/a01a1596a3.gif" width=323></DIV><BR>  6、设置其他填充选项如图所示。<BR><BR><DIV align=center><IMG align=absMiddle alt="" border=0 height=248 src="http://edu.chinaz.com/RoUpimages/../Files/RoUpimages/a01a1596a4.gif" width=365></DIV><BR>  7、打开层面板,将素材位图克隆一份(Ctrl+Shift+D)。<BR><BR><DIV align=center><IMG align=absMiddle alt="" border=0 height=190 src="http://edu.chinaz.com/RoUpimages/../Files/RoUpimages/a01a1596a5.gif" width=210></DIV><BR>  8、同时选中矩形路径和上层的位图对象,选择菜单“修改|蒙版|组合为蒙版”命令,组成遮罩组。<BR><BR><DIV align=center><IMG align=absMiddle alt="" border=0 height=200 src="http://edu.chinaz.com/RoUpimages/../Files/RoUpimages/a01a1596a6.gif" width=320></DIV><BR>  9、此时如果隐藏位于底层的位图对象,将会看到遮罩得到的图形效果。<BR><BR><DIV align=center><IMG align=absMiddle alt="" border=0 height=246 src="http://edu.chinaz.com/RoUpimages/../Files/RoUpimages/a01a1596a7.gif" width=365></DIV><BR>  10、对遮罩组对象应用“斜角和浮雕|内斜角”效果,特效参数设置如图。<BR><BR><DIV align=center><IMG align=absMiddle alt="" border=0 height=124 src="http://edu.chinaz.com/RoUpimages/../Files/RoUpimages/a01a1596a8.gif" width=173></DIV><BR>  11、取消底层位图对象的隐藏属性,得到最终的透明立体网格效果。<BR><BR><DIV align=center><IMG align=absMiddle alt="" border=0 height=246 src="http://edu.chinaz.com/RoUpimages/../Files/RoUpimages/a01a1596a9.gif" width=364></DIV><BR>  PNG源文件下载: <BR><BR><DIV align=center><IMG align=absMiddle alt="" border=0 height=246 src="http://edu.chinaz.com/RoUpimages/../Files/RoUpimages/01a1596a10.png" width=365></DIV></font>
页: [1]
查看完整版本: 透明立体网格效果制作教程