PS教程!手把手教你绘制光影巧妙的3D精灵球

因为作者 Webshocker 是通过3dsmax + photoshop设计的这个作品,所以在光影的变化上是的非常微妙和细致。而我通过photoshop临摹这个作品,主要也是为了训练自己,在设计过程中对光影的把控,所以你们在做练习的过程中,要非常注意对比光影的变化。

PS实例教程!手把手教你绘制光影恰当的三维精灵球

最先,大家来掌握这一精灵球的关键:

由于作者 Webshocker 是根据3dsmax photoshop设计方案的这一著作,因此 在光影的转变上是的十分细微和细腻。可是我根据photoshop摹仿这一著作,关键也是为了更好地训炼自身,在设计过程中对光影的把控,因此 大家在做训练的全过程中,要十分留意比照光影的转变。

那麼双击鼠标Ps,刚开始训练吧!

新创建画板:

宽:801080x          高:601080x          屏幕分辨率:150清晰度/英尺          名字:精灵球

一、创建情况层

添充背景颜色:

点一下拾色器          键入颜色值:#dad9de

PS教程!手把手教你绘制光影巧妙的3D精灵球插图

明确主灯源:

点一下拾色器          键入颜色值:#ffffff

挑选画笔工具      柔边画笔工具          尺寸700xp,在界面右上方拍一下,给情况明确一个主灯源。

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(1)

授予主灯源色调:

加上图层样式:色调累加            混合模式:一切正常            键入颜色值:#f5f9ff            图层模式:柔光灯

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(2)

那样大部分情况和关键的灯源就明确了。

二、绘制精灵球底框

绘制底框:

点一下拾色器          键入颜色值:#281f20          建立圆角:宽:478px;  高:478px;  圆弧:120px

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(3)

给底框授予薄厚,生产制造容积感:

加上图层样式:斜坡浮雕图案            款式:内斜坡            方式:光滑            尺寸:4px            变软:4px   视角:60°        高宽比:16°            修容:#9ab5dc         黑影:#000000

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(4)

给底框授予磨纱层次感:

将底框拷贝一层,取名为:底框-层次感            ps滤镜杂点:1.5     均值/纯色          高斯模糊:0.5

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(5)

底框右边布光

以前我们在做情况的情况下,明确了一个主灯源,因此 我们在把底框的层次感搞好之后,由于遭受光的危害,因此 应当在右边用柔边画笔工具打一个光,提升转变。

新建图层:侧面光​          点一下拾色器          键入颜色值:#ffffff

挑选画笔工具      柔边画笔工具          尺寸500xp上下,在底框右边拍一下          改图层模式为:柔光灯

最终鼠标右键 [侧面光] 涂层,建立一个剪贴蒙版,将光源限定在底框范畴内,那样就简易的给底框右边打上一层浅浅的光。

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(6)

授予侧面光色调:由于以前设置的是偏灰的冷光灯,因此 在这儿也会有一定的危害。

加上图层样式:色调累加            混合模式:柔光灯            键入颜色值:#dfebfe            图层模式:柔光灯

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(7)

那样精灵球的底框大部分就早已完成了~!接下去,大家就刚开始绘制圆球的一部分。​

三、绘制精灵球按键

绘制按键环形基座:

点一下拾色器          键入颜色值:#d7d7d7          建立椭圆形:宽:96px;  高:96px;  两端对齐管理中心

授予按键环形基座光泽,生产制造容积感:

加上图层样式:斜坡浮雕图案            款式:内斜坡            方式:光滑            尺寸:1px            变软:1px   视角:60°        高宽比:16°            修容:#ffffff                黑影:#5b5353

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(8)

加上图层样式:渐变色累加            方式:一切正常            款式:线形            放缩:100%                             色调:#e3e3e3 ~ #eaebef

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(9)

加上图层样式:内黑影            方式:一切正常        色调:#ffffff          视角:60°     间距:1px     尺寸:2px

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(10)

加上图层样式:投影            方式:一切正常        色调:#0d0a0d          视角:60° [都不必启用全局性光]      间距:3px          尺寸:5px

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(11)

绘图管理中心按键:

将 [小圆] 拷贝一层,Ctrl t自由变换,将圆变小到宽:52px;  高:52px上下,管理中心两端对齐就可以。鼠标右键消除图层样式,再次加上图层样式,款式的应用基本原理和  [小圆] 涂层类似,因此 我不多表述,立即图中。

加上图层样式:斜坡浮雕图案            款式:内斜坡            方式:光滑            尺寸:1px            变软:2px   视角:60°        高宽比:54°            修容:#ffffff                黑影:#5b5353

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(12)

