导航:首页 > 万维百科 > 网页设计透明ps

网页设计透明ps

发布时间:2021-03-28 16:40:51

1、图示的网页透明效果,是怎样实现的?

第一种:加入带有颜色的遮罩一样的半透明效果。
源代码为:
<STYLE type=text/css>
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}
</STYLE>
代码中:startColorstr=#AAFFFFFF 前面的AA是透明度,修改成FF是不透明,00是全透明,后面的 FFFFFF 是颜色,就是说在上面蒙什么颜色的东西,正常使用这个效果startColorstr=#AAFFFFFF和 endColorstr=#AAFFFFFF 后面的=#AAFFFFFF数值要一样!

2.简易透明效果。
将上面的渲染方式改为:filter:alpha(opacity=80),80是透明值,100为不透明,0为全透明。

3.其实CSS还有很多其他的渲染方式~付上其他的一些渲染代码。
黑白照片 filter: gray;
X光照片 filter: Xray;
风动模糊 filter: blur(add=true,direction=45,strength=30);
正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻转 filter: fliph;
垂直翻转 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2

2、网页设计中如何设置图像透明色?

告诉你了给个分吧

3、怎样把网页的背景图像设置得透明一点啊?

用dreamweaver设计啊,这个工具的前台美化功能本来就很强大,不必要用到PS.下面是处理图像的步骤:
1、先在DW设计页面中插入你要处理的图像,记住是插入图像,不要在页面属性那添加背景,现在还没到添加背景那一步;
2、选中图像,在下面属性栏里你就会看到一组可以编辑图像的工具;
3、选择第5个“亮度和对比度”工具,打开之后将亮度调高,将对比度调低就OK的了,要透明的程度你自己把握就行;
4、这一点是需要特别注意的:你调整好图片按保存之后,那么这张图像将不可以再恢复原样,如果你还想保留原图,你可以在调整之前复制一份出来;
5、图像已经处理完毕,将插入的这张图像删掉,再在“页面属性”那添加背景即可。

4、如何用PS制作透明图片

将素材图片压在主图片后,单击窗口菜单下的图层,打开图层面板,调整期中的不透明度,可直接观看效果。 就像他说的一样 然后合并图层在保存就可以了

5、怎样用ps做光滑透明质感的网页按钮

几乎没有哪种按纽的受欢迎程度能与透明质感按纽相比。自这种风格的按纽一问世,立刻风靡全球,从庞大的商务网站到简单的个人小站,处处都能看到剔透的风采。这种漂亮按纽最大的作用就是修饰网页,仅仅使用几个这样的按纽,就会给你的网页像水晶糖果一样诱人。透明质感的按钮种类之多,制作方法之广,无法尽数。在这里,我总结了几种较为好看的却又比较简单的,供大家作为参考。
第一款:Aqua按纽
这是最常见的一种透明按纽了,如果运用的好的话,效果是非常理想的。这种按纽的做法有很多种,有些真的是相当相当的麻烦。当然,效果也是相当相当的漂亮,漂亮到你会不舍得把它用于网页按钮。实际上,如果用那种耗费大量时间做成的按钮装饰网页的话,需要小心喧宾夺主:游客会不自觉的把注意力集中到漂亮夺目的按纽上,网页最重要的内容却会被忽略掉。说了这么多,好像偷懒是理所当然的了。那么这一次,我们应用图层样式来打造这个按钮,这样我们就可以一劳永逸,以后都可以坐享其成了。更重要的是,我们制作的是可以装饰你的网页的按纽,它仅仅起到了点缀的作用,就像是做菜时使用的鸡精,一点足以勾出鲜味,过多反而不好了。
1. 新建文档,RGB模式,白色背景。建立图层1,设置前景色为RGB(51,143,206)。然后选择圆角矩形工具,在工具选项中,设置绘图方式为填充像素,将矩形的圆角半径设为50像素,选择消除锯齿。点击几何选项,将矩形的大小设为91×27像素,在画布正中点击一下,即会出现一个蓝色的圆角矩形。(图01)

