Home Web Front-end PS Tutorial 菜鸟必看:教你快速彻底搞懂PS内阴影功能

菜鸟必看:教你快速彻底搞懂PS内阴影功能

Jun 01, 2016 pm 02:29 PM

 本教程是教大家快速搞懂PS内阴影功能,教程很详细,也很基础,刚入门PS朋友不可错过。转发过来,希望大家喜欢!

 菜鸟必看:教你快速彻底搞懂PS内阴影功能

  PS的图层样式一直都是大家添加特效的有力武器,比如投影、描边什么的,他们不会破坏图层原本的信息,真是非常好用。有了正确的知识和一定的经验以后,几乎可以完成任何特效,为了实现这些效果,你需要了解每个功能都是干什么的,其中一些设置是怎么控制特效的变化的。希望看完了这一系列的教程,你能解开封印,做出更棒的作品。

  内阴影的应用

  一般的,内阴影是在2D图像上模拟3D效果的时候使用,通过制造一个有位移的阴影,来让图形看起来有一定的深度。

  下图便是两个例子,通过内阴影可以分辨出两个例子的光源方向不同、强度不同、距离也不同。通过内阴影,也会极大地改变一幅图。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  内阴影对话框

  内阴影对话框就像下图所示这样子啦,几乎和"投影"的对话框一模一样。唯一的区别便是阴影出现的方式不是在图形后面,而是在图形里面。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  混合模式

  你可以为你的内阴影设置不同的混合模式,通常情况下都是正片叠底或线性光,这样内阴影便会比图像颜色更深一些。

  如果对混合模式有任何疑问或不懂的地方,我强烈推荐去看看这个教程:《带你认识PHOTOSHOP的混合模式》。

  这里也可以设置阴影的颜色,在混合模式下拉菜单的右边,有一个选择颜色的小方块。默认情况下,阴影的颜色为黑色,不过可以尝试用其他颜色或是有趣的东西,说不定会出现意想不到的效果。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  下面的例子可以看出,左边影子的颜色为黑色,混合模式为正片叠底;右边为深紫色,混合模式为正常。不同的组合搭配会出现不同的效果。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  不透明度

  不透明度滑竿让你可以控制影子的透明度。滑竿放到0%,影子会完全消失,而100%则完全不透明。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  下面这个例子就可以看出透明度对于图像的影响。左边的只有微妙的内阴影,右边的图像里阴影就明显得多。这幅图可以轻松看出内阴影对于深度的影响。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  角度

  角度这个选项顾名思义,就是控制造成内阴影的光源的角度。勾选"全局光"的话,你对任意一个图层的设置发生改变,全部添加内特效的图层也会相应发生改变,连浮雕、投影也不例外。但如果没有勾选,你就只会控制当前图层的内阴影,其他图层的任何特效都不会发生改变。

  推荐还是要勾选这个设置,毕竟有时候我们希望同一张图的光源也是来自同一个位置。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  下面的例子里,可以看出角度对于特效的影响,因为勾选了"使用全局光",所以投影、内阴影、鞋面和浮雕特效都有相应的不同。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  距离

  距离滑竿控制的是添加特效的对象与背景之间的距离。在内阴影对话框里,距离滑竿控制的是阴影与对象的距离。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  下面的案例中可以看出,左边只是一个简单的凹陷效果,很像是硬纸板上的烫字,而右边的案例中,内阴影与文字的距离比较大,感觉纵深的空间要大得多。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  阻塞

  阻塞滑竿主要控制影子边缘消失的方式态,通俗地讲就是影子消失的边界是清晰的,还是羽化一样的消失。正常情况下,这个功能我们都不用搭理,放在默认的0%就好;如果是想要建立一个看起来比较硬的阴影,我们可以适当的向右推动滑竿;对于边缘比较硬的阴影,这个数值应该增加,如果是想要内描边之类的效果,也可以调节到100%。

  阻塞滑竿和距离的功能差不多,两个功能会制造出类似的效果。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  下面两个粉甜蜜的例子里,将阻塞滑竿推到100%,内阴影就会出现一个很硬的边缘。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  尺寸

  尺寸滑竿控制的是影子的大小。当滑竿位于0的时候,影子和对象是一样大的,向右推动滑竿,数值每增加1,影子的面积便会增加1像素。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  下列两个案例就可以看出,尺寸越大,影子边缘越柔和。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  等高线

  等高线的形状和影子的显示效果息息相关,不同的曲线会出现不同的效果。当你想要一个比较特别地影子或者是抽象的效果的时候,曲线工具很好用。其实在平时的UI设计里,改变一下曲线也会让设计看起来更舒服。

  此外,"消除锯齿"功能可以提高阴影的质量,也会让PS的性能有所下降。但是性能和最终稿的效果比起来,就不那么重要了。我推荐这个还是勾上吧!

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  下面的案例就可以看出不同的曲线会有不同的阴影。当曲线为反U形的时候,阴影和文字的边缘就会有一个细小的缝隙。右边的影子很特别,但却不是我们通常想要的效果。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  杂色

  杂色滑竿可以让阴影有砂砾一般的质感。如果你做的东西是水泥或灰尘质感,加一些杂色会让效果更好。但是一般情况下,我们更多的还是想要平滑的内阴影,把这个滑竿留在0%的位置即好。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  下面的例子中,将杂色设为30%的图像中,阴影上好像有沙子的颗粒一样并没有十分平滑。一般来说,0%-30%这个范围内,杂色的效果还是可以的,超过30%以后,看起来会很不自然。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  保存和载入默认设置

  PS中的每个特效对话框都可以保存自定义数据,并将之设置为默认数值。可以点击面板中的"设为默认",可以将现在的设置作为默认数值。

  点击"重置默认数值",PS会恢复之前默认的数据,这样就可以重新设置特效了。

