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

2016-02-16 06:44 25 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Photoshop设计布纹效果的徽章图标,赶紧看过来吧!

【 tulaoshi.com - PS 】

先看看效果图

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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度,错开一定角度,就有了缝线的立体感:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

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

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

来源:http://www.tulaoshi.com/n/20160216/1569320.html

延伸阅读
标签: 设计
先看看效果图 1、首先我们来分解这个图标,观察其各个组成部分,然后我们分层制作。 2、接下来我们从最底层做起,首先新建画布,置入模糊背景素材。使用钢笔工具在画布上勾勒出一个心形形状,然后对其添加图层样式。 3、底层做好后,接下来我们制作搞怪。搞怪的制作非常简单,首先按住Ctrl键后点击心形图层会出现整...
标签: PS PS基础
效果图: 第一步:画一个圆角为45px,宽高为256*256的圆角矩形,添加图层样式:斜面浮雕和渐变叠加。 第二步:复制刚才的圆角矩形,去掉样式,用直接选择工具将高度调整到226px,左右宽度也分别缩小3-4px。 第三步:再次复制改圆角矩形,用直接选择工具将左右下高度分别减少2px,添加图层样式:投影和内阴影。效果都不是很明显,可...
标签: PS PS基础
本教程主要使用Photoshop设计木质立体效果的软件图标,这篇教程教UI设计师使用PS鼠绘质感立体图标,教程绘制出来的图标质感挺强,也很精细,很漂亮。推荐过来和朋友们一起分享学习了。 先来看看最终的效果图吧: 具体的绘制步骤如下: 1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形,这一边我用了...

经验教程

942

收藏

8
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部