恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
超简单,ps笔刷迅速打造3D线条效果
0.0°
2017-07-09 原创文章 教程 举报 16297 145 158 68

本教程详细介绍了混合画笔的用法,利用简单的几个步骤即可以实现“伪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做类似的线条效果,但功能更强大,效果更意调整和控制!!


喜欢的点个赞,关注我吧



更新:2017-07-09

收藏

145人已收藏

weiyear

微信:wnb119

  • 13

    作品

  • 788

    粉丝

  • 29

    关注

  • 轻松玩转illustrator混合工具
  • illustrator 混合术之-线条
  • illustrator混合之术-动物篇
  • 一个网格解决你的2.5D插画问题
相关标签
ps教程

    猜你喜欢

      2017-07-09 原创文章 教程 举报 16297 145 158 68

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

      0.0°

      你确定要举报超简单,ps笔刷迅速打造3D线条效果

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年07月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      158
      145
      68

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录