回首页 ◎ 设为首页  
◎ 收藏本站  
◎ 联系我们  
  首 页  网络资讯  教程资料  免费资源  建站指南  休闲娱乐  经典整站  访客留言  
  当前位置:首 页 >> 教程资料 >> 设计之窗 >> Photoshop形状工具巧绘卡通风格网页导航条
最 新 推 荐
LOGO制做方法全收集推荐
logo制作全过程演示推荐
热 门 排 行
LOGO制做方法全收集推荐
logo制作全过程演示推荐
Photoshop绘可爱的卡..
Photoshop形状工具巧..
Fireworks造型:制作..
Flash导航菜单轻松制..
Fireworks绘精致矢量..
在Flash MX2004中用im..
CorelDraw基本图形绘..
PS模拟玻璃相框上的水..
在线设计制作Flash动..
Photoshop打造色彩艳..
Photoshop处理美女图..
Photoshop自定义画笔..
Photoshop抽出滤镜为M..
Photoshop巧绘工笔国..
最 近 更 新
用Photoshop帮漂亮MM..
Photoshop轻松美化摄..
Photoshop调色:让美..
Photoshop制作流行的..
Photoshop打造超炫的..
Photoshop半透明婚纱..
2008年奥运专用色彩阐..
Photoshop打造色彩绚..
2008年奥运专用色彩阐..
用Photoshop打造国画..
广 告 位 置
站 内 搜 索
关键词

搜索方式

搜索范围

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

来源:盛绿设计 等级:默认等级
发布于2006-12-20 08:52 被读69次 【字体:

  充分利用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形状工具绘制卡通风格网站导航

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


相关专题:暂无相关专题

上一篇:Photoshop打造色彩艳丽的网页通栏头图
下一篇:巧妙修改网页GIF图形按钮上的文字

共有评论 0 条 网友评分 0分 查看全部

【发表评论】 评分:1分 2分 3分 4分 5分


Powered By Www.Xydw.COM Ver1.14 管理
Copyright © 2004-2005 盛绿设计 All Right Reserved. XCMS
冀ICP备06026128号