求问下图中PS发光边框线渐变怎么做

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了求问下图中PS发光边框线渐变怎么做相关的知识,希望对你有一定的参考价值。

是中间那根横线哦,求详细步骤

这样的?

    先用选框工具画个细长的长方形

    油漆桶涂白

    滤镜-模糊-高斯模糊   进行整体模糊

    滤镜-模糊-动态模糊  进行左右拉长的模糊

    复制此图层  将复制图层ctrl+t 放大一些 透明度调低

    将复制层放在原图层下面既可


5、6两部是因为你给的示意图中最亮的线条处于下方,所以要做一个比较小的亮条放在大亮条的中下方位置~如果不需要的话可以省略这两部

参考技术A 用钢笔工具画一条线,然后右键描边(记得调画笔的大小)。描边之前前景色改为白色追问

求其他方法,钢笔工具不熟,右键描边是描边路径?

追答

其它方法我暂时没想到,钢笔直接点两点就会连成直线,然后右键有个描边,里面选画笔,模拟压力勾上。

参考技术B 这个方法有很多!

CSS3中如何实现渐变效果

CSS3里面的线性渐变:linear-gradient

1、语法

2、参数

第一个参数:指定渐变方向,可以用“角度”的关键词或“英文”来表示:

第一个参数省略时,默认为“180deg”,等同于“to bottom”。

第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。

例如:

background-image:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet);


该属性已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等浏览器的支持。

参考技术A 要得上面的线性渐变效果,我们这样去定义CSS3样式:background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); /* Saf4+, Chrome */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0'); /* IE*/-moz-linear-gradient有三个参数。第一个参数表示线性渐变的方向,top是从上到下、left是从左到右,如果定义成left top,那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数,表示多种颜色的渐变。-webkit-gradient是webkit引擎对渐变的实现参数,一共有五个。第一个参数表示渐变类型(type),可以是linear(线性渐变)或者radial(径向渐变)。第二个参数和第三个参数,都是一对值,分别表示渐变起点和终点。这对值可以用坐标形式表示,也可以用关键值表示,比如 left top(左上角)和left bottom(左下角)。第四个和第五个参数,分别是两个color-stop函数。color-stop函数接受两个参数,第一个表示渐变的位置,0为起点,0.5为中点,1为结束点;第二个表示该点的颜色。IE依靠滤镜实现渐变。startColorstr表示起点的颜色,endColorstr表示终点颜色。GradientType表示渐变类型,0为缺省值,表示垂直渐变,1表示水平渐变。线性渐变使用from()以及to()方法指定过渡颜色点:background: -webkit-gradient(linear, left top, left bottom, from(#96ff00), color-stop(0.5, orange), to(rgb(255, 0, 0)));线性渐变多个过渡点在同一位置:background:-webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00));径向渐变综合效果演示:本回答被提问者采纳

以上是关于求问下图中PS发光边框线渐变怎么做的主要内容,如果未能解决你的问题,请参考以下文章

CCS3怎么实现border边框渐变效果

如何利用shader在文字上添加渐变阴影的效果

android怎么让button去掉边框

div+css 边框渐变色怎么做啊?

怎么给android 设置边框

canvas怎么画一个渐变的圆角边框,填充的也行