2.现在我们开始添加图层样式了。首先选择投影:将投影的不透明度降低为33%,取消全局光,角度为134度,距离和大小均为1像素,扩展为0,品质不变;
然后是内阴影样式:将内阴影的颜色设为RGB(0,56,113),不透明度为100%,取消全局光,角度为90度,距离为6像素,阻塞为15%,大小为16像素,品质保持不变,这样,按纽就具有了立体感。(图02)

3. 接下来我们要制作光线从按纽中透出的感觉。选择内发光样式,将混合模式设为颜色减淡,不透明度为30%,颜色为白色,方法为较柔软,居中,阻塞为31%,大小为21像素,要特别注意等高线的形状,打开默认的等高线编辑器,将曲线设为图03的形状,选择消除锯齿,范围为31%;(图03,04)

4. 下面是最关键的一步——添加强烈的反光效果。选择斜面和浮雕样式,将样式设为内斜面,方法为平滑,深度为81%,方向为上,大小为9像素,软化为1像素,阴影的角度为90度,高度为73度,高光和暗调的不透明度均为100%,暗调的模式为正常,颜色为RGB(4,126,188),这样高光效果就出来了。

但这样是不够的,我们希望高光效果更为贴切。选择等高线,注意是斜面等高线,而不是光泽等高线,将等高线类型选择为预设类型中的半圆,消除锯齿,范围为69%,这样就能得到逼真的反光效果。(图05)

5. 为了使按钮看起来更好,我们添加一些简单的阴影效果。但我们的样式中已经采用了投影样式,所以要另外想办法。按住Ctrl键,载入按纽的不透明度区域,从编辑菜单中选择合并拷贝命令,在图层1之下新建一层,按Ctrl+V,将图像粘贴到新层中,取消选择。
合并拷贝命令可以复制选区内所有图层的图像,包括图层样式在内,这里,我们所用这个命令就是为了拼合图层样式的效果。此外,在粘贴前,如果没有取消选择,那么图像会粘贴入选区中,否则的话,图像会被自动粘贴到图层的正中。
对图层2使用高斯模糊,半径大概为5.5像素左右。再用移动工具将图层移动到按纽的右下方,作为透明阴影。(图06)

6. 最后,在按纽上写上文字即可。如果你更喜欢淡灰色的透明按钮,这里有个简单的法子:打开通道面板,点击蓝色通道,仅显示这一个通道的图像,由于我们的按纽是蓝色调的,所以这个通道内的图像最能体现按纽的情况。如果你的按纽是红色调或是绿色调的,那么同样,分别选择红色通道和绿色通道,就能得到灰色的透明按钮了。(图07)

6、如何制作在网页上半透明的PNG纯色图?

用抄photoshop,新建一个图像,纯色填充。在图层面板里面双击再确定解锁这个图层,然后将这个图层的透明度调成50%(可根据需要自己调整)。保存格式为png。网页里面将div的背景图像设置为这个png即可。
PS:png透明在IE6下不可用。IE6下如果要实现这种效果比较麻烦。
如果有问题可以追问或者Hi联系。

7、PS怎么做透明的图片

1、打开PS,新建一个画布,背景内容选择“透明”,一定要透明;

2、建完的画布是这样的,灰白方块相间;

3、在上面添加想要的图像;

4、创作完成之后,点击菜单栏的文件,在下拉菜单中选择“存储为”;

5、选择你想保存的位置,然后保存类型改为“PNG”,然后点确定;

6、跳出来这个界面,如果你不了解这是什么,直接点确定;

7、然后回到保存图片的位置,就可以看到一个透明背景的图片;

8、复制多个图片文件在不同背景颜色的地方,可以看到该图片的背景颜色是完全透明的。

8、在ps里怎么做透明的网页图

不理解什么是透明的网页图.

如果要背景透明,存GIF格式.

9、从网页扣素材背景是透明的PNG图片,怎么给他赋颜色呀?用PS么?怎么操作?

使用PhotoShop为抠好的素材赋予背景或背景颜色,直接新建图层,填充所需颜色或置入所需背景素材,调整图层顺序即可;

使用PhotoShop为抠好的素材赋予背景或背景颜色步骤:

1、如图所示,是抠好的透明背景素材;

2、设置所需颜色为前景色,在背景层填充前景色;

3、如果想要以图片作为背景,可以置入图片,并调整图层顺序;

4、“文件--存储为”png格式图片,完成。

与网页设计透明ps相关的知识