当前位置:首页>ps实例教程>ps网页设计>网页图片>教程内容

图标设计,ps设计六边形图标实例

来源:blog.dearsalt 作者:DearSalt 学习:8068人次

图标设计,ps设计六边形图标实例

今天这枚图标教程难度不高,重点是图层样式的调整,效果分为底层、凹陷层、图形层和高光层,每一步都有@DearSalt 同学细致的过程讲述,非常适合练手 

一、图形分解

首先我们将整个图标分解开来,共有四部分组成,然后我们分层制作。

图标设计,ps设计六边形图标实例
二、制作底层

首先在画布上绘制一个圆角六边形,这个形状我是在AI中制作的,然后直接拖入到PS即可,图层样式已给出,仅供参考。注意:形状大小不同,对应的参数也会有所改动。

图标设计,ps设计六边形图标实例

图标设计,ps设计六边形图标实例

图标设计,ps设计六边形图标实例

图标设计,ps设计六边形图标实例

图标设计,ps设计六边形图标实例

图标设计,ps设计六边形图标实例

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
刘一芊2018-02-20 08:44
顶下顶下顶下顶下顶下顶下
吃货杉宝2017-05-28 05:02
感谢分享
mayday2017-05-28 03:16
顶顶顶顶
我喜欢转笔婷2017-05-27 07:34
来学习的 ,多多指教
武汉美格菲舞蹈2017-05-27 07:24
简单的一个事情被你说的这么复杂也是一种能力
悟空剃毛用奔腾2017-05-27 07:10
谢谢指导~
萌歌诗璐璐2017-05-27 03:47
有点简单
金顶一小金2017-05-27 03:09
挺不错的教程
天上谪仙2017-05-27 02:30
尝试着模仿,细节好难把握
豆腐小少爷2017-05-27 02:07
顶下顶下顶下顶下顶下顶下
公子褚苏2017-05-27 09:03
顶顶顶顶顶顶
王累大虾2017-05-27 07:33
细节处理的不是很好
骑自行车游敖汉2017-05-27 05:52
顶顶

关注大神微博加入>>

网友求助,请回答!