RSS
热门关键字:  下载  cms  模版  开源  dedecms
当前位置 :| 主页 > 站长学院 > 平面设计 > Photoshop >

Photoshop形状工具巧绘卡通风格网页导航条

来源:设计联盟 作者:lina 时间:2006-08-16 Tag: 点击:
  充分利用Photoshop的形状工具,我们可以轻松绘制不少卡通风格的东东,比如下面这个卡通风格的网站导航条。

  1.在Photoshop界面左边的竖条工具栏中选择圆角矩形工具,绘制一个圆角矩形。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  2.使用自定义形状工具,选择里面的花6形状。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  3.选中顶部的添加到形状区域选项。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  4.在矩形左侧创建花形图片,花形的直径等于矩形的宽度。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  5.同时在右侧也建一个相同的花形图片。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  6.选择路径选择工具选择这三个图形,选择上面的组合按钮使他们组合。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  7.选择你喜欢的颜色进行填充。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  8.双击该层,打开图层样式菜单。进行描边,设置如下:

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  9.复制层,使用直接选择工具,删除左边过多的节点。使用钢笔工具连接断掉的节点,并完善这个路径形状,最后填充相似的高亮色彩。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  10.使用椭圆工具画一个正圆形,放到如图位置。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  11.创建其它的圆形,放到相应的位置。

 

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  12.利用圆角矩形工具创建一个圆角矩形。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  13.用Ctrl+T快捷键进行变形。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  14.调解两节点的形状,使其变成梯形。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  15.双击该层进入图层样式。进行描边。如下图:

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  16.插入几只可爱的动物图片放到显得空旷的位置,使页面有生气。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  17.放入要做链接按钮的文字。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  18.然后将站点名字写入圆角矩形中,并利用图层样式做外发光效果。放入其它欢迎类的文字。

天极设计在线_Photoshop形状工具绘制卡通风格网站导航

  注:本文只做参考学习之用,培养开发大家的设计理念,请勿直接使用。


  


最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册