超简单,ps笔刷迅速打造3D线条效果

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-相同方式共享
16905 68 158 2017-07-09

本教程详细介绍了混合画笔的用法,利用简单的几个步骤即可以实现“伪3D”的平面视觉效果

Photoshop在平面领域几乎可以说是无人望其项背,功能强大,界面友好,Adobe系列的软件又有着很好的互通性,可以这么说,它几乎占据着平面设计领域的霸主地位,几乎没有什么平面视觉效果是它完成不了的,但是3D这一块一直是ps的一个弱项,界面复杂难懂不说,渲染也是及其的慢,虽说也有一部分人对3d这一块有很好的掌握,也能做出十分出色的3d效果,但是从效率和易用性上来说,本人并不是十分推荐(只是本人观点),但是今天我要给大家分享的教程,就是利用到ps强大的画笔(混合画笔)工具做到一些“伪3D”的视觉效果,方便,迅速,小白上手也没有压力,废话不多说,马上开始。


本教程分为三个部分:1混合笔刷的介绍;2使用方法;3使用展示。


一.混合画笔介绍

(这个步骤侧重于说明性的东西,主要针对没有怎么使用过混合画笔,如果是对画笔了解比较好或者不是很想了解这个混合画笔的都可以直接跳到第二个步骤,对今天要做的效果没什么大的影响,只为加深了解,便于应用)


混合画笔是一种比较特殊的画笔,顾名思义,“混合”代表着这个工具通过参数的调节能很好的将画面的色彩“混合”在一起,我之前使用它一直都是在画一些插画时,做一些颜色方面的过渡,效果非常好。首先我们看一下混合画笔的工具栏:


2.画笔预设,跟普通画笔一样,可以调节大小,硬度。

3.我称呼这个为混合画笔的“取景器”(便于理解,官方称呼为当前载入画笔),上面我截了两个图做对比,其实是混合画笔的两种状态,即:一种是取景器里有“东西”,一种是取景器里为透明状态。这里的两个状态直接影响着后面的45678的参数调节,希望大家可以区分一下。点开箭头看见它有三个选项,很容易理解。


“取景器”旁边的ab两个按钮,是控制取景器的,大家可以鼠标悬浮在上面看它的文字解释,这里我通俗的总结一下:a控制取景器里是否有东西(即两种状态),b控制取景器东西是什么(即长什么样);大伙可是组合起来试试就非常明白了,这里不多做介绍了。

4和5混合预设。控制混合程度的:


这里用潮湿和干燥命名很形象,其实你就把它想象成颜料粉上加水程度,干燥,一点没有,颜料之间还是干巴巴的自然没有混合,非常潮湿,水加的很多,混合很充分。

(ps:这里展示的是取景器里是透明时候的状态)


6跟7这两个参数树针对“取景器”里有东西时候的参数控制。我们把在取景器选取一种颜色(此处为绿色,用来过渡的颜色为红色和蓝色),然后把潮湿和流量都设置为100%,来看看载入和混合两个参数如何控制颜色的过渡。


先看混合:


以上的示意图可以看出,混合的数值越高,画笔载入的绿色越少,零的时候载入的绿色画笔对过渡没有影响;混合数值越低,绿色对过渡的影响越多。


再来看看载入是怎么回事:



上面的示意图分别对应下方的两个参数控制:可以看出载入数值越低,到画笔的最后收尾会越明显,逐渐消失(这里建议大家去测试的时候选取一款毛发笔刷去做,效果会明显一点)

8.流量,字面意思,不解释了。

9.很重要,以上所有的操作都在同一个图层中进行,如果勾选了这个选项,画笔会选取下方所有的图层里的色彩进行过渡,如果没有特殊的需求,建议这个勾选去掉。


好的,以上就是混合画笔的介绍,这个过程介绍过程有点繁琐和枯燥,其实今天要做的效果没有这么复杂的参数调节,但是大家不难发现,混合画笔可以通过各种参数的组合调节,实现一些意想不到的效果,建议大家多去尝试一下。(以上的介绍如果有什么不正确的地方希望高手能够指正,我会做及时的修改以免因为我错误的理解误导他人。)


二.使用方法


以上我称取景器里的状态为一种“东西”(而不是一种颜色),说明这种状态并不是只能是一个单一的颜色,这里我们暂且把这个“东西”称之为画笔的样式,利用混合画笔的这个特点,来进行我们今天的操作。

