木子素材 首页 大神 UI设计 查看内容

高手教程!8 种常见投影详细解析(内附投影神器)

2021-7-30 02:00| 发布者: admin| 查看: 382| 评论: 0

摘要: 前言 这次要讲的投影类型一共分为 8 种,分别为: 普通投影 等高线投影 矢量投影 图层模糊投影 多层投影 移轴模糊投影 人工投影 借助投影插件 普通投影 1. 普通投影调整参数区域 2. 范例展示 3. 注意事项 投影 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

前言

这次要讲的投影类型一共分为 8 种,分别为:

  • 普通投影
  • 等高线投影
  • 矢量投影
  • 图层模糊投影
  • 多层投影
  • 移轴模糊投影
  • 人工投影
  • 借助投影插件

普通投影

1. 普通投影调整参数区域

高手教程!8 种常见投影详细解析(内附投影神器)

2. 范例展示

高手教程!8 种常见投影详细解析(内附投影神器)

3. 注意事项

  1. 投影的混合模式选择在没有特定情况下最好用正片叠底,看起来更柔和,更容易融入到背景。
  2. 在投影的角度调整中,最好勾去全局光,否则在调整其他内容时会出现错误。
  3. 扩展会根据不同的内容少加一点百分比的扩展,建议多少加一点效果更佳。
  4. 在同色背景上添加投影,尽量选择其背景色作为参考,然后把吸取颜色的饱和度调高明度调低作为其投影,在 UI 设计中运用色彩调整时个人建议用 HSB 来调整,不太建议用 RGB,看个人的调色习惯,在调投影时则只需把 S(饱和度)拉高、B(明度)拉低则可,十分方便。
  5. 在投影色彩调整过重或者过轻时,只要色相不存在问题,也可以用投影的透明度来进行调整投影的颜色。

等高线投影

1. 等高线投影调整规则

高手教程!8 种常见投影详细解析(内附投影神器)

从上图我们可以发现投影从形状的边缘开始扩散,我们的投影角度为 90°,所以由实到虚的向下扩散直至消失。途中除了向下的那一面有投影外,其他三面也都被延伸出来,若我并不想他们这样延伸出来,我们就要对等高线进行处理。

接着我们来看看处理后的效果:

高手教程!8 种常见投影详细解析(内附投影神器)

从上图我们可以发现当我们在等高线中把内实部分弱化,把外虚部分拉长投影就进行了收缩,并且用曲线柔和的方式来处理,投影看起来更加精致。

2. 等高线虚实运用案例

高手教程!8 种常见投影详细解析(内附投影神器)

3. 注意事项

  1. 在拉普通的虚化投影中,拉曲线的实与虚部分尽量不要靠边、要留距离,不然投影会很生硬。
  2. 若花大量时间做好的等高线,最好把它保存,下次再用则很方便,不用再次去调。
  3. 在等高线中,能添加一个点解决的,绝不要添加两个点,要使其柔和过度。

矢量投影

1. 矢量投影制作步骤

高手教程!8 种常见投影详细解析(内附投影神器)

2. 矢量投影优势

  1. 调节投影时,可以自由添加减少锚点来换取不同的形状投影。
  2. 当羽化像素过多或者过少时可以直接在属性面板上修改,方便快捷。
  3. 修改颜色十分方便,可以直接在填充里面做各种渐变。

图层模糊投影

1. 图层模糊投影制作步骤

高手教程!8 种常见投影详细解析(内附投影神器)

2. 图层模糊投影优势

  1. 投影的颜色是图片模糊的颜色得来,看起来更精致,层次感更强。
  2. 当羽化像素过多或者过少时可以直接在智能滤镜面板上修改,方便快捷。
  3. 可以在模糊投影做透视、扭曲、斜切等变形,投影变化更直接更丰富。

多层投影

首先,说一下什么叫做多层投影,多层投影就是运用多个投影一起来制作合成一个投影,多层投影层次感更丰富,所展现效果也是单层投影所不能达到的。

那么我主要把多层投影分为两大类:

  1. 相同投影模式进行多层操作
  2. 不同投影模式进行多层操作

1. 相同投影模式下进行多层操作

例如同样的图层模糊投影运用两次

高手教程!8 种常见投影详细解析(内附投影神器)

