9core.com - 九核技术交流网

九百链
为了更好的解决实际工作中遇到的问题,本站开设了QQ群 ASP+PHP+JSP+.NET①:9793624
ASP+PHP+JSP+.NET②:17775294
网站通告: 新开设QQ群,群号:17775294 九核WEB技术专业论坛 官方QQ群 9793624
搜索: 您的位置主页> 设计创意 > 网页设计 >阅读资讯: Fireworks教程:制作立体倒影效果

Fireworks教程:制作立体倒影效果

文章来源:蓝色理想 发表时间:2008-08-10 点击次数

看看效果

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

首先放大图片以多边形选取工具精确扣图

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

选取扣出部分垂直翻转,点右键以变形-->平行扭曲工具调整位置。
如果不能确定位置的准确性可以把需要处理的部分设置些许透明再调。

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

注意到接缝有白点锯齿,把倒影模式改成叠加让接缝看起来比较自然。

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

左侧部分一样,先以变形-->平行扭曲工具确定大致倒影位置。
然后用变形-->多点扭曲工具调整。
倒影的最下部分最后是不会看到的,可以不用理会。
我们需要的是正面黑条和侧面凹槽部分在视觉上的对齐。

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

应用渐变遮罩(蒙版)对左右两部分分别作出倒影效果。

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

接缝处加条黑色矩形,扭曲变形后设置叠加模式和50%透明度。
让衔接部分看起来更自然。效果就此完成。

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

源文件PNG

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

看看效果

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

首先放大图片以多边形选取工具精确扣图

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

选取扣出部分垂直翻转,点右键以变形-->平行扭曲工具调整位置。
如果不能确定位置的准确性可以把需要处理的部分设置些许透明再调。

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

注意到接缝有白点锯齿,把倒影模式改成叠加让接缝看起来比较自然。

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL

zknnI9uA9VQJR2zhU8MtPexGWFkhhkNFbGhaQ6AL
网页设计
关于我们 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助