徽章图标制作教程

用户头像
厦门/设计爱好者/15年前/68723浏览
徽章图标制作教程
用户头像
hasaddl

方法非原创,原作系列在此:http://estudiogoro.tumblr.com/。偶觉得这些徽章图标纹理运用比较巧妙且精致,很有生活气息,遂模仿了一下。以下是我个人仿制的过程 

方法非原创,原作系列在此:http://estudiogoro.tumblr.com/。偶觉得这些徽章图标纹理运用比较巧妙且精致,很有生活气息,遂模仿了一下。以下是我个人仿制的过程步骤,原作PSD与教学在此下载


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

2、开始绘制图标:

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

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

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

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

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

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

271
举报
|
1539
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI界面 组件
【新年UI图标】活动icon
【新年UI图标】银行卡icon
Security Camera UI kit
【新年UI图标】相机icon
【新年UI图标】旅行icon
我的钱包-UI界面设计-app
手表表盘UI系列
高级表盘系列UI源文件
森系3D渐变流体抽象矢量UI背景图
【新年UI图标】体育icon
UI 登录界面设计模板包
3D渐变流体抽象矢量UI背景图
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】积分icon
新拟态风格 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】礼物/活动icon
户外旅行飞机情侣假日出行
新能源APP应用UIKit
UI应用平面图标
【新年UI图标】美食icon
UI通用设计素材1
盲盒APP UI设计
你可能喜欢
相关收藏夹
大家都在看
登录注册