如何用ps做icon图标(ps制作ico图标教程)

本人经常设计到APP,制作ICO图标当然就变成必须要掌握的一个技能了。那要如何快速用PS制作出一个,可以自由任意放大缩小各种图标尺寸而图标不会模糊依旧清晰呢

这是教方法随意画的一个图标,用来演示

下面我就把我用到的方法教给大家:

方法很简单,PS大神现在可以漂过了……

第一步:PS里新建个600*600像素的画布。为什么是600呢,其实大小可以随意的,因为本身就是矢量的可以任意放大缩小,我这也是习惯,现在图标最大支持到512像素了,所以画布才建成600,纯个人习惯。(建画布大家都会就不上图了)


       第二步:选择,矩形工具,快捷键:U 然后再选择“圆角矩形工具”在画布上鼠标点一下,弹出设置框,设置大小如图,512*512 半径90 。确定后,图形生成同时图层面板自动生产一个图层。


       
       
       第三步:同理方法,选择椭圆工具,在画布上鼠标点一下,设置正圆420*420像素。确定,图层面板,依旧会再生产一个新图层。


       
       
       第四步:制作图标投影。同理方法,再选择“圆角矩形工具”,在画布上点击,设置为700*420 半径为420像素(设置420是因为第三步的圆是420的正圆)。确定,生成新的图层,把矩形Ctrl T变换,-45度角,如图,便把图层移至圆角矩形1图层的上一层,摆好适当位置。


       第五步:创建剪贴蒙版,快捷键:Alt Ctrl G,如图所示


       
       
       第六步:选中图层,椭圆1,再用矩形工具下的“自定形状工具”在画面上右键,选择程序自带的兔子。在画布上,按Shift键拖拽出一个大小合适的兔子,图层面板,依旧会自动生成个新图层。


       
       
       第七步:做反光。选中椭圆1,按Ctrl J 复制,得到一个,椭圆1副本的新图层,再用,直接选择工具,快捷键:A 框选椭圆1副本。选中后,按Alt 拖动鼠标,就会在当前图层复制一个新的复本路径。


       
       
       第八步:做布尔运算。如图,在直接选择工具的属性栏,选择,减去顶层形状。就会得到一个反光区了。

到这里就算是完成了,此方法画的图标,可以随意放大了,放多大都可以,只有你想不到大,没有做不到大! 想在细化的也可以,这要看当时你做的APP的图标需求了,像我弄的这个演示效果,加了些渐变,让效果更好些。后面就由大家去创新了……

不会的地方可以给我留言,教到你会为止。当然这本身也是很简单的,相信你一定会学会的。

-------------------------------------------------------

更多PS干货学习交流,案例解析请关注微信公众号:醉月源素(zuiyueyuansu),在设计路上让我们一同醉月相伴,一同成长。

(0)

相关推荐

  • 多帧ico图标怎么制作? Greenfish Icon Editor Pro制作ico图标的教程

    使用360软件管家,下载一个叫Greenfish Icon Editor Pro的软件.利用Photoshop存出相应大小的PNG文件:再打开到Grenfish里面,通过二次编辑存储为多帧的Ico文件 ...

  • 怎么利用ps制作ico图标

    利用ps制作ico图标的关键在于实现输出格式的支持,目前已有成熟的增强工具可实现ps输出为ico格式.下面就让我们一起来看一下利用ps制作输出ico格式文件的方法,希望对大家有所帮助. 操作方法 01 ...

  • 怎样用PS制作ico图标文件?

    Adobe PhotoShop 最新版本的已经可以保存ico格式了,但有时会碰到不能保存ico格式等问题,小编我就把我的经历写了出来,让朋友们了解一下 前提 01 如果是老版本的PhotoShop,或 ...

  • 怎么利用PS软件将图片制作为电脑.ico图标

    我们电脑中的软件图标是允许更改的,不过还不支持图片直接替换软件图标,需要将图片制作成.ico图标,才可以进行替换,今天就跟大家介绍一下怎么利用PS软件将图片制作为电脑.ico图标的具体操作步骤.1. ...

  • 怎样用PS做按钮键 PS做按钮键

    我们怎样用PS做按钮或按钮图片呢?一起学习 操作方法 01 新建图层,进行图形绘制 02 选择圆圈工具画一个正圆 03 给画好的圆圈进行渐变颜色的填充 04 CTRL+J 复制一层,把上面的的渐变图缩 ...

  • 如何制作ICO图标

    这里介绍如何制作属于自己的个性图标,此篇指南可以为您解决这个问题 操作方法 01 打开PS CS6点击"文件--新建" 02 自定义好名称: 在"预设"中,选择 ...

  • windows系统自带的画图工具怎么制作ICO图标?

    有时候我们用ICO图标,但是很多时候不怎么做.那接下就看我教你用画图做ICO图标. 1.打开画图,做一个自己喜欢的图片. 2.保存到桌面.我们这里命名为cc.gif. 3修改这个图片的名字.我们改成c ...

  • 失恋六连拍怎么做 美图秀秀制作失恋六连拍图文教程

    最近网上疯狂流行的失恋六连拍统统所表达的含义就是送给前任的段子,前者照片与最后一张照片形成鲜明的对比,因为个性创意的缘故,网友们纷纷模仿起来,形成了疯狂六连拍模式,小编也是醉了。 失恋六连拍里不仅有萌 ...

  • 自己简单制作电脑ico图标

    极简方法制作电脑ico透明图标 步骤/方法 01 首先介绍美图秀秀制作ico图标的方法 02 打开一张图片 使用抠图笔把图抠出来 03 背景使用默认的透明背景 背景使用默认的透明背景 04 将图片裁剪 ...

  • favicon.ico图标提取工具如何使用

    ps:Favicon是favorites icon的缩写,亦被称为website icon(网页图标).page icon(页面图标)或urlicon(URL图标)。 favicon.ico图标提取工 ...