ps
部分选中 滤镜->模糊
或
风格化后 擦除外部风格
⑵ 这种效果的背景图怎么做
使用ps会好做一些,建立一个适合大小的新文件,新建一个图层,填充灰色(不是白色就行),执行滤镜“云彩”,然后使用自由变换,把该层变窄,复制若干层合理拼接,然后用色彩平衡结合通道调色。
⑶ 制作改变按钮背景图片特效的步骤。
如果是用Dreamweaver的话。
1。先预先弄好的按纽图片。
2。在Dreamweaver入面平时插入图片那里。按以下。有下拉菜单的。有一个鼠标经过图象的选择
3。按一下。弹出个对话框。第一个是开始的图片。第二个是鼠标指住或经过时的图片。第三是按钮连接
这样按F12浏览就可见效果了!
⑷ 这种背景图片怎么做~~斜线效果!
新建一个 “5*5”的图片,然后用铅笔画成如图这样然后“编辑”=〉“定义图案”。名字随便取,如“斜线”然后新建一个文件。大小随便,如“600*200”。渐变。如图然后新建一个图层,“编辑”=〉“填充”。使用“图案”,选择你刚做的那个"斜线"然后调整一下斜线填充那个图层的透明度就OK了。如果新建“4*4”的斜线就密,反之就斜线就粗
⑸ 请问像这些图片背景的效果是怎么做的
最终效果图
1.创建透明背景图层,再新建一个图层(图层1),使用矩形工具绘制一个矩形路径,(这里我将矩形大小设置为1280*1024),在矩形路径上点击右键,选择建立选区。然后使用渐变工具,选取颜色相近的两种橙色对矩形进行线性渐变填充,再按Ctrl+D撤销选区。
2.新建一个图层(图层2),使用多边形工具,将边数设置为3,绘制一个如图所示的三角形路径,在三角形路径上点击右键,选择建立选区。然后将前景色设置为白色,选择画笔工具(大小设置为300像素),沿选区上边缘涂抹,注意画笔力度不要太硬,再按Ctrl+D撤销选区。
3.将图层2的图层混合模式设置为“叠加”。新建一个图层(图层3),再使用多边形工具绘制一个与图层2类似的三角形路径,并在此三角形路径上点击右键,选择建立选区。然后使用渐变工具,颜色由黑色到透明色,对选区进行渐变填充,按Ctrl+D撤销选区。再按Ctrl+T对三角形进行自由变换,效果如图所示。
4.将图层3的图层混合模式设置为“叠加”,图层不透明度设置为34%。
新建一个图层(图层4),使用钢笔工具绘制一条曲线。然后点击右键,选择建立选区。
5.现在得到了一个如图所示的选区,使用渐变工具,将颜色设置为由白色到透明色,对选区进行渐变填充,再按Ctrl+D撤销选区,并将图层4的图层混合模式设置为“叠加”。
6.新建一个图层(图层5),再次使用钢笔工具绘制图形,形状如图所示。在图形处点击右键,选择建立选区。
7.使用画笔工具(大小设置为300左右),将前景色设为黑色,沿着选区的上边缘进行涂抹,效果如图所示。注意不要撤销选区以备后面使用。
8.新建一个图层(图层6),选择选区工具,然后按住方向键的向下箭头,将选区向下移动10个像素(将向下箭头按10次)。然后按住Ctrl+Shift+I对选区进行反选,再用画笔工具(大小设置为300左右),将前景色设为黑色,沿着选区的下边缘进行涂抹,然后将图层的混合模式设置为“叠加”,图层不透明度设置为60%。
9.新建一个图层(图层7),再次按住Ctrl+Shift+I对选区进行反选,然后选择画笔工具(大小设置为300左右),设置前景色为白色,沿着选区的上边缘进行涂抹,再按Ctrl+D撤销选区。效果如图所示。
10.新建一个图层(图层8),使用椭圆选框工具在图层的左上方绘制圆形选区,然后使用渐变工具,颜色由白色到透明,对圆形选区进行径向渐变填充,再按Ctrl+D撤销选区,并将图层模式设置为“叠加”。
11.现在看来整体颜色不是很明亮,那么我们新建一个图层(图层9),使用矩形工具绘制一个矩形路径(大小为1280*1024),选择一个较为明亮的橙色进行填充,并将图层的混合模式设置为“颜色”,图层的不透明度设置为55%,这样看起来就明亮多了。
12.为了让它看起来更加漂亮,我们新建一个图层(图层10),使用钢笔工具勾出一个路径,然后点击右键,选择建立选区。效果如图所示。
13.使用线性渐变工具,颜色由白色到透明,对选区进行线性渐变填充,再按Ctrl+D撤销选区,并将图层混合模式设置为“叠加”。
14.新建一个图层(图层11),使用椭圆选框工具在图层的左下角绘制一个椭圆选区,然后使用渐变工具,颜色由白色到透明,对选区进行线性渐变填充,再按Ctrl+D撤销选区,并将图层混合模式设置为“叠加”。
15.最后,我在右下角加入了一点黑色渐变,在左上角加入了一点白色渐变,并将图层的混合模式设置为“叠加”。大家也可以根据自己的喜好ps一个苹果风格的背景。
这可是私人珍藏哦,!!!!当年好不容易找到的,把分给我吧!!!!
⑹ 在Photoshop里怎样把小背景图做成"平铺"的背景效果呢
本文以win7系统ps2018为例进行演示,具体步骤如下所示。
1、启动ps新建一个文件。
⑺ js控制DIV背景图片特效变换
给你举个简单的例子哈,你需要把var pic_arr=new Array("silkroad_1.jpg","silkroad_2.jpg","silkroad_3.jpg");这个里面存储的图片换成自己图片的路径就可以了=========================<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#pic_div{
width:400px;
height:267px;
}
</style>
</head><body>
<div id="pic_div" style="background:url(silkroad_1.jpg) no-repeat;"></div>
<input type="button" value="切换背景图" onclick="test();" />
<script type="text/javascript">
var count=0;
var pic_arr=new Array("silkroad_1.jpg","silkroad_2.jpg","silkroad_3.jpg");
function test(){
var pic_div=document.getElementById("pic_div");
pic_div.style.background="url("+pic_arr[count+1]+") no-repeat";
count++;
if(count>=3)
{
count=0;
pic_div.style.background="url("+pic_arr[count]+") no-repeat";
}
}
</script>
</body>
</html>
⑻ 急!!关于百度空间的背景图片特效.
7月14日 17:53 布置BLOG背景的图片网站
整体模板源代码:
<STYLE type=text/css>
body
{background:url(页面背景图片) repeat
scroll!important;}
.logo
{background:url(题图logo图片) no
repeat no scroll!mportant;}
.banner
{background:url(题图大图) no
repeat no scroll!mportant;}
.menu{
background:url("题图下的菜单图片") no-
repeat center;}
.feeds .up{
background:url("正文标题栏上翻时的图片") no-
repeat center;}
.feeds .down{
background:url("正文标题栏下翻时的图片") no-
repeat center;}
.feeds .function{background:url("正文摘要结尾处菜单的图片") no-
repeat right;}
.links .up{
background:url("面板标题栏上翻时图片");}
.links .down{
background:url(面板标题栏下翻时的图片);}
.links .mid{
background:url(面板的背景图片);}
.photo .mid{
background:url(形象照片处的背景图片);}
.label .mid{
background:url(自定义面板的背景图片);}
.calendar .mid{
background:url("日历面板背景");}
.callboard .up{
background:url("公告栏标题栏上翻时图片");}
.callboard .down{
background:url("公告栏标题栏下翻时图片");}
.callboard .mid{
background:url("公告栏背景图片");}
.bodyBg{
background:url("正文背景图片");}
.bodyBottom{
background:url("正文背景图片");}
.gbook .up{
background:url('留言板标题栏上翻时的图片') no-repeat;}
.gbook .down{
background:url('留言板标题栏下翻时的图片') no-repeat;}
.feeds .page{
background:url("正文文章页数图片") no-repeat center;}
</STYLE>
具体步骤是:复制代码---控制面板-----新增空白面板----钩选源代码(出现钩号,同时文档里出现DIV的字样)----粘贴代码----钩选源代码(钩号消失)-----保存新增面板----定制个人首页----选取新增个人面板----保存设置
地址: blog.sina.com.cn/m/dingfa
我的BLOG欢迎前来:http://blog.sina.com.cn/m/qingka
⑼ 这个背景图片效果用ps是怎么做的
像你这种背景效果图,最快方法是,去素材网下载,比如,我图网,昵图网,千图网,千库网等等~大把多素材,直接能用!
另外,自己动手画,或者合成叠加,也可以,就是比较费事。
你这网上搜索科技效果,有很多,然后叠加,变一下绿色。。。。
⑽ Css实现背景图片半透明效果。
你的图片跟第二个层在同一个层里,第二个层又是相对定位,当然不行了。
<style type="text/css">
.alpha{filter:alpha(opacity=30);width:400px;}
</style>
<div width="1024" height="768">
<img src="C:\\webstudy\\Pic\\2.jpg" class="alpha"/>
</div>
<div style=" position:absolute;left:0px; top:0px">
<font color=red>asdfasdfd</font>
<br><br><br><br>sdfsdfsdfsdfsdf<br><br><br>
</div>
或者:
<style type="text/css">
.alpha{filter:alpha(opacity=30);width:400px;}
</style>
<div style="position:relative" width="1024" height="768">
<img src="My Pictures/q-1.jpg" class="alpha"/>
<div style="position:absolute;left:0px; top:0px">
<font color=red>asdfasdfd</font>
<br><br><br><br>sdfsdfsdfsdfsdf<br><br><br>
</div>
</div>