ps渐变效果怎么操作

2017-11-10 17:27 66 1 收藏

ps渐变工具的使用可以说是变幻无穷,很多立体感的图案及背景都经常用它来完成,所以掌握其基本的使用方法是比较有必要的,ps渐变效果怎么做?下面我们一起来学习一下其基本应用吧。

【 tulaoshi.com - ps平面设计教程 】

  PS渐变工具

    在设计稿上所表现出来的效果中,最常见的就是双色渐变,即是从第一种颜色开始过渡到第二种颜色就结束。而这其中大部分实际上是属于单色的深浅渐变,即从某种颜色的较深状态过渡到较浅状态(或相反),如上各图。而下左图的渐变效果,就是一种深红到浅红的渐变,可以理解为红色的深浅渐变。

QQ图片20171110171547.png

  现在我们动手来制作,建立一个随意尺寸的图像,创建一个合适的矩形选区,然后点击图层调板下方渐变的用途和设定技巧按钮选择建立一个渐变填充层,然后点击渐变缩览图进入渐变设定。这些步骤其实我们早就已经学习过,在这里是担心大家忘记才重复叙述一次,以后不再提示。

  这种方式也是到目前为止我们所采用的渐变定义方式,很直观,也很简单,在技术理论上没有什么问题。我们暂称之为固定渐变。但大家必须考虑到的是,在实际的设计过程中,是经常发生修改的,渐变也不例外,如果现在要更改红色的深浅度,或干脆改为如下右图那样的深绿色到浅绿色的渐变。此时就必须在渐变编辑器中重新指定渐变的两种颜色。

timg_meitu_11.jpg

  不难看出,固定渐变不利于修改,因为工作量较大,且在修改的时候不能实时体现修改后的画面效果,这样就更加不方便了,因为可能我们并不知道怎样的绿色在画面上表现较好,想要多选择几种颜色对比一下。而在这种情况下就需要多次修改渐变的设定。这时,我们可以通过另外一种方法来实现这样的效果。那就是“纯色加渐变”。

  相比Photoshop,Illustrator可以创造出更加丰富和细腻的渐变,如下左图。由于色彩的渐变过渡是矢量计算生成的,放大后还可以显露出更加平滑的色彩变化,如下中图。这主要得益于Illustrator的渐变网格工具,其可以在物体表面建立一个网格,然后以网格的节点为中心向四周辐射色彩,如下右图位于球体中的4个节点。这有点类似于Photoshop的径向渐变,但Illustrator可以自由设定辐射的方向和强度。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pspingmianshejijiaocheng/)

QQ图片20171110171520.jpg

  不难看出,固定渐变不利于修改,因为工作量较大,且在修改的时候不能实时体现修改后的画面效果,这样就更加不方便了,因为可能我们并不知道怎样的绿色在画面上表现较好,想要多选择几种颜色对比一下。而在这种情况下就需要多次修改渐变的设定。这时,我们可以通过另外一种方法来实现这样的效果。那就是“纯色加渐变”。

    相关链接:PS打造复古婚纱照

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pspingmianshejijiaocheng/)

来源:http://www.tulaoshi.com/n/20171110/2765423.html

延伸阅读
标签: PhotoShop PS PS教程
渐变映射调整色彩PS教程 那么所谓的渐变映射,就是以亮度为标准,用渐变中的颜色替换图像中的颜色。如下右图就是用蓝红黄映射左图的效果,可以看出草垛被替换成了蓝色,天空被替换成了黄色,屋顶则被替换成了红色。这些都是与渐变中的亮度相对应的。 - - 亮度有256个级别,但并非所有图像或渐变中的亮度都是全范围...
标签: Web开发
本文介绍的技术很经典,也算是一篇老文章了,相信很多人也都看过,之前神飞有注意到国内有些翻译,但是不全面,这里我就将其完整的翻译了一下。 你想制作漂亮的标题而不用将每个标题都做成图片吗?这里是一个简单的CSS技巧,它将向你展示使用一个png图片制作渐变文字的方法(纯CSS、无Javascript或Flash)。而你所需要的仅仅是在标题里面的一...
标签: Web开发
下面是我从网上搜索下来的关于网页的背景色从上下到由蓝色到白色的渐变的代码,但其中的一些参数我不懂,我琢磨不透如果要由下至上的渐变效果到底是修改哪个参数,我试过修改gradientType的值,但没能实现从下到上的渐变效果,只有从左至右的。 希望各位能指点一下,先谢过大家!! body leftmargin="0" topmargin="0" mar...
标签: Web开发
很久没写blog,太忙了。没什么时间写复杂的东西,重新把颜色渐变效果写一遍。 关于颜色的效果一般就两个,颜色梯度变化和样式的颜色渐变,前者在ie中一般用滤镜实现。 实例效果 预览效果1: 这是一个颜色梯度变化演示: 运行代码框 !DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3....
wps设置渐变色背景视频教程 打开wps文字 1、首先我们先打开自己的电脑上面的wps文字,没有的朋友赶快下载一个; 点击背景 2、然后我们打开之后可以看到右上角有个页面布局的一个选项,点击下面的背景选项,然后在下划框里点击渐变的选项; 填充效果 3、点击之后你会看到这时候会跳出来一个可以供我们填充...

经验教程

92

收藏

48
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部