平时分析总结的不多,借用这个平台,把所了解的分享给大家,也希望能通过这个平台集思广益,一些难题找到更好的解决方案,希望不啬赐教。目前我所接触到的方法大概有三种1、HTML5出来后,解决这个问题显得比较简单,但H5中的办透明背景颜色只支持 rgba的洗发,不支持16进制的写法。比如:background-color:rgba(0,152,50,0.8);// --&80%的不透明度background-color:支持完全透明效果:在传统浏览器中,IE浏览器的独特性也是某些透明度设置的不确定性因素一般来说,firefox和webkit,khtml阵营中实现透明的方式非常简单,也包括IE9+及大于IE9的浏览器使用上述HTML5设置透明。2、第二种使用半透明粒子图片,图案或者渐变半透明PNG图片,这种方法除了IE6需要使用插件来修改PNG不透明的bug外,其他方面兼容性都还好。设置可以重复,还可以定位。虽然在H5中也可以设置大小,不过在网页中追求极致的话加载图片还是越少越好。比如:background:url(path/my_ddb.png) no-repeat 3、使用透明度+背景颜色或者背景图片来实现。我们看下这种情况:background-color:rgb(0,152,50);opacity:0.7;background:url(path/my_dbg.jpg) no-repeat opacity:0.7;IE6-IE8完全不支持 opacity,所以还得考虑一下 IE的滤镜IE中有很多滤镜,其中使用alpha通道来设置不透明度filter:(opactity=70)因此上述方案改造如下background-color:rgb(0,152,50);opacity:0.7;filter:alpha(opacity=70);background:url(path/my_bg.jpg) no-repeat opacity:0.7;filter:alpha(opacity=70);注意:opacity或者alpha的值强调的是“不”透明度效果就不添了,略最终我选择了第三种方案,应用如下:&html& &head&
&title&index&/title&
&meta http-equiv=&X-UA-Compatible& content=&IE=7,chrome=1.0&&
&style type=&text/css& rel=&stylesheet&&
padding: 0
width: 200
height: 200
margin: 100px auto 0
background-color: #f06;
width: 250
height: 200
margin: -50px auto 0
border-radius: 5
/**background-color:rgb(0,152,50);**/
background:url(path/my_bg.jpg) no-repeat
opacity: 0.7;
filter:alpha(opacity=70);
&/style& &/head& &body&
&div class=&mb&& &/div&
&div class=&sub-mb&& &/div& &/body&&/html&希望对你有帮助,也期望收到更好的解决方案。网页前端设计(ddswerew)
文章为作者独立观点,不代表大不六文章网立场
ddswerew关注网页前端设计最新技术,分享最心动的网页。热门文章最新文章ddswerew关注网页前端设计最新技术,分享最心动的网页。&&&&违法和不良信息举报***:183-
举报邮箱:
Copyright(C)2016 大不六文章网
京公网安备78Photoshop设计梦幻透明效果的花体艺术字教程
如果不坚持,何必当初那么努力
帖子152524&缘分币508635 Y&阅读权限255&注册时间&
17:29
Photoshop设计梦幻透明效果的花体艺术字教程
本教程主要是为思缘的朋友如何使用Photoshop设计梦幻透明效果的花体艺术字教程,教程用的是Photoshop CS6,很漂亮的效果,喜欢的话就跟着做一做吧。
1.建立空白图层,我用的是,用渐变工具拉一个渐变当背景
2.建立文本,用喜欢的字体,最好用圆体字或花体。
用钢笔,大家不要怕,慢慢来,勾得好的。把大致的字体勾好
3.描边路径,画笔,2像素,淡蓝色,动态
调整图层样式如下
5.用画笔大致的画出高光,用淡色
高斯模糊3.5
6.将字体层复制3个,其中一个动态模糊,数据:
另外2个与主要字体层稍稍隔开,用橡皮擦掉过多的部分。
7.自己来做笔刷,新建图层,随便大小,画出大致这样的形状
注意背景透明,编辑-自定义笔刷-笔刷编辑,数据:
大概的涂一涂,摸一摸,就好了。
如果您在做图或者看教程(PHOTOSHOP方面),遇到任何问题请到问题交流区提问,地址:;我们会在第一时间帮助您解决问题,如果在教程后面跟帖,一律不给予解决!~
UID1&精华&积分467074&威望25990 F&回复币50680 B&警告0 次&贡献2117557 &金币2 个&学分0 点&性别男&来自上海&最后登录&
帖子15&缘分币19 Y&阅读权限10&注册时间&
很好的教程,可惜我的PS版本是CS,所以没有自定义笔刷,就先做到这一步了,最近下载的PS版本全是英文的,哪天弄好了,一定补交作业
(69.37 KB)
点击画笔然后按下F5看。。。
UID1254758&精华&积分15&威望0 F&回复币13 B&警告0 次&贡献0 &金币0 个&学分0 点&性别女&来自甘肃玉门&最后登录&
帖子45&缘分币25 Y&阅读权限10&注册时间&
交个作业,自制画笔比较好~也不知道看不看得到,第一次交作业
(59.82 KB)
鼓励一下~加油咯.
当前时区 GMT+8, 现在时间是