图片各种艺术特效处理 - 香儿的日志 - 网易博客

来源:百度文库 编辑:神马文学网 时间:2024/04/24 05:30:02
图片各种艺术特效处理
【网易制作】 2009-10-19 10:38:03 阅读1375 评论6 字号:大中小

图片各种艺术特效处理

一、图片滤镜效果:
所选图片地址:红色部分换上图片地址;
http://image9.360doc.com/DownloadImg/2010/05/0511/3099112_2.jpg
1. 柔化 :

2. 柔边(左往右) :

3. 圆形柔化(外往中央):


4. 灰色效果 :


5. 左右翻轉 :


6. 发光效果 :


<<
7. 投射阴影效果



8.附阴影效果:


参数
color             -->发光颜色
offX              -->水平位移(可正可负)
offY              -->垂直位移(可正可负)
虑镜宽=图片宽度+水平位移绝对值+10
濾鏡高=图片高度+垂直位移绝对值+10+10
范例:


效果:

9. 水波纹效果



10. 半透明波形



11 图片抽丝效果








<<
12 模糊效果:


参数
direction        -->方向(以45度角为单位)(0、45、90、135、180、225、270、315)
虑镜宽要略大于图片宽度(建议+15)
虑镜高要略大于图片高度(建议+15+10)
范例:


效果:

13  图片雾化效果




width=420(图片宽度) background=(图片地址) height=296(图片高度)>


效果;
14   图片静态倒影



绿色部分就是大家总问的居中代码,放在粉色代码中间的东西全部居中!
效果

15  百叶窗

效果;
16  上下颠倒

效果
17  其他特效

注意:只能更换蓝色的图片地址,其他地址不要动。
效果;



<<
18 左右 逐渐显示

效果;

19  上下逐渐显示

效果;
vior=alternate height=250>
二、图文排列:
左图文字:

文章内容


文章内容
注:heiht width 是图片的高和宽。若,字左图右,只需把left改为right.
三、添加背景代码:
以下内容请自己编辑:这是第1行
这是第2行
这是第3行
这是第4行
这是第5行
这是第6行
这是第7行
这是第8行

绿色部分写上你需要说的话或文字,注意所有的
不要动它。
以下内容请自己编辑:这是第1行
这是第2行
这是第3行
这是第4行
这是第5行
这是第6行
这是第7行
这是第8行

<<
四、移动图片的代码:


网易博客代码入门制作
☆ 博客基本代码解读大全
一分钟打造自己的个性时钟
一分钟建立自已的日报
滚动边框综合代码
教你制作自己的播放器
文字各种移动代码
滑动边框诠释(一)
滑动边框诠释(二)
滑动边框诠释(三)
网易播放器及代码解读
一分钟搞定基本链接
一分钟学会首页的添加
一分钟学会添加flash
打造自己个性的小屋
常见网络术语
网易博客代码(印章)
图片超链接代码
巧用迅雷下载技巧5则
没有什么是查不到的
网易播放器的参数含义
代码使用手册
风格自定义工具制作
提高博客的点击率
常用embed代码教程
可嵌入博客图片播放器
自我形象制作代码
打造图片的特殊效果
中国图片网址大全
代码易懂使用手册
自动生成你自己的时钟
显示你空间的来访
把想要的放到首页
WINDOWS 重装必做
文字各种移动代码
一分钟博客必备常识
常用HTML语法攻略