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

图标设计,用PS制作橡皮泥质感萌萌哒图标

来源:站酷 作者:雨情斯基 学习:5586人次

本篇要教大家的是个很萌萌哒的教程,通过PS制作一款橡皮泥质感的图片,又Q又可爱,用到图层样式来制作质感,喜欢设计、动手制作的同学来学习一下吧。

效果图:
图标设计,用PS制作橡皮泥质感萌萌哒图标_www.16xx8.com
www.16xx8.com

首先,打开ps,新建一个画布,这里特别说明一下,因为画布的大小和分别率对于之后做的效果的力度是有影响的,所以如果你所建的和我的这个不一样,你要自己根据视觉效果,稍微调整一下。

图标设计,用PS制作橡皮泥质感萌萌哒图标_www.16xx8.com

我这次做的不是之前那些小怪兽的图标,为了写清楚过程,我又跑去做了一个音乐小框框,但是方法都是一样的。

图标设计,用PS制作橡皮泥质感萌萌哒图标_www.16xx8.com

这次教程的重点是用ps做效果,所以前边创建图形的过程我就不赘述了,我使用ai制作的形状,当然这个用ps也是可以的,习惯问题,反正就是矩形工具和钢笔工具,做完了以后可以直接ctrl+c,ctrl+v到ps里边,选择形状图层就可以。

图标设计,用PS制作橡皮泥质感萌萌哒图标_www.16xx8.com

之后全部复制完如下图所见,但是我要说明一下,因为我一边做一边改。。。。改图形,所以你看到下边不一样的时候不要打我,而且你一定要看完整篇文再开始制作,否则你看一步做一步,我改你也改,你做到后边生气了,想打死我,我告诉你你可是要负责任的。

图标设计,用PS制作橡皮泥质感萌萌哒图标_www.16xx8.com

颜色是图形直接填充的,接下来就是做质感了,这才是这篇文的重点。

图标设计,用PS制作橡皮泥质感萌萌哒图标_www.16xx8.com

图标设计,用PS制作橡皮泥质感萌萌哒图标_www.16xx8.com

双击该图层,会弹出图层样式,勾选斜面和浮雕接下来设置参数,然后勾选投影,同样设置参数,设置好了以后点击新建样式,这样这个参数就会保存下来,可以直接给其他的图层使用。

图标设计,用PS制作橡皮泥质感萌萌哒图标_www.16xx8.com

如上图所示,样式列表里的最后一个就是我刚刚设的,如果你样式窗口没找到,就去ps顶端窗口位置打开。

接下来,点击一下图层呈选中状态下,单击一下那个样式,就可以应用给该图层。这里需要注意的是,这个图层必须是形状图层,不能栅格化。形状图层是这样婶的。

图标设计,用PS制作橡皮泥质感萌萌哒图标_www.16xx8.com

把所有形状图层都弄一遍之后,基本上所有的部位都鼓了起来,但是因为刚刚设定的样式,亮面和暗面都是绿色的,现在需要逐个调整一下(不好意思,我那天做到这一步的时候突然有一分钟变成了傻子,忘了截图,你们自己弄完了就知道所有形状亮面和暗面都是绿色有多诡异)

然后呢,你挨个点进去改变一下斜面浮雕的颜色。例如下图:

图标设计,用PS制作橡皮泥质感萌萌哒图标_www.16xx8.com

做完这步骤以后,我们得到了这样一张图,这时候离最终效果已经非常接近了。

图标设计,用PS制作橡皮泥质感萌萌哒图标_www.16xx8.com

共4页: 上一页1 2 3 4 下一页 在本页浏览全教程
  • 相关教程
  • TA的教程
  • 收藏
  • 返回
  • 图标设计
  • 图标制作
  • 质感图标
  • ps网页设计
  • 主题图标

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业: 提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问: 新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程: 新浪微博 抖音视频 微信小程序
  • d) return false;this.setAttribute('overtime', d + 5000)">上传作业
  • 教程提问
  • 素材在哪
d) return false;this.setAttribute('overtime', d + 5000)" style="text-decoration: none;">
- 发评论 | 交作业 -
最新评论
脑子总进淼2018-07-20 01:29
赞喔
  回复
没什么难的2018-06-09 10:14
这个老师真是屁。娌′粈涔堥毦鐨
  回复
没什么难的2018-06-09 10:13
这个老师真是屁。
  回复
白裙妖娆2018-02-18 07:14
赶紧来学习的来了~_~!
  回复
亲爱的路人2017-10-23 01:52
给力有视频就好了
  回复
时间只会往前走2017-10-22 03:34
新人看看~~~~~~~~~~~~~
  回复
mrclown2017-10-22 11:31
赶紧来学习的来了
  回复
