恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
钻石党教你PS打造拉丝不锈钢文字
0.0°
2015-03-07 原创文章 教程 原作者: 原作者 举报 7379 119 59 4

虽然sketch在UI设计领域非常强大,但是在质感表现方面还是不如PS,PS依然是神一般的存在,这次,我们也推出一个PS打造极致质感拉丝不锈钢金属文字的教程。

sketch钻石党——不止分享sketch的一切,也分享关于UI设计的一切,欢迎大家加入!

拉丝不锈钢是现在广告行业里做招牌很常用的一种材质,除了在日常装饰和家具上使用,很多大公司的形象墙上都会采用这种材质的文字,材质不算高档,但是给人的感觉一点都不LOW,这次我们就试着用PS打造极致质感的拉丝不锈钢文字。

1、新建画布,尺寸2880x1800 px,点图层面板“创建填充或者调整图层(第四个按钮)”,创建一个纯色填充图层,填充色为:#1c1c1c,命名为bg1。

2、为该图层添加如下图层样式:

(注意:需要自行新建一个9x9px空白文档,去掉背景,画3个3x3px的方形组成的阶梯状纹理,并存储为纹理(编辑>定义图案))


3、在bg1图层上新建一个新的图层,命名为bg2填充颜色#808080,添加滤镜>杂色>添加杂色,数量10,高斯分布,勾选单色,将图层叠加模式改为“叠加”。至此,背景创建完毕,局部效果如下:


4、输入几个文字,中英文都可以,例如我这里输入的是“钻石党”和“SKETCH钻石党”,并且布局排列好。文字颜色设置为#494949。后面效果光影效果一致,这里我们把文字图层都转为曲线(选中文字图层>右键>转换为形状),并且合并为一个形状图层(选中两个形状图层>cmd+e合并),图层命名为“文字”。

5、对“文字”图层添加如下图层样式(图案填充可以手动调整合适的位置,看起来更加逼真)

旋转拉丝纹理制作(后面提供下载和纹理预览):

a.新建1000x1000px大小的画布,新建纯色填充图层,填充颜色#d2d2d2;

b.应用添加杂色滤镜,数值设置为30,高斯分布,单色;

c.应用径向模糊滤镜,选择旋转模糊,数量100,质量设置为最好。

d.cmd+l调整色阶,提高适合的纹理的对比度。

应用图层样式后的效果图,文字已经具备最基本的光影效果和体积感(可以点击打开查看大图查看更多细节):


5、选中“文字”图层,按cmd+J复制“文字”图层,更名为“彩色叠加”,并且清除图层样式,颜色填充模式改为渐变填充,填充设置如下(具体参数就不写了,大家自己看着差不多设置就行了),图层叠加模式改为“正片叠底”,填充5%。

现在单调的文字上有了一层神秘的彩虹光效果如下:

6、同样方法复制“彩色叠加图层”,命名为“高光”,叠加模式改为:亮光,填充改为:60%更改填充样式为如下:

现在已经具备了金属质感和高光效果,但是有点过了,没关系,后面我们继续调整。

7、复制”高光“图层,命名为”柔光“,不用改变填充,直接把叠加模式改为柔光,填充改为50%,得到最终结果。

纹理样式(附件提供下载)

更新:2015-03-07

下载
收藏

119人已收藏

Sketch钻石党

【Q群:105403797 】SketchKit (http://sketchkit.cn)

  • 19

    作品

  • 2720

    粉丝

  • 24

    关注

  • 老生常谈:关于合格 UI 设计师需要知道的那些事儿
  • 音乐播放器 UI 设计
  • sketch钻石党:Sketch设计效率冷门技巧
  • SKETCH钻石党:用SKETCH重绘Xcode质感图标(源文件)

    猜你喜欢

      2015-03-07 原创文章 教程 原作者: 原作者 举报 7379 119 59 4

      钻石党教你PS打造拉丝不锈钢文字

      0.0°

      你确定要举报钻石党教你PS打造拉丝不锈钢文字

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年03月07日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      59
      119
      4

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录