PS实例教程!手把手教你绘制光影恰当的三维精灵球
最先,大家来掌握这一精灵球的关键:
由于作者 Webshocker 是根据3dsmax photoshop设计方案的这一著作,因此 在光影的转变上是的十分细微和细腻。可是我根据photoshop摹仿这一著作,关键也是为了更好地训炼自身,在设计过程中对光影的把控,因此 大家在做训练的全过程中,要十分留意比照光影的转变。
那麼双击鼠标Ps,刚开始训练吧!
新创建画板:
宽:801080x 高:601080x 屏幕分辨率:150清晰度/英尺 名字:精灵球
一、创建情况层
添充背景颜色:
点一下拾色器 键入颜色值:#dad9de
明确主灯源:
点一下拾色器 键入颜色值:#ffffff
挑选画笔工具 柔边画笔工具 尺寸700xp,在界面右上方拍一下,给情况明确一个主灯源。
授予主灯源色调:
加上图层样式:色调累加 混合模式:一切正常 键入颜色值:#f5f9ff 图层模式:柔光灯
那样大部分情况和关键的灯源就明确了。
二、绘制精灵球底框
绘制底框:
点一下拾色器 键入颜色值:#281f20 建立圆角:宽:478px; 高:478px; 圆弧:120px
给底框授予薄厚,生产制造容积感:
加上图层样式:斜坡浮雕图案 款式:内斜坡 方式:光滑 尺寸:4px 变软:4px 视角:60° 高宽比:16° 修容:#9ab5dc 黑影:#000000
给底框授予磨纱层次感:
将底框拷贝一层,取名为:底框-层次感 ps滤镜杂点:1.5 均值/纯色 高斯模糊:0.5
底框右边布光
以前我们在做情况的情况下,明确了一个主灯源,因此 我们在把底框的层次感搞好之后,由于遭受光的危害,因此 应当在右边用柔边画笔工具打一个光,提升转变。
新建图层:侧面光 点一下拾色器 键入颜色值:#ffffff
挑选画笔工具 柔边画笔工具 尺寸500xp上下,在底框右边拍一下 改图层模式为:柔光灯
最终鼠标右键 [侧面光] 涂层,建立一个剪贴蒙版,将光源限定在底框范畴内,那样就简易的给底框右边打上一层浅浅的光。
授予侧面光色调:由于以前设置的是偏灰的冷光灯,因此 在这儿也会有一定的危害。
加上图层样式:色调累加 混合模式:柔光灯 键入颜色值:#dfebfe 图层模式:柔光灯
那样精灵球的底框大部分就早已完成了~!接下去,大家就刚开始绘制圆球的一部分。
三、绘制精灵球按键
绘制按键环形基座:
点一下拾色器 键入颜色值:#d7d7d7 建立椭圆形:宽:96px; 高:96px; 两端对齐管理中心
授予按键环形基座光泽,生产制造容积感:
加上图层样式:斜坡浮雕图案 款式:内斜坡 方式:光滑 尺寸:1px 变软:1px 视角:60° 高宽比:16° 修容:#ffffff 黑影:#5b5353
加上图层样式:渐变色累加 方式:一切正常 款式:线形 放缩:100% 色调:#e3e3e3 ~ #eaebef
加上图层样式:内黑影 方式:一切正常 色调:#ffffff 视角:60° 间距:1px 尺寸:2px
加上图层样式:投影 方式:一切正常 色调:#0d0a0d 视角:60° [都不必启用全局性光] 间距:3px 尺寸:5px
绘图管理中心按键:
将 [小圆] 拷贝一层,Ctrl t自由变换,将圆变小到宽:52px; 高:52px上下,管理中心两端对齐就可以。鼠标右键消除图层样式,再次加上图层样式,款式的应用基本原理和 [小圆] 涂层类似,因此 我不多表述,立即图中。
加上图层样式:斜坡浮雕图案 款式:内斜坡 方式:光滑 尺寸:1px 变软:2px 视角:60° 高宽比:54° 修容:#ffffff 黑影:#5b5353
加上图层样式:渐变色累加 方式:一切正常 款式:线形 视角:-120° 放缩:100% 色调:#e3e3e3 ~ #f5eeee
加上图层样式:投影 方式:正片叠底 色调:#88838a 视角:60° 间距:3px 拓展:1px 尺寸:3px 【提醒:在一个涂层上加上好几个投影的作用,仅有Photoshop CC及之上版本号才有。CS6及下列的版本号均沒有这一作用。】
加上图层样式:投影 方式:正片叠底 色调:#88838a 视角:60° 间距:10px 拓展:2px 尺寸:15px
如今按键的实际效果大部分都展现出来,这儿值得一提的是,在最终给按键加上投影时,我加上了双层,它是为了更好地提升投影的层级及其立体感,算作如今普遍的投影技巧。这在后面制做投影的情况下还会继续采用许多 ,如果很感兴趣的同学们能够看一下本文:
四、绘图精灵球行为主体
造型设计一部分
因为我是根据photoshop复原著作,所以我关键還是应用来到布尔运算。假如这方面不容易的同学们就要看一下布尔运算基本视頻:
【视频地址:】
从图上能够看得出,精灵球行为主体一部分实际上便是一个小圆再加上一个圆形,根据 [布尔运算-减掉高层样子]获得一个内切圆,随后再用一个很扁的椭圆形和内切圆开展第二次 [布尔运算-减掉高层样子] ,获得的一个左右分离的圆球。
这个时候,事实上圆球的途径還是一个总体,如今只需根据 [加ps钢笔专用工具] ,在中间途径上,随意打上好多个ps钢笔,随后把下边一部分不必要的途径删剪掉,只剩余单独的上边一部分圆球。最终只需拷贝 [球-上边一部分],随后一个竖直旋转,就可以获得下半一部分图型,而且把左右两一部分,分离出来起来。
制做左右返光
PS基础教程!教你制作简单阴影字效
又是一款超流行的字体效果,心动了嘛,一起学习吧!
本期教程我们将学习 图层样式、网格点 等效果。
【限时0.59元】2021高考数学/三视图考点解题技巧/高中数学 01 三视图1-1:高考规律 【录播】三视图1-1:高考规律(20分钟) 免费试学 02 三视图2-2:万能通杀 …
根据原著的设计效果图能够发觉,这全部界面中较大 的返光,制做方法也和上边基本上一样, 根据 [布尔运算-减掉高层样子]获得一个内切圆,随后调成 [球-上边一部分] 的选区,给这一 [上圆形-返光] 创建一个剪贴蒙版, 最终只需拷贝 [ 上圆形-返光 ],随后一个竖直旋转,就可以获得下半一部分图型。
那样基上圆球的全部图型必须绘图的一部分,就都完成了。
设计效果图:
接下去要留意图层蒙版的转变了~!
五、绘图圆球光与影
制做圆球光与影刚开始以前,先剖析一下光源,从这幅图能够看得出,在圆球的表层大部分遍布着六种光
- 修容:最贴近主灯源的色调。
- 固有色(亮灰):处在明暗交界线和暗部的衔接面,色调最贴近物件自身的色调。
- 暗部:处在物件的led背光一部分。
- 返光:处在暗部,是历经物件与光线数次映射所造成的光。
- 表皮光线:处在物件表层, 也是物件与光线数次映射所造成的光。
- 投影:被物件遮盖住灯源后,所造成的身影。
六种光互相影响,组成这一立体式的曲面。这种光都遵照着平行透视/近实远虚/近亮远暗的基础标准。
基本原理掌握清晰之后,大家接下去就立即从圆球表层来给它加上光。
在光与影结合一部分,我应用了很多的柔边画笔工具布光 图层蒙版的方法,因此 不容易的就看看图层蒙版的基本视頻。
【视频地址:】
制做 [球-上边一部分] 基本灯源:
加上图层样式:斜坡浮雕图案 款式:内斜坡 方式:光滑 尺寸:1px 变软:1080x 视角:-120° 高宽比:0° 修容:#7a120f 黑影:#000000
加上图层样式:内发光 不透明度:10 杂点:1% 色调:#ffffff 堵塞:10 尺寸:27
加上图层样式:内黑影 色调:#a50d0a 不透明度:57 视角:180 间距:8 堵塞:4 尺寸:10
加上图层样式:渐变色累加 方式:滤色 清晰度:100% 款式:轴向 视角:-51%放缩:150% 色调:#780e0d ~ #ee181a
蒙版 [上圆形-返光] 边沿:特性:蒙版-蒙版:4px 涂层不透明度27%
加上图层样式:渐变色累加 方式:滤色 清晰度:100% 款式:轴向 视角:-51%放缩:86% 色调:#全透明 ~ #ffffff/60%
蒙版 [下圆形-返光] 边沿:特性:蒙版-蒙版:5px 涂层不透明度30%
【和上一步一样的基本原理,因此 没有图片,自主想象】
制做 [球-下半一部分] 基本灯源:
加上图层样式:斜坡浮雕图案 尺寸:3px 变软:1px 视角:6° 高宽比:0°
加上图层样式:内发光 不透明度:15 杂点:2% 色调:#ffffff 堵塞:0 尺寸:7
加上图层样式:渐变色累加 方式:一切正常 清晰度:100% 款式:轴向 视角:60%放缩:138% 色调:#9b8f94 / 30% ~ #fcfcfc
调节左右返光渐变色衔接:
挑选 [上,下返光-圆形] 的图层蒙版,在箭头符号指地区,用柔边画笔工具轻轻地的画一下,做到掩藏的目地。那样做,既突显了构造,又能让返光越来越更为结合。
制做 [球-上边一部分] 修容:
将 [球-上边一部分] 拷贝一层,放到 [上圆形-返光] 的上边,鼠标右键消除图层样式,随后新加上一个款式制做修容。
加上图层样式:渐变色累加 方式:滤色 清晰度:100% 款式:轴向 视角:120%放缩:126% 色调:#ffffff ~ #fff7f8 ~ #c00e0c
由于修容要顺着返光的地区拓宽,因此 大家必须调成 [上圆形-返光] 选区-选择反方向,随后在到 [上边-右修容] 涂层加上图层蒙版随后擦下去不必要的一部分。
假如感觉修容不足亮,你也就用个白的柔边画笔工具在修容的部位拍一下,随后创建个剪贴蒙版把光限定在圆球的范畴内,假如还感觉不足亮,就多拷贝双层就可以了。还记得适度的调节不透明度,那样更为对接会更为的温和。
制做 [球-上边一部分] 光线:
这一也是选用一样的技巧, 白 柔边画笔工具在光线的部位拍一下,适度调节好样子之后,图层模式改成滤色 不透明度:90% 随后用图层样式:累加一个色调#f27846
假如还感觉不足亮,就多拷贝双层,我也拷贝了双层,适度的调节不透明度,让对接更为温和。
到迄今为止,我详尽的解读了好多个布光的常见方法,包含一些光与影的基本原理和功效,如果有在跟随练的同学们,坚信早已学会了。那麼接下去大家给精灵球的下边一部分的布光,我也只告知大家这些地区必须布光,及其缘故,对于操作步骤,就由大家亲自动手。
加强 [球-下半一部分] 光泽,提升光线的危害:
加上完光影后的设计效果图:大家能够自身比照一下:
最终再制做一下球体和框底的投影。
六、绘图投影
绘图球体投影:
球体的投影关键分两一部分,一部分是球体内镂空雕花的投影,用于主要表现室内空间,另一部分是球体外的投影,用于主要表现容积。
球体外的投影:用椭圆形专用工具画一个类似尺寸的圆,图层模式改为柔光灯,随后加上蒙版:13.6。
绘图底框投影:
全部投影一共由四个圆角构成,实际的完成方法非常简单,便是矢量图格式上色加蒙版减全透明,使其互相结合,这儿我不实际的一步步进行将,容大家自身去调节。
为何一个投影会出现从蓝~紫~橙~橙灰的转变?
事实上这一投影的转变,是由主灯源的浅蓝色,结合了精灵球的红,投射到自然环境附近。投影在最右侧时,因为还未遭受精灵球二次反射面的红光影响,因此 仍然维持了灰蓝,然后投影逐渐从右至左,因遭受反射面光影响:红 蓝=紫。直至高清蓝光的危害越来越低,投影慢慢从紫衔接到橙再到橙灰,直至最终彻底消退。这儿充足把光线的危害运用来到,因此 之后我们在牵涉到光影,何不多思索,那样做出去的实际效果,会更为的有效,舒服。
PHOTOSHOP动图尺寸修改与视频转GIF
本期将教大家在PS中如何修改动图尺寸与如何将视频片段转为GIF。