益生菌子权限狗2017-10-22 11:16
学习学习
  回复
想起恋你2017-10-22 04:21
签到
  回复
懒人ORo2017-10-22 04:21
真棒
  回复
查看全部评论 >

相关教程

  • 图标设计,用PS的图层样式制作逼真的玉石图标
  • 图标设计,用PS制作一款简单的按钮图标
  • 图标设计,通过PS设计制作一款逼真的玉石图案
  • 图标制作,通过PS制作弥撒图标
  • 图标设计,通过PS制作设计质感水晶图标
  • 图标制作,用PS绘制卡哇伊的卡通兔子图标
  • 描边图标,用PS绘制简单的书本图标
  • 图标制作,用PS设计制作一款心形APP软件图标
  • 图标制作,用PS制作简单的彩色线性图标
  • 图标设计,用PS制作一款小清新的拟物时钟

推荐教程

  • ps快速设计短信图标教程
  • ps网页开关按钮
  • 唱片机图标,设计一枚唱片主题图标实例
  • 用ps制作网站导航按钮
  • 图标制作,用PS设计一个透明的雪景图标
  • photoshop制作网页用水晶按钮
  • 塑料按钮的制作方法
  • 用ps制作高光橘色RSS按钮
  • Photoshop打造矢量风格的箭头点击按钮
  • 图标设计,通过PS制作设计质感水晶图标

关注大神微博 加入>>

  • Photoshop制作漂亮的黑色质感按钮
    Photoshop制作漂亮的黑色质感按钮
  • Photoshop绘制晶莹剔透绿色环保按钮
    Photoshop绘制晶莹剔透绿色环保按钮
  •  使用photoshop制作发光的电源按钮
    使用photoshop制作发光的电源按钮
  •  Photoshop制作非常精致的蓝色水晶按钮
    Photoshop制作非常精致的蓝色水晶按钮
  • 绿色高光透明质感按钮
    绿色高光透明质感按钮
  • 按钮教程,设计调速开关按钮教程
    按钮教程,设计调速开关按钮教程
  • 图标设计,用PS绘制一个音乐图标
    图标设计,用PS绘制一个音乐图标
  • 描边图标,用PS绘制可爱的卡通的笑脸描边图标
    描边图标,用PS绘制可爱的卡通的笑脸描边图标
网友求助,请回答!

    两个鬼故事我大明武德充沛但选择文化胜利起名带伟字的名字凤毛麟角的意思酸菜鱼猫和老鼠传奇五行属金公司起名用字五行起名大全免费取名挖机公司起名寓意好名花倾国两相欢大军师司马懿免费观看起名字改人名大全开饭店起名字女宝宝起名字王任务栏怎么还原到下面动物科技公司起名经典官场小说高姓起名男生属相牛孩子起名凤凰卫视资讯台直播www.xigua110.com双胎男性宝宝起名大全游戏起名字特殊符号饭馆店起名大全PPYS游戏饭店起名蹀躞女宝宝起名缺水木杭州婴儿起名加油金先生百度起名打分少年生前被连续抽血16次?多部门介入两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”淀粉肠小王子日销售额涨超10倍高中生被打伤下体休学 邯郸通报单亲妈妈陷入热恋 14岁儿子报警何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言张家界的山上“长”满了韩国人?男孩8年未见母亲被告知被遗忘中国拥有亿元资产的家庭达13.3万户19岁小伙救下5人后溺亡 多方发声315晚会后胖东来又人满为患了张立群任西安交通大学校长“重生之我在北大当嫡校长”男子被猫抓伤后确诊“猫抓病”测试车高速逃费 小米:已补缴周杰伦一审败诉网易网友洛杉矶偶遇贾玲今日春分倪萍分享减重40斤方法七年后宇文玥被薅头发捞上岸许家印被限制高消费萧美琴窜访捷克 外交部回应联合利华开始重组专访95后高颜值猪保姆胖东来员工每周单休无小长假男子被流浪猫绊倒 投喂者赔24万小米汽车超级工厂正式揭幕黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发当地回应沈阳致3死车祸车主疑毒驾恒大被罚41.75亿到底怎么缴妈妈回应孩子在校撞护栏坠楼外国人感慨凌晨的中国很安全杨倩无缘巴黎奥运校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变王树国卸任西安交大校长 师生送别手机成瘾是影响睡眠质量重要因素国产伟哥去年销售近13亿阿根廷将发行1万与2万面值的纸币兔狲“狲大娘”因病死亡遭遇山火的松茸之乡“开封王婆”爆火:促成四五十对奥巴马现身唐宁街 黑色着装引猜测考生莫言也上北大硕士复试名单了德国打算提及普京时仅用姓名天水麻辣烫把捣辣椒大爷累坏了

    两个鬼故事 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化