6.3手绘光效
不用素材,自己画四种最常用的技能特效:光剑、魔法阵、火焰、丁达尔光。每种都先讲清它在现实里长什么样,再一层层画出来。
- 4 小时
- 进阶
- Procreate
学完你能做到
- 用"剑芯 + 内晕 + 外晕"三层画出有体积感的光剑,知道阿尔法锁定什么时候要关
- 用对称指引的径向模式和速创形状画出规整的魔法阵,并按地面透视贴到脚下
- 按火焰的颜色分布和流向画出掌心火
- 从照片的亮部提取丁达尔光:去色、曲线、添加、透视模糊
- 判断一个光效有没有"核心和外晕",不是一根平涂的线
6.2 课是把现成的光叠上去,这节课是照着武器、手势画出光来。四种效果用的是同一套原理,先把原理讲清楚,后面每种只是形状不同。
这节课的示意图
文中的界面图是按 Procreate 5 的布局画的示意图,不是真机截图,按钮的细节和位置以你 iPad 上的实际界面为准。
这节课的数字怎么用
步骤里的尺寸、不透明度、模糊百分比都是起点值:从写的数左右开始,看到每步写的效果就停,不用照抄。画笔尺寸的百分比在不同尺寸的画布上画出来的粗细不一样,以看到的粗细为准;高斯模糊这类百分比在像素大小不同的照片上效果也不一定一样,以画面为准。
先弄懂
发光为什么要分三层
6.2 课讲过:强光的中心在照片里是过曝的白色,颜色在外面那一圈,再往外慢慢淡掉。画光就是把这三段分别画出来:
| 层 | 颜色 | 形状 | 作用 |
|---|---|---|---|
| 剑芯(核心) | 白色或很浅的颜色 | 细、硬边 | 告诉眼睛"这里最亮" |
| 内晕 | 光的颜色,饱和 | 比剑芯宽,小模糊 | 光的颜色主要靠它 |
| 外晕 | 同一个颜色 | 很宽,大模糊,半透明 | 让光"散"进空气里 |
为什么不只用一层模糊:真实的光从中心往外,先是很快地变暗,然后拖着一条很长的淡尾巴。一层模糊只能做出一种衰减:糊得少,光贴着剑,没有扩散感;糊得多,中间的颜色被稀释,又不够亮。两层不同半径的模糊叠起来,才能同时有"贴身的亮"和"远处的散"。
为什么三层都用「添加」:「添加」是把亮度加起来,三层重叠的中心越加越亮,最后变成白色,正好是核心最亮、往外逐渐变暗的效果。用「正常」模式叠,三层只会互相盖住。
颜色怎么选:剑芯用白色;内晕和外晕用同一个饱和的颜色(蓝、红、绿、紫)。不要把剑芯也涂成蓝色,那样看起来像一根蓝色的塑料管或者霓虹灯管,不像光。
魔法阵:为什么用对称和速创形状
魔法阵的好看来自规整:同心圆、等分的花纹、一圈排得整整齐齐的符文。手画的圆和等分一定会歪,所以:
- 圆用速创形状:画一圈停住,自动变成椭圆,另一根手指轻点,变成正圆。
- 花纹用绘图指引的径向对称:画布被分成 8 份,你在一份里画,其余 7 份自动复制。
- 符文、文字不能用对称画,镜像以后是反字。用复制加「旋转45°」排成一圈。
画好以后,魔法阵是一个正对着你的正圆。真实照片里魔法阵是躺在地上的,所以要按透视压扁。
压多扁要看照片:脚下的地砖、台阶、地毯的花纹有多扁,魔法阵就压多扁。俯拍时地面看起来更"立"起来,椭圆更圆;平拍或低机位,椭圆很扁。
火焰:颜色和流向
火焰是往上飘的高温气体,有三个规律:
- 颜色跟温度走:最靠近火源的地方最热,是白色和浅黄;往上依次变成黄、橙、红,最后变淡消失。
- 形状跟气流走:热气往上升,一路被空气扰动,所以火舌是弯的 S 形,不是直的三角形。
- 不规则:几簇火舌高低不一,有一两小片在顶上脱离主体。左右对称的火焰一看就是画的。
丁达尔光:为什么能从照片里"提取"
阳光穿过空气里的灰尘、水汽时被散射,人就能看见"光路",这就是丁达尔效应。光路有两个特点:只从亮的地方出发(窗户、树叶缝隙、天空),方向从光源往外。
所以可以直接从照片里做:复制一份照片,只留下最亮的部分,再沿光源方向把这些亮块拉长,就成了光束。光束的位置、形状、颜色都来自照片本身,所以和画面天然吻合。
光剑
照片里的武器是道具(塑料、木头都行),这一步把它变成发光的。
第一层:白色剑芯
- 新建图层,重命名为「剑芯」。
- 画笔选「着墨」里的「技术笔」,颜色选白色。尺寸调到剑身宽度的一半左右。
- 从剑尖画到剑柄,画到底停住不抬笔,线会变成直线(速创形状)。剑身是弯的(比如弯刀),就顺着弧度画,停住会变成一段平滑的弧线。
做完应该看到:武器上盖了一条白色的直线,和剑身一样长,比剑身窄。
第二层:内晕,先填色
- 在「剑芯」层上向左轻滑,点「复制」。上面那份重命名为「内晕」。
- 在「内晕」上轻点两次,打开「图层选项」,点「阿尔法锁定」。缩略图背景会变成棋盘格。
- 在颜色面板里选剑的颜色(饱和一点的蓝、红、绿、紫)。
- 再打开图层选项,点「填充图层」:线变成了这个颜色。
- 再点一次「阿尔法锁定」,把它关掉。
做完应该看到:「内晕」层是一条和剑芯一样的彩色线,缩略图背景不再是棋盘格。
为什么填完色要关掉阿尔法锁定
阿尔法锁定的意思是"只能改已经有颜色的像素,透明的地方动不了"。高斯模糊要把颜色往外推到透明的地方,锁着的话推不出去,模糊完还是一根线。所以填色时打开,填完马上关掉。
给内晕加模糊,再做外晕
- 选中「内晕」,打开 调整›高斯模糊,选「图层」,一指从 8% 左右开始往右滑,光晕刚好比剑身宽一圈就停。
- 打开图层面板,点「内晕」右边的字母,混合模式选「添加」。
- 把「内晕」复制一份,命名「外晕」。对它再做一次高斯模糊,从 25% 左右开始,外晕比内晕宽出好几圈、看不出边就停;模式也是「添加」,不透明度从 50% 左右开始,光像散在空气里、背景没被冲白就停。
做完应该看到:剑身周围有一圈贴身的亮光,外面还有一层很宽、很淡的光散在空气里。
排好顺序,处理握柄
- 图层从上到下:剑芯、内晕、外晕,三层都是「添加」。剑芯也可以是「正常」,看哪个更亮。
- 握剑的手指本来在剑柄前面,现在被光盖住了。用2.5 课的方法把握剑的那只手抠出来(手绘选取圈住手指 › 拷贝并粘贴),把这一层拖到三层光的上面。
- 剑芯伸进手里的部分如果还露着,在剑芯层上用橡皮擦掉。
做完应该看到:光剑像是从手里伸出来的,手指压在光的前面;中心白、往外是蓝色、再往外是淡淡的蓝雾。
想要更亮
可以在最上面再做一次泛光:「全部拷贝」后粘贴成新图层,调整›泛光 选「Pencil」,只在剑上涂。参数见 6.1 课。
魔法阵
魔法阵先在一张单独的正方形画布上画好,再拷贝进照片。正方形画布让对称中心就在画布中心,也方便以后重复使用。
打开径向对称
- 新建一张正方形画布,比如 3000 × 3000 像素,背景颜色设成纯黑 000000(方法见 6.2 课)。
- 打开 操作›画布,打开「绘图指引」,点「编辑绘图指引」。
- 底部选「对称」,再点「选项」,选「径向」:画布被分成 8 份。「辅助绘图」保持打开。
- 蓝色的节点就是对称中心,确认它在画布正中(不在就拖过去);绿色节点可以旋转指引。点「完成」。
做完应该看到:画布上有 4 条穿过中心的蓝线,把画布分成 8 份;当前图层名字下面出现「辅助」字样。
画圆环:关掉这一层的辅助
同心圆不需要对称,而且开着对称画圆,稍微偏离中心就会变成 8 个错开的圆。所以:
- 新建图层「圆环」,轻点两次打开「图层选项」,点「辅助绘图」,把它关掉(名字下面的「辅助」字样消失)。官方手册的图层选项页叫「辅助绘图」,另一页写作「绘图辅助」,以你界面上的为准。
- 用「技术笔」,白色。画一个圈,停住变椭圆,另一指轻点变正圆。
- 点变换工具,底部「对齐」里打开「对齐」,拖动圆,靠近画布中心时会吸附。
- 用同样的方法再画一个稍小的圆,三到四个同心圆就够了。
做完应该看到:几个同心的正圆,圆心都在画布正中。
画花纹:只画一份
- 新建图层「花纹」。新图层要打开辅助:轻点两次 › 「辅助绘图」,名字下面出现「辅助」。
- 在 8 份中的一份里画:一条从圆心往外的线、一个菱形、几个小点、一小段弧线。画完其余 7 份自动出现。
- 星形:从一个外圈的点连到隔两份的点,镜像后就是一个八角星。直线照样用速创形状。
做完应该看到:一个对称的花纹,8 个方向一模一样,和圆环同心。
写符文:复制加旋转
- 在「圆环」层上向左轻滑,点「复制」,得到「圆环」的副本。在这个副本上,于两个圆环之间写一个符文或几个字(这一层没有开辅助,字不会镜像)。
- 在这一层上三指下拖 › 「复制」,再复制出一份。
- 点变换工具,底部点「旋转45°」。因为这一层里有那个正圆,选框的中心就是圆心,符文会绕着圆心转一格。
- 重复 7 次,符文排满一圈。图层面板里两指捏合,把这些层合并。
做完应该看到:一圈 8 个符文,间隔一样,都是正字。圆环叠了好几层但完全重合,看不出来。
也可以试试轴向对称
在对称的「选项」里打开「轴向对称」,笔划会被旋转复制而不是镜像,有时候可以直接写出一圈不反的符文。不同版本表现可能不一样,写一个字试一下就知道。
做发光,贴进照片
- 把「圆环」「花纹」「符文」合并成一层「魔法阵线稿」(两指捏合)。
- 按光剑的方法做发光:线稿是剑芯(白),复制一份填色、从 5% 左右开始模糊做内晕(线比光剑细,模糊也要小,光晕比线宽一圈就停),再复制一份从 20% 左右开始模糊做外晕,都用「添加」。
- 隐藏「绘图指引」,保持背景颜色可见,三指下拖 › 「全部拷贝」。
- 打开照片,三指下拖 › 「粘贴」,模式「添加」,黑底消失。
- 变换工具选「扭曲」:把上边两个角往里收、往下压,下边两个角往外拉一点,压成和地面透视一致的椭圆。中心对准两脚之间。
- 加蒙版,擦掉被脚、鞋挡住的线(魔法阵在脚下面)。
做完应该看到:魔法阵躺在地上,扁的程度和地砖一样;脚踩在魔法阵上面,不是魔法阵盖住了脚。
火焰
画火舌
- 新建图层「火 · 橙红」,模式「添加」。
- 画笔选「亮度」组里的「浅色画笔」,颜色深橙(偏红一点)。
- 从火源(掌心、武器尖)往上画,一笔一簇火舌。每笔都走一点 S 形,结尾提笔让尖端收细。画 3~5 簇,高低不一,中间那簇最高。
- 顶上点一两小片和主体分开的火苗。
做完应该看到:一团橙红色的火舌,底部宽,往上分叉、变细。
往里叠颜色
- 新建「火 · 黄」,「添加」,颜色亮黄,在橙红的里面画一圈小一号的火舌,同样从底部往上。
- 新建「火 · 白芯」,「添加」,颜色接近白的浅黄,只在最底部、紧贴火源的地方画一小团。
- 用涂抹工具(选「气笔修饰」里的笔刷)把几个火舌的尖端往上拉一拉,更有飘动感。
- 外晕:把三层火复制后合并,高斯模糊从 25% 左右开始,光晕比火焰大一圈、看不出边就停;「添加」,不透明度从 50% 左右开始,放在火的下面。
做完应该看到:底部白黄、中间橙、尖端红,四周有一圈暖色的光晕。
丁达尔光
复制原图,去掉颜色
- 复制照片图层,命名「丁达尔」。
- 打开 调整›色相、饱和度、亮度,选「图层」,把「饱和度」拉到最左。
做完应该看到:这一层变成了黑白照片。
用曲线只留最亮的部分
- 打开 调整›曲线。
- 把曲线左下角的点往右拖,拖到大约四分之三的位置:暗部、中间调全部变成纯黑,只剩最亮的窗户、天空还是白的。
- 有些不该发光但也很亮的地方(白衣服、白墙、高光),用橡皮擦掉,或者在这一层的蒙版上涂黑。
做完应该看到:这一层几乎全黑,只有光源是一块白。
改成添加,用透视模糊拉出光束
- 这一层模式改成「添加」。黑色部分不起作用,画面看起来只是窗户更亮了一点。
- 打开 调整›透视模糊,选「图层」。画面中间出现一个小圆盘,把它拖到光源(窗户中心)上。
- 底部选「位置」:模糊从圆盘往四周放射。在圆盘外面一指往右滑,从 60% 左右开始,窗户的亮块被拉成一道道放射的光束就停。
- 光束不够长,确认后再做一次透视模糊。
- 光束太白:在上面新建一层,设成剪辑蒙版,填一个淡淡的暖黄色,模式「颜色」或「覆盖」。
- 不透明度从 50% 左右开始,光束看得见、背景不发灰就停,再用蒙版擦掉盖在脸上的部分。
做完应该看到:从窗户射出一道道光束,越远越淡,方向和照片里光照的方向一致。
丁达尔光的常见问题
- 曲线压得不够,墙面、地板也发光,整张图发灰:再把左下角的点往右拖。
- 圆盘没放在光源上,光束方向乱:拖回窗户中心。
- 想要光只往一个方向射(比如只往下),透视模糊底部选「方向」,转动箭头指向光要去的方向。
三个完整案例
案例一:夜景光剑
照片情况:夜景,人物右手举着一把灰色的道具剑,剑身直,背景暗。
诊断:背景暗是加光剑的好条件,发光会很显眼。剑是直的,用速创形状一笔画出剑芯。
修法和数值(这张示范照片的数值,你的照片会不同,按画面判断):
- 剑芯:技术笔,白色,粗细约剑身的 0.6 倍,速创形状画直线。
- 内晕:复制,阿尔法锁定,填充亮蓝,关掉阿尔法锁定,高斯模糊 10%(光晕比剑身宽一圈就停),「添加」。
- 外晕:复制内晕,高斯模糊 30%,「添加」,不透明度 65%,蓝雾散开、背景没被冲白就停。
- 握剑的手指抠出来放到最上面。
- 最后全部拷贝,泛光 Pencil 只在剑上涂一遍,燃烧 20%,剑身边缘略微溢出白光就停。
为什么是这个顺序:剑芯定下长度和角度,内外晕都从它复制,位置不会错;手指最后放上来,前面怎么改光都不影响。
这类照片容易翻车的地方
- 填色后忘了关阿尔法锁定,怎么模糊都只是一根线:关掉再模糊。
- 剑芯也涂成了蓝色,像霓虹灯管:剑芯用白色。
- 光剑很亮,人却完全是暗的:这正是下一节课要解决的问题,见 6.5 课。
案例二:户外施法,脚下魔法阵
照片情况:白天户外草地,人物举起一只手,像在施法。平拍,脚下的地面看起来很扁。
诊断:白天光线强,发光效果不会很显眼,所以魔法阵的线条要细而亮、外晕要饱和;地面很扁,魔法阵要压得很扁。
修法和数值(这张示范照片的数值,你的照片会不同,按画面判断):
- 正方形画布,径向对称画三层圆环、八角星、一圈符文,做三层发光,紫色。
- 粘贴进照片,「添加」,扭曲压扁到高度约为宽度的 1/3,中心对准两脚之间。
- 蒙版擦掉被鞋挡住的线。
- 手上:新图层「添加」,「闪光」点一个小光点,紫色。
- 白天的光不够显眼,把魔法阵外晕层复制一份,不透明度 40%,直到地面上的紫光看得出来。
为什么是这个顺序:魔法阵先在正方形画布上画完再进照片,这样对称中心不受照片尺寸影响;压扁放在最后,因为压扁后线条变细,发光要在压扁前做。
这类照片容易翻车的地方
- 魔法阵没压扁,像一个竖着的圆盘:对照地砖、草地的透视压扁。
- 魔法阵盖住了脚:在蒙版上擦掉鞋子上的线。
- 白天加发光,颜色淡得看不见:外晕颜色饱和一点,或复制一层外晕。
案例三:掌心火焰
照片情况:夜景,人物抬起手,掌心向上。
诊断:火源就在掌心,火舌往上飘。背景暗,火的外晕会很明显。
修法和数值(这张示范照片的数值,你的照片会不同,按画面判断):
- 「火 · 橙红」:浅色画笔,深橙色,从掌心往上画 4 簇火舌,最高的约一个手掌长度的两倍。
- 「火 · 黄」:在里面画一圈小一号的。
- 「火 · 白芯」:只在掌心上方一小团。
- 涂抹工具把尖端往上拉,顶上点两小片火苗。
- 外晕:合并复制,高斯模糊 30%,「添加」,不透明度 60%,暖光晕包住火、看不出边就停。
为什么是这个顺序:从外往里画,先定火的整体形状,再往里叠更热的颜色;反过来先画白芯,外面的颜色很难包住它。
这类照片容易翻车的地方
- 火焰是对称的三角形:火舌要高低不一、走 S 形。
- 整团都是黄色,没有冷热变化:底部白黄,顶部红。
- 火焰在手掌前面挡住了手指:火是从掌心长出来的,手指边缘可以压在火的外晕上面(同样把手指抠出来放上层)。
学习资料
资料里用 PS 讲的功能,在 Procreate 里叫什么,查 PS 和 Procreate 对照表。
- How to make anything glow in Procreate + DIY glow brush tutorial
英文。复制、模糊、改「添加」叠出发光的做法,配图很清楚,和本站光剑的三层思路一致。
- How to make things GLOW in Procreate
英文。多层模糊叠加发光,提醒发光层别超过五层,暗背景上光更明显。
- procreate 教程发光特效|如何让你的作品绿得发亮
Procreate 发光的一种做法:新建一层填黑色、改成「滤色」,再用软边画笔在上面加光;和 6.3 课「发光为什么要分三层」对照,本站用「添加」叠三层,可以比较两种思路。文末的笔刷福利可以忽略。
- procreate 插画丁达尔光效怎么画?
图文步骤:复制背景层、把饱和度降到最低、用曲线只留最亮的部分、改成「添加」再加透视模糊拉出光束;和 6.3 课「丁达尔光」的三张步骤卡一一对应。
- PAD技能6丨procreate如何快速画出对称型图案?
中文图文讲径向对称画图案,魔法阵和雪花形状都能参考。
- 【COS后期特约教程】特效效果的后期制作
用魔法少女射箭的图讲特效后期,箭身发光用的也是「线性减淡(添加)」。PS 操作,看思路。
- cos后期如何制作发光特效?闪电特效
用 PS 做角色的雷电技能特效,可以学构图和光效摆放;视频里的素材不用下载,按 6.3 的方法自己画。
参考资料
- Procreate 使用手册:模糊
高斯模糊、动态模糊、透视模糊的手势,透视模糊的「位置」「方向」两种模式。
- Procreate 使用手册:对称指引
垂直、水平、四象限、径向四种对称,轴向对称和辅助绘图开关。
- Procreate 使用手册:速创形状
画完停住,线条自动变直,画标尺和分界线时用。
- Procreate 使用手册:图层选项
图层选项菜单每一项的说明;阿尔法锁定、蒙版、剪辑蒙版三者的官方定义在这里。
- Procreate 使用手册:色彩调整
色相饱和度亮度、颜色平衡、曲线、渐变映射四个工具的界面说明,曲线的节点和通道写得最清楚。
- Procreate 使用手册:变换工具
自由变换、等比、扭曲、弯曲四种模式,以及「对齐」和「插值」设置。
- Procreate 使用手册:混合模式
官方逐个列出 Procreate 全部混合模式的中文名和效果,看 PS 教程碰到模式名就来这里对名字(PS 的「叠加」这里叫「覆盖」);可以和 1.4 课的混合模式总表对照着看。
找图
一张手持武器(剑、棍、法杖、道具枪都行)的照片,背景偏暗最好;一张适合加魔法阵的照片:举手、施法、张开手掌的姿势,最好能看到脚下的地面。想练丁达尔光的话,再找一张有窗户、树缝或天空透光的照片。
不知道去哪找?看找图清单。
作业
做两张图:
- 光剑图:把照片里的武器做成发光的,按剑芯、内晕、外晕三层画,握剑的手指要在光的前面。
- 魔法阵图:用径向对称画一个魔法阵,按地面透视贴到人物脚下(或者手前)。 火焰和丁达尔光选做。人物身上的环境光留到 6.5 课再加。
验收标准
- 发光有核心和外晕两层以上:中心发白,往外是饱和的颜色,再往外慢慢淡出,不是一根平涂的线
- 光剑的握柄处,手指在光的前面
- 魔法阵是规整的对称图形,压扁的程度和脚下地面的透视一致
- 魔法阵被脚挡住的地方擦掉了
要交的东西
- 光剑图前后对比
- 魔法阵图前后对比
- 两张图的图层面板截图
自检清单
交作业前逐条对一遍。勾选状态会保存在本机。