打印 上一主题 下一主题

在PS中用光线和阴影创造充满活力的文字效果,PS文字设计教程

  [复制链接]
跳转到指定楼层
#
admin 发表于 2016-8-5 09:23:08 | 只看该作者 |只看大图 回帖奖励 |正序浏览 |阅读模式
中文图文CG教程
行业: 平面设计
模块: 平面设计 
软件/插件: -
版权:

马上注册CG织梦网,结交更多CG好友,下载更多CG素材,让你轻松学习。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
我读过的最好的一本关于制图技巧的书叫做:用右脑作画。 读完之后,我的制图技巧任然很差,但我却学到了很多光线和阴影的运用方法。 在这篇教程中,我们将要用一些十分基础的光线与阴影原理去制作出相当让人印象深刻的文字效果。

光线
在开始这篇教程之前,我们看一下光线照到物体上应该是怎样的。 在画布的中央有一个方形的物体,左上方有光线照入。 你可以看到光线照到物体的一边,而阴影投射到物体的另一边。 这里的光线效果并不是Photoshop中的投影,它让这个物体看起来像漂浮在画布上方。 我们想让这个物体像一个三维物体一样突出在画布上,随意伸展。 现在告诉我哪个教程网站像我们一样给你示意图了? 这种感觉就像回到了学校!


第一步
首先我们创建一张画布,并用微妙的从深灰到更深的灰色的线性渐变填充它。 我们想让光线从左上方进入,照此填充渐变,光线强的地方颜色淡。


第二步
现在我们添加一些文字。 我用了Agency FB这个非常酷的字体,它间距窄还有有硬朗的边缘。 你应该用灰蓝色填充文字,比如#c2c8d4。


第三步
接下来按住Ctrl的同时单击text图层的缩略图,然后在它上方新建一个图层。 在这个新图层,确保你刚才创建的选择区域存在,然后用从白色到#495a79 的线性渐变填充它,指针从左上角拉到右下角。 你应该得到下面的效果。


第四步
变更你的前景色为纯黑色(你也可以按键盘上的快捷键“D”)。
现在再一次在按住Ctrl的同时单击text图层的缩略图以创建选区,并在text图层的下方创建一个新图层。 现在,按你键盘上的下方向键一次,然后再按一下右方向键一次。 然后按Alt+Backspace填充选中区域为黑色。 然后再一次按下方向键和又方向键然后用黑色填充。 每按一次你就会向下移动一次或向右移动一次。 你应该重复这个过程30次(这就是为什么我们要使用快捷键Alt+Backspace代替填充工具的原因)。
注意在你使用方向键的时候为了只移动你的选区而不是你填充过得的选区,你必须保持你的矩形选矿工具是开着的。 如果你切换到了移动工具(V),当你按方向键时,移动的实际上是你以填充过得黑色图案和选区,你一会一次又一次的填充相同区域。所以在移动选区时,记得切换为矩形选框工具。


第五步
这是你现在应该得到的结果。 现在取消选择,确保阴影层是选中的,然后到滤镜>模糊>动感模糊,设定角度为-45度,距离为30像素。


第六步
设定你的阴影图层混合效果为正片叠底,透明度为40%,然后按住Shift键的同时按下方向键和右方向键各一次。 这会让你的物体向右和向下每次各移动10像素(Shift会告诉Photoshop用10像素代替1像素)。 现在你或许发现一些在顶部和左部阴影的模糊部分超出了文字。 如果是这样的话,选择一个小的轻柔的橡皮擦,擦掉任何不应该存在的地方。


第七步
接下来复制阴影图层,按住Shift然后向下和右各移动一次。 然后为该图层添加动感模糊效果,设定距离为50像素,然后设定设定这个图层的混合效果为正片叠底,透明度为20%。 这是为了给阴影添加很多逐渐变淡的效果。


第八步
现在在所有图层上面建立一个新图层,按住Ctrl然后单击text图层的缩略图,回到新图层填充选区为白色。 现在先不要取消选择。 按住方向键来使选区向下和向右各移动一次,然后按Delete键。
设定该图层的透明度为80%。


第九步
就像你看到的,这个窄白条在光线照到的文字边缘添加了一种轻柔的高亮效果,让字体看起来更有3D效果。


第十步
接下来我们要创造自然光照的光线。 在所有图层上新建一个图层,然后画四或五个白色长方形大概就像下面这样。


第十一步
现在按下Ctrl+T来形变和旋转长方形来达到以下的效果。 一般来说我们完成后要按下Enter,但这次我们先不要确定。 右击,你可以从下拉菜单看到其他类型的形变。 选择透视。 这么做很重要的原因就是你不会丢掉你的边界框。 现在调整边界框,使上面的两段更接近一些,这样看起来光就是从左上方进入的。