2. 不同投影模式下进行多层操作

例如图层模糊投影与等高线投影一起用

高手教程!8 种常见投影详细解析(内附投影神器)

移轴模糊投影

移轴模糊投影是现在很少人拿来用的,因为一般移轴模糊多用于图片的处理,但本人十分喜欢用它,所以在这里给大家做一个移轴模糊投影的分享。

高手教程!8 种常见投影详细解析(内附投影神器)

通过边缘的两条虚线为移轴模糊过度的起始点,通过调整移轴范围调整模糊的起始点;在移轴控制中心的控制点,拖拽该点可以调整移轴效果在图层上的位置以及移轴形成模糊的强弱程度。

  • 模糊:控制图像中移轴模糊两条虚线外的模糊程度,数值越大越模糊。
  • 扭曲度:调整图像中移轴模糊两条虚线外的模糊图像扭曲度,数值越大越扭曲。
  • 对称扭曲:勾选对称扭曲,调整扭曲度时虚线外两边同时调整扭曲度,不勾选只调整一边。

调节实线与虚线的位置来进行图层的模糊起始点与终点,若想让模糊变更大或更小,则可调整模糊的参数(像素)与扭曲度。

注:移轴模糊一般要与其他模糊混合运用才能体现出更佳的效果。

手动投影

手动投影也是不规则投影,手动投影可以用画笔、钢笔工具转选区、颜色加深减淡等方法来实现。主要运用在效果的调整上,个人有种强迫症,老觉得调完后的投影有些欠缺,所以都会手动调调投影,这里也给大家分享下经验,因为方式太多所以说集中最常见的手动投影的方式(注:此举例都是根据有规则投影的情况下进行)。

方式一:运用工具画笔——在投影上方建立图层用画笔涂抹(注:画笔一定要用软画笔,不然调出来过渡不均匀,建议多建立几层)

方式二:在规则投影下运用加深减淡工具(注:若是用普通投影,可以把内容复制一层,在下方的图层填充为 0%,然后运用投影,把其投影栅格化后就可以对其加深减淡了,这样可以在不伤害图片的情况下进行)

方式三:运用图层蒙版——在建立好的投影中运用图层蒙版,在图层蒙版里用画笔工具调整投影。

方式四:运用选区+色相/饱和度(ctrl+u)调整局部颜色——在要想调整的阴影图层上用钢笔勾好轮廓-转为选区-羽化半径-调整色相(若有需要点取着色)进行细节颜色的调整。

注:不太建议新手去尝试手动投影,效果可能会适得其反,所以也不举例详情说明。

借助“投影插件”

精彩往往都是留到最后的,投影插件简直是我的最爱,市面上的 PS 投影插件其实还是蛮多的,这里给大家推荐 2 款我个人觉得超级好用的投影插件,保证你看了就想得到。

第一款是我在之前的文章中提到过的 PS 插件:Paper Panel,它的投影功能并不是一个简单形成的效果,而是多个投影叠加的效果,所以投影呈现的状态也是非常真实的,它一共分为了 16 种投影,我们可以修改它的透明度与方向:

高手教程!8 种常见投影详细解析(内附投影神器)

在这篇文章可以下载Paper Pane:

把你所有样机素材都删掉!下载这个PS插件就够了!

之前给大家分享过我精选的免费样机网站、在线样机生成网站、样机软件:分享后有很多人都私信问我,除了样机网站外,有没有样机的插件可以使用?

阅读文章 >

对了,告诉大家一个很鸡贼的方法,我们可以把它设置的投影储存到图层样式中,以后就不用打开插件直接用了。

高手教程!8 种常见投影详细解析(内附投影神器)

这个插件不仅有投影效果,还有目前非常流行的光影效果哦!

高手教程!8 种常见投影详细解析(内附投影神器)

第二款插件名叫:Shadowify,它实现出来的效果就更个性化,它可以调整角度、距离、步幅、高斯模糊、运动模糊等等,每个板块对应的中文我也标示出来了,具体可以自己去使用哦。

高手教程!8 种常见投影详细解析(内附投影神器)

好了,今天的文章分享就到这里,如果需要插件可以在附件下载哦!

欢迎关注作者微信公众号:「黑狮力」

高手教程!8 种常见投影详细解析(内附投影神器)

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×