加上图层样式:渐变色累加            方式:一切正常       款式:线形             视角:-120°             放缩:100%   色调:#e3e3e3 ~ #f5eeee

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(13)

​加上图层样式:投影        方式:正片叠底        色调:#88838a          视角:60°     间距:3px       拓展:1px       尺寸:3px       【提醒:在一个涂层上加上好几个投影的作用,仅有Photoshop CC及之上版本号才有。CS6及下列的版本号均沒有这一作用。】

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(14)

​加上图层样式:投影            方式:正片叠底        色调:#88838a          视角:60°     间距:10px         拓展:2px           尺寸:15px

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(14)

如今按键的实际效果大部分都展现出来,这儿值得一提的是,在最终给按键加上投影时,我加上了双层,它是为了更好地提升投影的层级及其立体感,算作如今普遍的投影技巧。这在后面制做投影的情况下还会继续采用许多 ,如果很感兴趣的同学们​能够看一下本文:

四、绘图精灵球行为主体

造型设计一部分

因为我是根据photoshop复原著作,所以我关键還是应用来到布尔运算。假如这方面不容易的同学们就要看一下布尔运算基本视頻:

【视频地址:】

从图上能够看得出,精灵球行为主体一部分实际上便是一个小圆再加上一个圆形,根据 [布尔运算-减掉高层样子]获得一个内切圆,随后再用一个很扁的椭圆形和内切圆开展第二次 [布尔运算-减掉高层样子] ,获得的一个左右分离的圆球。

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(16)

这个时候,事实上圆球的途径還是一个总体,如今只需根据 [加ps钢笔专用工具] ,在中间途径上,随意打上好多个ps钢笔,随后把下边一部分不必要的途径删剪掉,只剩余单独的上边一部分圆球。最终只需拷贝 [球-上边一部分],随后一个竖直旋转,就可以获得下半一部分图型,而且把左右两一部分,分离出来起来。

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(17)

制做左右返光

PS基础教程!教你制作简单阴影字效

又是一款超流行的字体效果,心动了嘛,一起学习吧!

PS 教程!保时捷超炫酷海报_中学用学生书法当校牌两周一换

本期教程我们将学习 图层样式、网格点 等效果。

【限时0.59元】2021高考数学/三视图考点解题技巧/高中数学 01 三视图1-1:高考规律 【录播】三视图1-1:高考规律(20分钟) 免费试学 02 三视图2-2:万能通杀 …

根据原著的设计效果图能够发觉,这全部界面中较大 的返光,制做方法也和上边基本上一样, 根据 [布尔运算-减掉高层样子]获得一个内切圆,随后调成 [球-上边一部分] 的选区,给这一 [上圆形-返光] 创建一个剪贴蒙版, 最终只需拷贝 [ 上圆形-返光 ],随后一个竖直旋转,就可以获得下半一部分图型。

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(18)

​那样基上圆球的全部图型必须绘图的一部分,就都完成了。

设计效果图:

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(19)

​接下去要留意图层蒙版的转变了~!​

五、绘图圆球光与影

制做圆球光与影刚开始以前,先剖析一下光源,从这幅图能够看得出,在圆球的表层大部分遍布着六种光

  • 修容:最贴近主灯源的色调。
  • 固有色(亮灰):处在明暗交界线和暗部的衔接面,色调最贴近物件自身的色调。
  • 暗部:处在物件的led背光一部分。
  • 返光:处在暗部,是历经物件与光线数次映射所造成的光。
  • 表皮光线:处在物件表层, 也是物件与光线数次映射所造成的光。
  • 投影:被物件遮盖住灯源后,所造成的身影。

六种光互相影响,组成这一立体式的曲面。这种光都遵照着平行透视/近实远虚/近亮远暗的基础标准。

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(20)

基本原理掌握清晰之后,大家接下去就立即从圆球表层来给它加上光。

在光与影结合一部分,我应用了很多的柔边画笔工具布光 图层蒙版的方法,因此 不容易的就看看图层蒙版的基本视頻。

【视频地址:】

制做 [球-上边一部分] 基本灯源:

加上图层样式:斜坡浮雕图案          款式:内斜坡          方式:光滑          尺寸:1px          变软:1080x   视角:-120°        高宽比:0°          修容:#7a120f               黑影:#000000

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(21)

加上图层样式:内发光         不透明度:10         杂点:1%        色调:#ffffff      堵塞:10      尺寸:27

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(22)

加上图层样式:内黑影        色调:#a50d0a        不透明度:57      视角:180      间距:8     堵塞:4      尺寸:10

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(23)

加上图层样式:渐变色累加            方式:滤色            清晰度:100%          款式:轴向         视角:-51%放缩:150%          色调:#780e0d ~ #ee181a

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(24)