第十二步
在这里,我们要创建四个条状的"光"。 现在将图层样式设置为叠加并选择20%的不透明度,然后去筛选 > 模糊 > 高斯模糊并且给它添加  6px 模糊半径。


第十三步
你现在的图片应该长这样。


第十四步
既然那些细条代表着光,那么它就应该出现在光照射的地方。 所以现在按下Ctrl并单击光线图层,然后单击我们早先创建的高亮图层,在选区任然存在的情况下,单击添加图层蒙版图标(就在图层面板的底部‘fx’图标的右边)。 这将会建立一个只显示高亮图层的光线的蒙版。


第十五步
现在你可以停下来了,它看起来已经很棒了,但我们将通过添加一些温暖的光线来完成这个特效。


第十六步
首先在背景图层上方建立一个新的图层,用#9d506c这种紫色来填充它。


第十七步
现在设置粉红色图层的混合模式为颜色,并设置图层不透明度为 20%。 这会给我们的背景图层一个温暖的红色。 在这张图层的顶部我们现在可以混入一些黄色。 如果我们不让下部偏红,那结果就会看起来偏黄,并且不是很真实。


第十八步
接下来我们在紫色图层上方再建立一个图层。 用纯白色填充它,然后选择滤镜>渲染>光照效果。 我不经常使用光照效果,但它确实有一个很酷的预设叫做两点钟方向点光,你可以在顶部的预设中找到它。 你差不多可以用它给的默认设置了,但将椭圆伸长一些可以表现的更好(就是让它的光点处在更外围的地方)。


第十九步
现在我们设置光线图层的混合模式为叠加,那么现在你的图片应该是下面这个样子。 现在复制这个图层,将它移动到所有图层的上方,并将它的不透明度设置为40%。 这将确保我们的暖光效果不仅影响背景,还会影响文字。


http://psd.tutsplus.com/tutorials/text-effects-tutorials/using-light-and-shade-to-bring-text-to-life/

结束
最后,我们再一次复制顶部的光线图层,然后设置透明度为65%,单后单击添加图层蒙版按钮,然后从左上方到右下方添加一个从白到黑的线性渐变。 这会为我们的光线图层添加一个好像光线是向右下方照过来的效果。


45#
xman2008 发表于 2024-1-8 16:05:44 | 只看该作者


非常好的教程
回复 支持 反对

使用道具 举报

44#
yang67 发表于 2023-8-18 10:47:50 | 只看该作者
谢谢楼主分享。
回复 支持 反对

使用道具 举报

43#
DP4587 发表于 2023-8-18 09:17:20 | 只看该作者
好资源,感谢分享~!
回复 支持 反对

使用道具 举报

42#
DP4587 发表于 2023-8-16 20:02:57 | 只看该作者
好资源,感谢分享~!
回复 支持 反对

使用道具 举报

41#
kof137122 发表于 2023-8-15 00:03:40 | 只看该作者
谢谢分享,收下学习
回复 支持 反对

使用道具 举报

40#
shiwj99 发表于 2022-4-29 12:53:01 | 只看该作者
666666666666666666
回复 支持 反对

使用道具 举报

39#
xman2008 发表于 2022-4-29 12:13:07 | 只看该作者
谢谢楼主分享
回复 支持 反对

使用道具 举报

38#
muxunyi513915 发表于 2020-12-27 11:55:35 | 只看该作者
谢谢楼主分享
回复 支持 反对

使用道具 举报

37#
yarou 发表于 2020-4-28 10:03:10 | 只看该作者
非常不错的教程
回复 支持 反对

使用道具 举报

36#
shiwj99 发表于 2020-4-27 13:30:06 | 只看该作者
我只想说一句很好很强大!支持
回复 支持 反对

使用道具 举报

35#
xiaoxi2700 发表于 2020-4-27 08:42:11 | 只看该作者
让人印象深刻的文字效果。
回复 支持 反对

使用道具 举报

34#
muxunyi513915 发表于 2020-4-11 09:39:52 | 只看该作者
谢谢楼主分享
回复 支持 反对

使用道具 举报

33#
paltrow 发表于 2019-8-17 01:58:44 | 只看该作者
谢谢楼主分享
回复 支持 反对

使用道具 举报

32#
yarou 发表于 2018-11-7 08:46:52 | 只看该作者
非常详细的教程,真不错
回复 支持 反对

使用道具 举报

31#
xman2008 发表于 2018-11-6 11:54:38 | 只看该作者

thank for sharing
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精彩图文
在线客服(工作时间:9:00-22:00)
18916069001
织梦网微信公众号

Copyright   ©2015-2016  CG织梦网  Powered by©Discuz!  技术支持:织梦网