ZH CEXO's BLOG

header_bg
发表于 | 22 comments

简单几步用Photoshop画Real图标

以前我从来不用Photoshop(通称PS吧)的,因为感觉太麻烦,有的时候一个冲动去图书馆里借来几本关于PS的书,一看,发现都是处理照片和图像什么的,太复杂,多数时候你按照书上的步骤顺着来都得不到最后的效果,这就叫囧……后来发现,想P图,用光影魔术手还来得简单些,PS就这样一直被我冷落着呆在硬盘上……直到近来,我才按照网上某些教程试着用PS来作图,虽然自己完全是个新手,但慢慢学着画呗。今天我就教大家画一个Real的图标,最简单的~

首先先新建一个图像,由于是图标嘛,所以就设定个正方形的画布。Vista已经支持256×256尺寸的图标了,对于位图来说,缩小容易放大不好,那么我们的画布就设成512×512好了。

简单几步用Photoshop画Real图标

在工具栏里选择圆角矩形工具,然后在菜单下面的属性栏里把半径设置为50px,选择形状图层,把颜色设置为黑色(#000000),在透明的画布上画一个黑色的圆角矩形吧。图层面板里多出一个图层,命名为black_bg吧。

简单几步用Photoshop画Real图标

简单几步用Photoshop画Real图标

接下来呢,新建一个图层命名为blue_frame,同样选择圆角矩形工具,把设置改为路径,但把半径改为40px,在黑色的矩形上画矩形的框架,大小自己来把握。画好之后选中路径,点击鼠标右键,选择“创建矢量蒙板”,然后再次右键,选择填充路径,颜色为蓝色(#4692E1)。

简单几步用Photoshop画Real图标

简单几步用Photoshop画Real图标

同样的,新建一图层,命名为bubble,再选择椭圆工具,单纯路径方式,画一个椭圆框架,然后创建矢量蒙板,填充,黑色(#000000)。注意画好之后用移动工具把气泡向右移一点,使右端被切掉一些。

简单几步用Photoshop画Real图标

新建一图层,命名为comma,选择钢笔工具,设置为单纯路径,然后画一个三角形的一撇,右键,创建矢量蒙板,填充为黑色。 再选择文本工具,在黑色气泡里面合适的地方输入real四个字母,字体为Arial,大小为140点,加粗、倾斜,选择平滑的消除锯齿方式,颜色为白色(#FFFFFF)。 简单几步用Photoshop画Real图标

到这里,这个图标就差不多完成了,我们让它有点立体感,加上高光吧,方法如下:新建一个图层,选择椭圆工具,单纯路径方式,画一个大大的椭圆框架,然后移动框架,使之左上边离开主画布。然后建立矢量蒙板。在图层面板上,按住Ctrl键不放,并且鼠标去点击矢量蒙板,是不是就出现了一个选取框?然后用渐变工具,无色到透明,左上至右下拉出一个渐变,再将图层整个的不透明度调整为75%,看看,是不是成形了!

简单几步用Photoshop画Real图标

简单几步用Photoshop画Real图标

简单几步用Photoshop画Real图标

简单几步用Photoshop画Real图标

图标大了也许不太好看,但是把它导出为PNG格式的文件,再转换为ico图标,作为文件关联图标,看上去还是不错的,就像这样~ 简单几步用Photoshop画Real图标

我在Vista里面用的都是大图标,很大,256×256的,呵呵,下次再教大家画一个千千静听的图标吧。大家有什么意见或者建议可以留言提出,我就复习考试去了……

下载本文PSD源文件

分类:画图教程 | 标签: , ,

    已经有22次占座了,你也来凑个热闹吧

  1. leehow2009年06月08日@14:00[回复]

    经常用就会熟练,好好复习…

  2. 哇资讯博2009年06月09日@01:10[回复]

    还是觉得用PS好,想怎么做就怎么怎么做,我现在做图片,都是用PS.:mrgreen:

  3. 卢松松2009年06月09日@10:09[回复]

    嗯 这个技巧还不错 学习了!

  4. Ariel2009年06月09日@18:50[回复]

    我来灌水,不错!

  5. 会律博客2009年06月09日@19:41[回复]

    教程?

  6. ZH CEXO2009年06月09日@23:34[回复]

    @leehow:今天下午考的,应该是个不错的分数 :lol:
    @哇资讯博:我水平还不行,得多练练
    @卢松松:大家一起学习吧
    @Ariel:再做个什么吧 :roll:
    @会律博客:也算是教程吧…… :|

  7. Jinwen2009年06月10日@05:14[回复]

    还有PS教程啊,以后多出。

  8. neekey2009年06月10日@13:07[回复]

    太牛逼了,赞一个!

  9. 睡到自然醒blog2009年06月11日@00:45[回复]

    恩,加油加油,再学学就能做个漂亮的logo 了,到时,嘿嘿 :P

  10. Showfom2009年06月12日@18:29[回复]

    真经典,佩服博主啊! :-D :mrgreen: :lol:

  11. ZH CEXO2009年06月12日@18:42[回复]

    @Jinwen:我就一边学习一边来写吧 :-D
    @neekey:其实不牛逼……这个比较简单的,我刚开始学的,你也可以学啊
    @睡到自然醒blog:到时?真阴险…… :-P
    @Showfom:谢谢!

  12. Showfom2009年06月12日@19:28[回复]

    @ZH CEXO:我要能画的话,一定画个AV出来…… :wink:

  13. 华晨2009年06月13日@12:27[回复]

    好好复习哦,教程真好,下次来学

  14. Panther2009年06月13日@16:35[回复]

    :wink: 好东西

  15. Panther2009年06月15日@16:52[回复]

    简单几步的背后是多长时间的刻苦练习啊

  16. 漫步云海2009年06月17日@19:34[回复]

    :-|
    呵呵你的那个水印什么时候可以教教我么?

  17. ZH CEXO2009年06月17日@20:31[回复]

    @Showfom:你心术不正…… :evil:
    @Panther:也不用多长时间,多试几次就会成功,这个图标我花了一个小时……
    @漫步云海:那个水印很容易做啊,只是我觉得它很丑……以后再换一个 :lol:

  18. Showfom2009年06月18日@12:41[回复]

    @ZH CEXO:偶新书那么正的 :mrgreen: :lol:

  19. yaugle2009年06月22日@11:39[回复]

    不错,学习了!

  20. achin2009年06月25日@15:59[回复]

    模糊锐化图层通道—,记得起来的就这么多了 :twisted: :twisted: :twisted: :twisted: :twisted:

  21. doggie2009年07月05日@16:31[回复]

    不错,挺漂亮的

  22. andcat2009年07月24日@10:59[回复]

    :-| 很好很强大, 表达也很舒服。

发表一下看法,占个座什么的,希望垃圾评论者离开

,欢迎您的再次光临!  [修改资料]

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: