光影质感商业文字效果.docx

光影质感商业文字效果.docx

《光影质感商业文字效果.docx》由会员分享，可在线阅读，更多相关《光影质感商业文字效果.docx（14页珍藏版）》请在冰豆网上搜索。

光影质感商业文字效果

先看看最终效果

首先还是回到最基本的透视原理分析一下光照图，光源从顶部打下来，因为物体有一定的厚度，所以会沿着

光线方向形成一个逐渐放大的影子，所以我们必须要营造出这种影子效果才能产生立体感。

除此之外，当然也需要营造背景的光线，应为是从顶部打下来的光线，应该是由上而下的一个径向渐变，

但是作者原图中的最亮点却是在Awesome的字母E上的，给人感觉是从正面打上来的平面光，个人感觉这一

点还是值得商榷的。

作品的另一个亮点是漂亮的金属质感，这里作者提供了一个极其良好的思路，很值得学习。

相信经过这两个教程的学习你就能轻易制作出从各个方向照过来的平面光了！

step.1

创建文字层，字体可以在这里下载。

创建一个900*600的文档，分辨率300px/英寸。

#332222填充背景。

打入awesome文字，使用加粗，大小36pt。

step.2

巧做的金属质感。

创建“Metal”图层，填充90%灰色。

使用滤镜>渲染>镜头光晕

设置如下：

50-300mm变焦，亮度125.

在图层面板按住alt点击”Awesome”和“Metal”图层的交界处（会出现图下双圆圈鼠标示意）。

（CS3快捷键是ctrl+g）

step.3

添加图层样式。

给”Awesome”图层添加图层样式，选项如下：

1.投影：

距离2px大小8px，其余默认

2.斜面浮雕：

样式内斜面，深度100%，方向上，深度100%，大小0，角度90，高度65

step.4

给背景也加些光线。

选中背景层，使用滤镜>渲染>镜头光晕（或者使用Ctrl+Alt+F呼出上次使用的滤镜）更改亮度为100%。

使用滤镜>模糊>高斯模糊，半径设为40px。

使用图像>调整>色相饱和度（Ctrl+U），把亮度改为-20.

step.5

Ctrl+左键单击”Awesome”层载入选区，在背景层上新建”Shadow”层，用黑色填充

step.6

给影子创造空间

首先使用图像>画布大小,点击九宫格下中部（注意相对按钮不要打钩）

改高度为1600px.Ctrl+R打开标尺（在标尺处按住左键可拖出辅助线）

在中轴拉一条辅助线，将”Awesome”层水平中心与之对齐

step.7

打开窗口>动作（Alt+F9,CS3以前的版本直接是F9）,点击调板右上按钮,新建组,命名Shadow

点击右下方按钮新建动作“Drop–创建新动作”，点击录制按钮开始录制。

录制动作是一个做重复工作偷懒的好办法

step.8

首先选中”Shadow”层，Ctrl+J复制一层

Ctrl+T进入自由变换，把旋转中心点拖到顶端中央

把图形的长宽缩放比均改为100.2%，打两次回车确认

这时在动作面板点击方块停止，动作就录好了

step.8

确认选中了”Shadowcopy“层，在动作面板选中录好的Drop动作，狂按约12次，之后选中所有影子图层，

Ctrl+E向下合并为一层。

鸟君这里有另一个方法，有兴趣的朋友可以尝试一下不需要制作动作，只需在一次自由变换成功后按

住Ctrl+Alt+Shift+T，重复12次，即可按照比例重复放大了。

（总之需要领会作者移动中心点放大的意

图，其实就是为了让其逐渐放大产生斜切的影子）

step.9

添加模糊，使用滤镜>模糊>径向模糊

将模糊中心移动到顶端中心

数量 3       模糊方法缩放           质量最好

step.10

完善影子

选中影子层Ctrl+T,再次把旋转中心点上移,按住Alt+Shift拽变换点放大（Alt保持中心点,Shift保持比例）

调至图中大小,最后添加滤镜>模糊>高斯模糊半径2px

Finish

最后使用裁剪工具把图片裁回原大小,大功告成.最后,希望你能有所收获并喜欢这个教程