Photoshop设计布纹效果的徽章图标

ps基础教程
内容摘要:
速读文章内容
本文收集了一些ps教程,ps图片处理与ps照片处理实例教程,ps教程大全,手把手教你学ps处理图片,photoshop图片处理教程,怎样用ps做照片的教程,是ps教程的学习资料库。

本教程主要使用Photoshop设计布纹效果的徽章图标教程,偶觉得这些徽章图标纹理运用比较巧妙且精致,很有生活气息,遂模仿了一下。以下是我个人仿制的过程步骤,喜欢的朋友可以一起来学习

先看看效果图

Photoshop设计布纹效果的徽章图标,PS教程,思缘教程网

1、打开Photoshop,新建一个空白文档。使用叠加等图层混合模式简单几步做出背景:

Photoshop设计布纹效果的徽章图标,PS教程,思缘教程网

2、开始绘制图标:

Photoshop设计布纹效果的徽章图标,PS教程,思缘教程网

深绿色的外环图层样式参数如下:

Photoshop设计布纹效果的徽章图标,PS教程,思缘教程网

3、织布的纹理需要使用Illustrator来做。主要使用到了AI里面的波纹效果(菜单 -> 效果 -> 扭曲和变换 -> 波纹效果)和虚线。

Photoshop设计布纹效果的徽章图标,PS教程,思缘教程网

Photoshop设计布纹效果的徽章图标,PS教程,思缘教程网

制作纹理过程中会用到的一些图形:

Photoshop设计布纹效果的徽章图标,PS教程,思缘教程网

4、接下来就是将AI里面制作好的纹理应用到Photoshop里面去。在AI中直接选中一个对象并复制,可直接粘贴到PS中。在这个教程中一般选择“智能对象”,可以保留完整的外观。

Photoshop设计布纹效果的徽章图标,PS教程,思缘教程网

镶边的缝线,浅色的半径比深色的缝线半径要大,但是宽度更窄。置于最后的缝线有深色和浅色。深色置于最后,浅色在其上,并略微旋转2-3度,错开一定角度,就有了缝线的立体感:

Photoshop设计布纹效果的徽章图标,PS教程,思缘教程网

5、然后就是绘制中间的图案部分。此部分方法与之前大致相同,在此不赘述了。最后给徽章加上阴影,如果环境有光源,那么给徽章加上一些明暗。至此一个精致的带有织布和缝线纹理的徽章图标就绘制完毕了:

Photoshop设计布纹效果的徽章图标,PS教程,思缘教程网



首页

相关内容

最新发布

专题合集

艺考培训-设计-Photoshop教程-ps基础教程-Photoshop设计布纹效果的徽章图标