香雪儿 的个人主页 注册

【原创】渐变背景的制作及应用(香雪儿)

导语:

修改
字体调整: | |

发表于2020年09月24号 12点 阅读 5105 评论7 点赞12 ©著作权归作者所有

受秋思梦景老师启发,我也制作了几个渐变背景

 

图1—960*600  图2—960*600

 

 图3 —200*600   图4 —960*200

 

 

 

运用效果

 

图1背景图--角度渐变中心效果
http://www.oldkids.cn/upload/2020/09/23/blog_20200923210735015.gif

 

 

图2背景图--角度渐变一角效果
http://www.oldkids.cn/upload/2020/09/23/blog_20200923213128992.gif

 

图3背景图--竖条径向渐变效果
http://www.oldkids.cn/upload/2020/09/23/blog_20200923215649100.gif

 

图4背景图--横条径向渐变效果
http://www.oldkids.cn/upload/2020/09/24/blog_20200924103119126.gif 

风景图来源——勤学苦练老师《和同学三日游(南湖)》

 

图5
http://www.oldkids.cn/upload/2020/09/23/blog_20200923210735015.gif——我家俩宝贝

 

 

使用代码——红色部分可修改

 

<*table background="渐变背景.gif" border="0" cellpadding="0" cellspacing="0" height="600" width="960"><*tbody><*tr><*td><*img src="图片.jpg" style="*width: 960px;height: 600px;opacity:0.60;" /><*/td><*/tr><*/tbody><*/table>

opacity:0.60表示透明度,数值越小越透明  发表时把*去掉

 

我的制图要点供大家参考:

 

图1、图2运用的角度渐变,图片制作大小必须与场景里应用的大小一致,否则平铺后会有接痕。图1的渐变中心在图片中心,图2的渐变中心设在左下角。

 

图3、图4运用的径向渐变,竖条径向渐变图片大小200*600,高度一致,宽度不限,横条径向渐变图片大小960*200,宽度一致,高度不限。

 

 

梦景老师《渐变背景的制作及应用》http://www.oldkids.cn/blog/view.php?bid=1513684

 

 

(注:您的设备不支持flash)

声明:以上内容仅用户个人行为,不代表本站(老小孩社区)观点,如有侵权或其他行为用户自己承担相关责任与本站无关。【举报文章】
点赞12 收藏 3 推送到圈子 分享
微信扫二维码分享

等12人点赞

本文作者

香雪儿

路漫漫其修远兮

加好友
评论字体大小调节: | |

精选留言

您需要登录后才能回复

登录立即注册

请选择你想添加的收藏夹

新建收藏夹

收藏夹名称

©2017 老小孩网站版权所有 | 沪ICP备08012383号    举报电话:021-64323922
×
×