• 素材下载素材

  • 免费发布需求今天已经有位客户获得服务

* 设计类型
    * 您的预算
    • 300元以内
    • 300-1000元
    • 1001-10000元
    • 10001-50000元
    • 5万元以上
    * 手机号码
    沟通方式
    请选择
    • 手机
    • QQ
    • 微信
    指定设计
    • yu790416
    • 品牌之道0013
    • yu790416
    • 品牌之道0013
    您输入的设计师不存在
    发布成功
    打印

    [技巧] 制作UI图标

    制作UI图标

    晕,幸亏发贴里有个恢复数据,要不几百字,白打了。还有图片还得重新插入,红动的服务器好慢啊。真希望能像火星的那么快,呵呵。好了,重新发贴:

    自己机器下了不少图标,不过今天教大家做一个:
    先看效果


    1.新建一个300*300的文档
    2.选择自定义形状工具里的箭头形状

    绘制如图的路径

    因为角太锋利,圆滑下,呵呵
    先Ctrl+enter建立选区
    然后ctrl+alt+D羽化选区半径为5px,根据需要可以适当加大你的半径值:

    我们发现基本圆滑了(但是这里通过羽化得到的边缘会是半透明选区的,后面我们会说一个更简单的方法,先看复杂的).
    转alpha通道,呵呵,新建一个alhpa通道。

    边缘很模糊,我们ctrl+M调出曲线来,别忘了取消选区ctrl+D啊,呵呵你也可以用色阶。


    曲线实际上标明了灰阶变化的幅度(速度大家应该知道吧,匀速的位移曲线大家还记得不,一个斜率恒定的曲线,呵呵),默认的线性曲线,一看应该知道,斜率恒定吧,y=kx,呼呼,怎么跟物理样。
    实际线性变化叫柔和,由白到黑均匀过渡,没有叫明显的黑白分界,曲线上呈现为缓坡。
    但是这里我们想要边界分明,自然坡度很陡了,这里曲线都快直上直下了。
    斜率线的2个端点,在水平方向的偏移,其实和色阶里的一样,比如0-255的灰阶,假如颜色值大于127的我就认为它纯白,那么,你把端点推到127,好明白吧,好了,曲线的闲话到这里。继续。
    3.好了alpha通道就是为了存储选区,我们ctrl+单击alhpa通道图标提取选区,选择好了,选中Rgb通道,然后我们转图层面板吧,新建一个图层。然后拉个渐变。

    渐变的2个颜色很相近,产生一个类似纯色填充的渐变。




    曲线选区,然后钢笔够个如图类似的路径。

    ctrl+回车得到选区

    然后ctrl+alt+shift+单击图层1缩略图,得到当前选区和图层1形状的交集选区:

    选区菜单-修改-收缩 2个像素大小:

    新建一个图层2,填充白色,并降低图层透明度

    忘了告诉大家设置图层1的图层样式:
    先来2个px的深绿色描边


    稍来点内阴影

    再来点内发光

    完了


    更多
    本帖最近评分记录

    我说的较简单的方法是,那个建立圆滑选区的,可以不用这么复杂了,
    选择菜单里的,修改--平滑,半径和羽化的类似,看似得到的选区形状相似,不过如果填色会发现,羽化的边缘会是半透明的。


    恩,路径不够圆滑,楼主你注意到了吗?


    这个非常有用.可以学一下!~


    成熟的人不问过去,聪明的人不问现在,豁达的人不问未来

    \"\"
    交作業了


    谢谢分享,期待楼主更多精彩的教程出现在红动中国。


    交作业!!


    交作业啦


    作业~~呵呵

    未标题-1 拷贝.jpg (15.08 KB) (2008-9-2 16:17)

    未标题-1 拷贝.jpg


    谢谢楼主,辛苦了,交作业了!