1.首先我们新建一个图层,填充一个颜色作为背景层(我这里选取的填充颜色为:#091947),接下来就是创造一个你想要的画笔样式,方法很多种,并不是唯一性。选取形状工具中的椭圆(命名形状图层),按住shift键画一个正圆,再在这个正圆的图层上方新建一个图层(命名渐变样式图层),载出正圆的的选区(按住Ctrl键,再点击正圆图层左侧的一个小方块即可)






2.选中渐变样式图层,我们在这个图层的选区里做一个渐变样式,选区渐变工具,调节两个颜色(这里我选的是#13265d,#27d51e),渐变的方式这里用线性渐变作为展示(其他渐变方式也是可以的,可以随意发挥,效果会很不一样)


取消选区(Ctrl+D)


3.选择混合画笔工具,这里大家首先养成一个习惯,就是清理下画笔,并保证取景器里的“只载入纯色”不被选中,注意是“不被选中”,打开旁边的a,其他参数设置如下:混合选择干燥,深描,流量100%,“对所有图层取样”不勾选!



4.选中渐变样式图层,调节笔刷大小,稍微小于正圆的大小,(如果太大,会把圆外边的一些锯齿也采样进去,到时候画出的线条会出现杂边);笔刷对准我们做好的渐变样式,按住ALT键,出现一个光标后,鼠标左击一下,看到取景器里出现以下状态(旁边是透明的,中间就是我们创建的笔刷样式!)



5.再新建一个图层,命名会3D层,调节合适的笔刷大小(跟普通画笔调节一样了就,你也可以选择不同的笔刷),现在就可以绘画了!!!



简单的几个设置就可以做出一些3D线条效果。


描边路径

接下来将向大家展示一下如何结合ps的描边路径功能,做一些具体的效果。

1.一个图层,填充颜色#428fb8作为背景色;切换为文字工具,选择尽量方正一些的字体,打上大写的英文字母UFO三个字;


2.文字图层,右键,创建工作路径


3.PS的路径面板,双击我们刚刚建立好的工作路径进行保存,命名为UFO


4.用路径选择工具对路径进行删减,移动 ,调节;


变为


5.建立一个混合笔刷样式,




6.调整你想要描边的粗细大小(即调整混合画笔的大小,按键盘的中括号键左右调节大小),选择路径面板中保存好的UFO路径,右键选择描边路径,在弹出的描边路径对话框里选择“混合画笔工具”:



效果如下:


我之后再调整一下图层元素的位置,加上一些其他元素已经一些映射渐变的效果,最终展示为如下效果:


每个人做出的效果可能都不一样,这要根据具体的渐变样式和描边粗细而定。

总结一下使用描边路径的方法:可以是文字形成的路径,可以是钢笔工具勾勒好的路径,也可以是形状工具创建的路径,总之一切可以创建路径的方法都是可以的,路径的注意要平整,弯曲过渡要均匀,线条的粗细(即画笔的大小)可以根据自己的需要选择。


三.使用展示

下面展示一些我自己通过混合画笔工具制作的一些案例。

原图:

Image title

效果图:

Image title


原图:

Image title

效果图:

Image title


原图:

Image title

效果图:

Image title


文字效果:

Image title

Image title

Image title



最后这里给大家留一个小小的思考,上面我们做的画笔样式都是圆形的,那么,如果它的形状是其他的,比如菱形,比如五星,比如。。。。。。。。尽管动手尝试吧!


下次教大家如何利用AI做类似的线条效果,但功能更强大,效果更意调整和控制!!


喜欢的点个赞,关注我吧



全部评论:68

  • ni你给我站住

    2018-09-07 15:14

    赞赞赞!很棒的教程!受教了

  • 37°3

    2018-08-15 15:53

    您好,请问我的笔刷创建完成后,不连续,是怎么回事呢?

  • Aorfei

    2017-12-07 09:44

    @Hannah_W: 要新建一个图层再右键描边路径

  • leenxe

    2017-11-15 00:18

    为什么我按住alt(Mac电脑上的option)出现光标吸的渐变圆颜色是白色,不理解错在哪

  • 人艰不拆

    2017-11-02 13:52

    @wsllhuknow: 同问

  • 此未生非彼未生

    2017-10-19 20:16

    为什么后面没有描边子路径

  • ValiCheng

    2017-10-10 11:33

    我也用不了这个图形来描边,已经选中这个路径了,右键路劲图层还是不能选择“描边路劲”,也试过新建空白图层,还是没什么用,求答疑~

  • Hannah_W

    2017-09-27 14:54

    @wenzi2653: 我也是,点不了

  • wenzi2653

    2017-09-18 17:01

    为什么我的路径右键描边路径是灰色的,没法按

  • 语不成说

    2017-08-29 11:47

    @SMLZ: 从窗口调出画笔工具,在“画笔笔尖形状”把“间距”调成1%

  • SMLZ

    2017-08-25 11:22

    @wsllhuknow: 我的也跟你一样 怎么弄成光滑

  • 十里

    2017-08-23 10:13

    大神 能做个视频吗。。。

  • wsllhuknow

    2017-08-21 15:58

    我描边之后 为什么不是连续光滑的 ,是一个个的排列的 不知道调哪个参数才能圆滑

  • ds1001

    2017-08-16 11:53

    为什么我没选中纯色 还是灰色的画笔

  • 一坨小小美

    2017-08-10 00:03

    谢谢您耐心细致的教程,突然觉得自己逼格高了

  • JessieGao

    2017-08-07 13:22

    @weiyear: 明白了,常与同好争高下,不可与你论长短。

  • weiyear

    2017-08-07 08:13

    @JessieGao: 睁大你的眼睛看清楚我说的是什么再回复好吗?喜欢抬杠的时间多去做点东西对你没什么坏处!

  • JessieGao

    2017-08-07 02:09

    @weiyear: 首先我在你回复前就删了上条留言,因为我觉得你现在也不想教,省得我留的言让你觉得不爽,还不如我自己死磕一下,然后我就去研究调色基本上模仿出了那种效果,你对我不了解,怎么知道我对调色基础就理解不深刻呢,我只是一开始自己调的时候跟你的效果有出入,所以急于求成想让你给个思路,(我意思并不是让你再出套教程)结果你留了一长串在我看了挺客套的话…以前在b站看过3D笔刷的教程,但是他没讲实用案例,你给出的飘带效果的案例效果都不错,但是我发现你对素材照片都进行了调色处理,然后飘带也是这个色调的,所以我认为给素材定色调也是很重要的,既然你认为与教程无关不用讲,认为我态度这那的,我真无话可说了,本来是来学习的…行吧,原理搞明白了,你也辛苦,搞这一出只能让别人看笑话了。。。

  • weiyear

    2017-08-06 23:26

    @JessieGao: 我也无意冒犯你,你这人的口气看起来也不像是让别人指导你的样子,还有 对一些东西理解不深刻,你告诉你怎么做教程?误人子弟吗?我说愿意分享才能共同进步是不是应该把我所有会的东西一股脑全部倒出来?你有这个技术吗?有的话可以给你啊你想要的话。本身任何练习都不会是单一的一种技能,那做教程的人就一定要把每个东西都交代清楚?什么人能那么面面俱到?你就不能看侧重点?我肯回复不是我一定要回复,而是想让你知道,没什么人是欠你的,请教别人也请端正一下你的态度!

  • weiyear

    2017-08-06 21:08

    @JessieGao: 不好意思 篇幅限制 照片调色也不在本教程的范围之内 如果以后我的照片调整水平达到专业水准的话或许会出一篇相关的教程

  • JessieGao

    2017-08-06 19:44

    请大体讲解一下展示效果照片的色调是怎样调节的,发现要制作舞者的飘带,最好先搞定照片的整体色调。

  • 丨meng

    2017-08-03 15:58

    @沐沐紫溪: 新建个图层,选中

  • Urban_Quilombo

    2017-08-03 14:24

    @爱飞的鸟: 谢谢 以及解决了 我是没有在图层那里新建图层

  • 爱飞的鸟

    2017-08-03 11:28

    @Urban_Quilombo: 这种情况下,就是重新画路径吧,画的时候新建图层

  • 爱飞的鸟

    2017-08-03 11:27

    @小小果子: F5,画笔的间距调整啊,调到0

  • 爱飞的鸟

    2017-08-03 11:26

    @猪猪侠大人: 必须是普通图层,不能是智能对象不能有图层样式

  • Urban_Quilombo

    2017-08-02 18:16

    @weiyear: 框选了也是灰色的怎么弄

  • Urban_Quilombo

    2017-08-02 18:14

    楼主 那个描边路径不能选择 能帮忙解答下么

  • Urban_Quilombo

    2017-08-02 18:11

    @沐沐紫溪: 我也是 描边路径是灰色的 选不了 纠结

  • 小小果子

    2017-08-02 16:55

    @changxing: 你好,请问您是怎么解决的呢?

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票