全球云服务器

agencyfb字体实战教程

发布时间：2022-07-21 04:17:02 作者：mzlihui 阅读量：8663

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

光线

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

第一步

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

第二步

现在我们添加一些文字。 我用了Agency FB这个非常酷的字体，它间距窄还有有硬朗的边缘。 如果喜欢agencyfb字体可以在网上下载，这里不做过多追溯。你应该用灰蓝色填充文字，比如#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%。 这将确保我们的暖光效果不仅影响背景，还会影响文字。

结束

最后，我们再一次复制顶部的光线图层，然后设置透明度为65%，单后单击添加图层蒙版按钮，然后从左上方到右下方添加一个从白到黑的线性渐变。 这会为我们的光线图层添加一个好像光线是向右下方照过来的效果。关注 UI设计酱 学习和了解跟多，持续更新教程 知识学习。

***本网站图片，文字之类版权申明，因为网站可以由注册用户自行上传图片或文字，本网站无法鉴别所上传图片或文字的知识版权，如果侵犯，请及时通知我们，本网站将在第一时间及时删除。

我要评论

网友评论

---

---

---

---

---

常见ftp命令 FTP命令使用详解双硬盘组建Raid0磁盘阵列图文教程用友软件客户端连接不上服务器的解决办法？WebService实例开发、运维不可不看的Linux调测工具如何使用Charles抓取Websocket的消息DNS服务的启动和停止如何用ODBC访问SQL数据库Linux视频教程：用户管理命令useraddWindows Server 2003中如何启动ASP.NET扩展服务IIS中站点主属性配置如何搭建平台【超赞】专为小白整理的adobe xd入门教程小旋风asp服务器怎么使用将基于域名的虚拟主机转换为基于IP的虚拟主机设置DHCP数据库路径快云存储技术服务器集群技术的分类什么是双线托管，比较便宜的双线托管有哪些重庆电信服务器托管注意事项IBM欲出售低端服务器业务是为何意Linux-PAM的工作流程基于域名的虚拟主机配置的两种方法分布式与集群是一回事儿么？大神教你5招加速Python英特尔称服务器业务目前已基本恢复英特尔三季度全球微处理器市场份额达83.7%【划重点】我对TopCoder的一些看法服务器技术之Pcrl语言文件的读写IDC：中国HPC发展迅猛曙光HPC销售额进全球前十强