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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
Photoshop制作清新的布艺文字
0.0°
2018-04-10 好文转载 教程 原作者: 未知 举报 1240 16 7 0

Photoshop制作清新的布艺文字





效果字制作非常有创意,文字主体部分都是布纹,边缘都是缝纫线,看起来就像是缝制的;同时文字中间加入了一些其它颜色的布纹装饰,文字效果就显得很活泼。


最终效果


Image title


1、打开photoshop,创建一个800*600 px的文件。

Image title



2、我们从背景做起。用油漆桶工具将背景漆成颜色#95cde0。


Image title


3、选择背景层,单击“图层”>“图层样式”>“图案叠加”,并添加上述面料图案之一。更改混合模式为叠加,并设置不透明度为65%。也可以直接双击背景层得到图层样式面板。如果你的背景层加锁了,先双击解锁,这样就可以修改图层样式了。

添加图层样式之前需要先打开下图所示的素材,并定义成图案(编辑 > 定义图案)。


Image title

Image title




4、新建一个图层(图层→新建或者点击图层面板下的”新建图层“按钮),使用圆形硬边笔刷加随机的颜色在画布上画出几个大小不一的圆形,改变该图层的混合模式为”颜色加深。


Image title



5、现在,我们开始制作字体。首先我们将创建阴影文字,所以选择文字工具添加文本并填充颜色 #313131。

Image title



6、选择文字图层,然后单击“图层”>“图层样式”>“图案叠加”现在,请选择其他面料图案,调整不透明度到12%。

Image title


Image title




7、现在单击“图层”>“图层样式”>投影“,按照下图的设定,我们给文字添加一些阴影。


Image title


8、重复以上步骤创建剩余的阴影文字,然后点击“编辑”>“自由变换”(ctrl+t)移动和旋转文字节点。看看下面的清晰度。

Image title


Image title




9、现在,选择文字工具,并使用颜色#e36111添加正文。



Image title


10、选择主文字层,然后单击“图层”>“图层样式”>“图案叠加”,为文本添加其他面料图案。

Image title

Image title


Image title






11、选中画笔工具,选择一个圆形硬边笔刷,按下F5,调整其阴影和间距,使针缝出现。之后创建一个新图层(图层“>”新建“>”图层“)。选择钢笔工具,在主文字层上创建路径,然后右键单击它并选择“描边路径”。


Image title

Image title




12、选择新创建的这个图层,然后单击“图层”>“图层样式”,使用以下值为其添加“斜面和浮雕”、“投影”样式。

Image title

Image title





13、现在我们要创建补丁啦!新建图层,用钢笔工具绘制一个形状,右击选择“建立选区”选项,现在,改变前景色为#ff8439,使用油漆桶工具(或者alt+delete组合键)填充该选区。重复同样的过程,创建其余部分的补丁。


Image title



14、选择上面的补丁图层,然后单击“图层”>“图层样式”>“图案叠加”为补丁添加如下样式。然后更改模式混合模式设置为“叠加”,不透明度为47%。

Image title


Image title




15、现在,我们需要把这些补丁缝到文字上。再次在笔刷工具的面板下(F5)调整参数获得新的针线效果。对于这些针,我们改变前景色为#05a5f8。

Image title



16、选中上述的针线层,为其添加“斜面和浮雕”的图层样式,并且添加和补丁图层一样的投影样式。

Image title


Image title




17、新建图层,让我们的蕾丝笔刷闪亮登场吧!前景色改为#64a5c1,选择随意的蕾丝笔刷刷在我们的文字图层上,可能不够清晰,仔细观察哦。

Image title



18、为了创造一点深度,我们需要为我们的蕾丝层添加“投影”的图层样式。

Image title



19、现在,创建波浪的时刻到了!新建一个图层,选择钢笔工具,创建一条路径。然后,更改前景色#089ee7,右击路径,然后点击“描边路径”。

Image title



20、选择该图层添加投影的图层样式。

Image title



21、现在添加更多的针线。更改前景色为#ff8439,选择画笔工具,使用如上相同的方法更改画笔设置调整针。双击之并添加和第十二步一样的“投影”图层样式。

简单地重复上述操作,多创建几个波浪,各自编组(ctrl+g)。最后,把所有的波浪编成一个大组,统一添加“投影”的图层样式。

Image title




你也可以移动一两个波浪图层放在文字图层的上面,稍加移动就可以起到画龙点睛的完美效果。这样,我们的“纺织面料文字”就大功告成了。

Image title


对于UI设计是否还是处于一知半解,没有头绪,处于迷茫的境界呢?
这都不是问题,希望想学习的你,不管是什么基础,或者是想转行都可以加群,期待你的加群一些学习【667576606】关注【ui179179】公众号获取学习资料
感谢您的关注 期待与您一起进步!加油

更新:2018-04-10

收藏

16人已收藏

风中的雪

学习UI设计,欢迎关注添加Q群【667576606】

  • 19

    作品

  • 20

    粉丝

  • 1

    关注

  • 高手的后期课堂!聊聊人像磨皮的基础原理
  • 【PS教程】把马路上的美女转为火焰人像
  • 令设计师崩溃的七个瞬间
  • UI设计师常用500多个MAC和WINDOWS字体整理

    猜你喜欢

      2018-04-10 好文转载 教程 原作者: 未知 举报 1240 16 7 0

      Photoshop制作清新的布艺文字

      0.0°

      你确定要举报Photoshop制作清新的布艺文字

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年04月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      16
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录