蒙版 [上圆形-返光] 边沿:特性:蒙版-蒙版:4px     涂层不透明度27%

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(25)

​加上图层样式:渐变色累加            方式:滤色            清晰度:100%          款式:轴向         视角:-51%放缩:86%          色调:#全透明 ~ #ffffff/60%

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(26)

蒙版 [下圆形-返光] 边沿:特性:蒙版-蒙版:5px     涂层不透明度30%

【和上一步一样的基本原理,因此 没有图片,自主想象】

制做 [球-下半一部分] 基本灯源:

加上图层样式:斜坡浮雕图案            尺寸:3px            变软:1px   视角:6°        高宽比:0°

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(27)

加上图层样式:内发光         不透明度:15         杂点:2%        色调:#ffffff      堵塞:0      尺寸:7

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(28)

加上图层样式:渐变色累加            方式:一切正常            清晰度:100%          款式:轴向         视角:60%放缩:138%          色调:#9b8f94 / 30% ~ #fcfcfc

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(29)

调节左右返光渐变色衔接:

挑选 [上,下返光-圆形] 的图层蒙版,在箭头符号指地区,用柔边画笔工具轻轻地的画一下,做到掩藏的目地。那样做,既突显了构造,又能让返光越来越更为结合。

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(30)

制做 [球-上边一部分] 修容:

将 [球-上边一部分] 拷贝一层,放到 [上圆形-返光] 的上边,鼠标右键消除图层样式,随后新加上一个款式制做修容。

加上图层样式:渐变色累加            方式:滤色            清晰度:100%          款式:轴向        视角:120%放缩:126%          色调:#ffffff ~ #fff7f8 ~ #c00e0c

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(31)

由于修容要顺着返光的地区拓宽,因此 大家必须调成 [上圆形-返光] 选区-选择反方向,随后在到 [上边-右修容] 涂层加上图层蒙版随后擦下去不必要的一部分

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(32)

​假如感觉修容不足亮​,你也就用个白的柔边画笔工具在修容的部位拍一下,随后创建个剪贴蒙版把光限定在圆球的范畴内,假如还感觉不足亮,就多拷贝双层就可以了。还记得适度的调节不透明度,那样更为对接会更为的温和。

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(33)

制做 [球-上边一部分] 光线:

这一也是选用一样的技巧,​ 白 柔边画笔工具在光线的部位拍一下,适度调节好样子之后,图层模式改成滤色          不透明度:90%         随后用图层样式:累加一个色调#f27846

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(34)

假如还感觉不足亮,就多拷贝双层,我也拷贝了双层,适度的调节不透明度,让对接更为温和。

到迄今为止,我详尽的解读了好多个布光的常见方法,包含一些光与影的基本原理和功效,如果有在跟随练的同学们,坚信早已学会了。那麼接下去大家给精灵球的下边一部分的布光,我也只告知大家这些地区必须布光,及其缘故,对于操作步骤,就由大家亲自动手。

加强 [球-下半一部分] 光泽,提升光线的危害:

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(35)

加上完光影后的设计效果图:大家能够自身比照一下:

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(36)

​最终再制做一下球体和框底的投影。​

六、绘图投影

绘图球体投影:

球体的投影关键分两一部分,一部分是球体内镂空雕花的投影,用于主要表现室内空间,另一部分是球体外的投影,用于主要表现容积

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(37)

球体外的投影:用椭圆形专用工具画一个类似尺寸的圆,图层模式改为柔光灯,随后加上蒙版:13.6。

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(38)

​绘图底框投影:

全部投影一共由四个圆角构成,实际的完成方法非常简单,便是矢量图格式上色蒙版全透明,使其互相结合,这儿我不实际的一步步进行将,容大家自身去调节。

PS教程!手把手教你绘制光影巧妙的3D精灵球插图(39)

为何一个投影会出现从蓝~紫~橙~橙灰的转变?

事实上这一投影的转变,是由主灯源的浅蓝色,结合了精灵球的红,投射到自然环境附近。投影在最右侧时,因为还未遭受精灵球二次反射面的红光影响,因此 仍然维持了灰蓝,然后投影逐渐从右至左,因遭受反射面光影响:红 蓝=紫。直至高清蓝光的危害越来越低,投影慢慢从紫衔接到橙再到橙灰,直至最终彻底消退。这儿充足把光线的危害运用来到,因此 之后我们在牵涉到光影,何不多思索,那样做出去的实际效果,会更为的有效,舒服。

PHOTOSHOP动图尺寸修改与视频转GIF

本期将教大家在PS中如何修改动图尺寸与如何将视频片段转为GIF。

作者: 791650988

为您推荐