美漫汉化教程——fhey-修图教程(四)简单字效的制作

马一发!

墨问非名:

fhey-修图教程(四)简单字效的制作


作者:fhey


授权转载~


——————————


这一弹不涉及字形,仅仅来分析一下字效怎么做~~
其实字效也是那几种简单的用法,复杂的字效也只是简单的叠加而已XD


在说范例前,先说一个小知识,描边。
描边的种类有多重,常用的是两种:


一种是形状图层的描边(上),直角/尖角。
一种是PS的图层样式中的描边(下),圆角。


Alt text


图层样式的描边需要点击图层面板下方菜单中的【fx】,在弹出的页面点击【描边】


Alt text


在弹出的面板更改颜色,大小,透明度等参数
其中位置分了外部,居中,内部。具体使用什么要按效果来。


Alt text


设置好后点确定,在字体图层下面会出现两个【小眼睛】,效果是说你开启了图层样式,描边指你使用了描边。


Alt text


如果同时使用了多个样式,下面都会显示出来,点击小眼睛可关闭效果。
最上的小眼睛是关闭所有效果,
之下的是单独关闭某个或某几个个效果。


Alt text


在图层上右键,弹出的菜单中选择清除图层样式,可以删除所有样式。


Alt text


<>范例一:纯色**+一层描边**


Alt text



  1. 输入字体,转换为形状后,选择形状工具

  2. 在上方属性栏里,填充为字本身的颜色,描边为描边颜色,后面数值为描边宽度(可以精确到小数点来微调)

  3. 在描边选项里,对齐-最下面为外描边,这个也是最常用的描边。


Alt text


范例1的效果只需要这一步就能完成


<>范例二:渐变**+一层描边+一层阴影**


Alt text



  1. 随意选个填充色,把描边颜色和粗细定好


Alt text



  1. 增加图层样式-渐变


Alt text



  • 渐变小知识:
    点击渐变条


Alt text


在弹出的界面上,双击下面的黑色小箭头和白色小箭头(或者单击选中,点颜色后面的色块)吸取原字体中的颜色。
(解说:四个小箭头中,上面两个代表透明度,黑色为100%,白色为0%,灰色是中间值。下面两个代表颜色,左边为下,右边为上)


Alt text



  1. 增加投影


Alt text



  • 投影小知识
    距离-投影的偏移,距离越大,偏离越远,角度调整偏移的方向【注:调整角度时需要关闭全局光,不然会修改所有的使用全局光的图层】
    扩展-投影的虚实,数值越大越实,100为纯色无虚边状态
    大小-投影的大小,以图层内容本身为中心向外扩散。当扩展为100时类似描边效果


Alt text
一图层流完毕~


<>范例三:渐变**+双层描边**


Alt text


从这个例子开始,就要走多图层流啦



  1. 首先,一图层搞定渐变+一层描边


Alt text


Alt text


这里,渐变用了三个颜色


Alt text



  1. 因为形状只能用一次描边,而我需要两层,所以这里可以直接复制一层放到下面,把描边宽度放大来达到双层描边的效果
    颜色换成黑色。【注意,未免颜色出现BUG,需要填充和描边都使用一样的颜色】


Alt text


Alt text


放在一起的最终效果


Alt text


<>范例四:三层(偏移的)描边**


Alt text


因为投影有偏移,又是尖角,所以每一层描边都是独立的一层,不能在一起做



  1. 图层一,黄色填充,无描边


Alt text



  1. 图层二,蓝色填充+描边,手动往右下移动几像素


Alt text


Alt text



  1. 图层三,粉(?)色描边,手动往右下继续移动几像素


Alt text


Alt text



  1. 图层四,黑色描边,手动往右下继续移动几像素,完成


Alt text


Alt text


当效果比较复杂的时候,不要想着一图层两图层做不好,多来几个图层就解决啦~


<>范例五:半透明底**+描边+阴影**


Alt text



  1. 先正常的把描边和填充选好。这里的能观察出来,半透明的原色是白色
    图层为白色一层,黑色描边一层,黑色投影(偏移)为一层


Alt text



  1. 调成白色层的不透明度,数值多少用心去感受~


Alt text


完成~


Alt text


<>范例六:半透明底**+半描边+无填充描边**


Alt text



  1. 图层一 淡蓝色+描边 不透明度75


Alt text


Alt text



  1. 图层二 无填充,白色描边 不透明度90


Alt text


Alt text



  • 注意:这里图层一也加上了描边是以为如果两个图层都是半透明,中间会有细微的缝隙出现(如图示)为了避免BUG才加上


Alt text



  1. 图层三 复制图层二,放大,降低不透明度


Alt text


Alt text


完成!


<>范例七:渐变**+双层描边+内阴影**


Alt text


拆分来由四个部分组成——最外部红色描边,白色描边,渐变,内阴影


Alt text



  1. 加渐变,单纯的两色渐变


Alt text


Alt text



  1. 加内阴影
    全局光点掉,不透明度100,阻塞100


Alt text


观察发现,内阴影的有BUG,有很多空没有填满。


Alt text



  1. 复制一层,关掉渐变叠加,填充为0【知识补充:不透明度是整个图层的透明度调整,填充为图层本身的透明度调整,不包括图层样式。改成0后只显示样式不显示内容】。只显示内描边,微移来填空。一层不够就多来几层填~


Alt text



  1. 因为移动后会后多出来的部分,按ctrl+图层缩略图,选出选区


Alt text



  1. 点击图示部分添加图层蒙板


Alt text


三层都加上


Alt text


Alt text



  1. 复制星球陷落一层,改名为白色描边,清除图层样式,将填充和描边都选为白色,描边调大。


Alt text


Alt text



  1. 继续复制星球陷落,改名为红色描边,清除图层样式,将填充和描边都选为红色,描边调大。


Alt text


Alt text


完成!


感谢看到了最后的朋友!如果对内容有任何疑问都可以在评论里问我,有什么想学的也可以告诉我,我可以做在下一次的教程里~



评论

热度(53)

  1. 一日°长安墨问非名 转载了此文字
    马一发!
  2. 仓库墨问非名 转载了此文字