菜鸟必看:教你快速彻底搞懂PS内阴影功能

  最后

  不管什么时候,PS都是设计师手中有力的武器,也是设计师创造一切的工具。内阴影特效可以在恰当的时候帮我们化腐朽为神奇,但是也不能乱用。记住,没有丑的特效,只有没用好的特效。

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

Repo: How To Revive Teammates
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How do I use Photoshop for creating social media graphics? How do I use Photoshop for creating social media graphics? Mar 18, 2025 pm 01:41 PM

The article details using Photoshop for social media graphics, covering setup, design tools, and optimization techniques. It emphasizes efficiency and quality in graphic creation.

How do I prepare images for web use in Photoshop (file size, resolution, color space)? How do I prepare images for web use in Photoshop (file size, resolution, color space)? Mar 13, 2025 pm 07:28 PM

Article discusses preparing images for web use in Photoshop, focusing on optimizing file size, resolution, and color space. Main issue is balancing image quality with quick loading times.

How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively? How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively? Mar 13, 2025 pm 07:35 PM

Article discusses using Photoshop's Content-Aware Fill and Move tools effectively, offering tips on selecting source areas, avoiding mistakes, and adjusting settings for optimal results.

How do I use Photoshop's video editing capabilities? How do I use Photoshop's video editing capabilities? Mar 18, 2025 pm 01:37 PM

The article explains how to use Photoshop for video editing, detailing steps to import, edit, and export videos, and highlighting key features like the Timeline panel, video layers, and effects.

How do I calibrate my monitor for accurate color in Photoshop? How do I calibrate my monitor for accurate color in Photoshop? Mar 13, 2025 pm 07:31 PM

Article discusses calibrating monitors for accurate color in Photoshop, tools for calibration, effects of improper calibration, and recalibration frequency. Main issue is ensuring color accuracy.

How do I prepare images for web using Photoshop (optimize file size, resolution)? How do I prepare images for web using Photoshop (optimize file size, resolution)? Mar 18, 2025 pm 01:35 PM

Article discusses optimizing images for web using Photoshop, focusing on file size and resolution. Main issue is balancing quality and load times.

How do I create animated GIFs in Photoshop? How do I create animated GIFs in Photoshop? Mar 18, 2025 pm 01:38 PM

Article discusses creating and optimizing animated GIFs in Photoshop, including adding frames to existing GIFs. Main focus is on balancing quality and file size.

How do I prepare images for print using Photoshop (resolution, color profiles)? How do I prepare images for print using Photoshop (resolution, color profiles)? Mar 18, 2025 pm 01:36 PM

The article guides on preparing images for print in Photoshop, focusing on resolution, color profiles, and sharpness. It argues that 300 PPI and CMYK profiles are essential for quality prints.

See all articles