码迷,mamicode.com
首页 > 其他好文 > 详细

蛇皮纹理文字教程

时间:2014-11-01 19:03:54      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   ar   sp   div   on   html   ad   

自制作图案进行打造字体个性纹理效果。在制作效果图之前,需要自己动手制作一些简单的图案。别小看这些图案,可以给文字增加非常不错的质感纹理。效果看上去更精细。

  最终效果

  bubuko.com,布布扣

  1、创建一个暗紫色渐变背景。

  bubuko.com,布布扣
  2、导入文字或图形,颜色为黑色。

  bubuko.com,布布扣

  3、开始应用图层样式。到您的图层样式面板,仍然选中文本,开始应用图层样式设置如下。

  bubuko.com,布布扣

  4、内阴影将有助于创造三维效果。

  bubuko.com,布布扣

  5、内发光。

  bubuko.com,布布扣

  6、斜面和浮雕设置进一步使我们的文字加粗和立体。由于我们采用了纤细的字体有必要进一步完善运用下面的设置增强立体效果。

  bubuko.com,布布扣

  7、本教程中最重要的部分是创造了“蛇皮”的效果。 您可能没有这个图案,您可以另外自己创建一个,只需要注意长宽不要太大,几个像素就可以了。

  bubuko.com,布布扣

  bubuko.com,布布扣

  8、增加金属渐变效果。

  bubuko.com,布布扣

  完成~效果图

  bubuko.com,布布扣

推荐大家到良师益友网上学习视频教程,现在更有面向广大设计人员的“冰桶挑战”活动,等你来挑战自我

蛇皮纹理文字教程

标签:style   http   color   ar   sp   div   on   html   ad   

原文地址:http://www.cnblogs.com/ayneu/p/4067538.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!