当前位置:首页>ps实例教程>ps网页设计>网页图片>教程内容

利用PhotoShop制作风格化网站导航

来源:不详 作者:佚名 学习:305人次
利用PhotoShop制作风格化网站导航

按照网站的大小确定导航尺寸。

使用钢笔工具创建如下形状的图形。

图层 >> 图层样式 >> 外发光,混合模式“滤色”。按下 F5 打开笔刷设置窗口,选择宽边树叶笔刷,并按下图设置笔尖形状。设置笔刷“动态形状”。设置笔刷“散布”。

设置笔刷“动态颜色”。

将绿色设为前景色,深绿设为背景色,创建新的图层,运用笔刷得到如下效果。创建新图层,在导航右侧利用钢笔工具绘制“叶片1”。图层 >> 图层样式 >> 投影。图层 >> 图层样式 >> 图案叠加。

复制“叶片1”,调整大小、旋转角度和填充色。 利用椭圆工具在曲线上绘制一个圆。图层 >> 图层样式 >> 外发光。利用钢笔工具绘制“叶片2”。图层 >> 图层样式 >> 外发光。

类似的完成其他叶片。沿路经输入导航文字。(路径文字制作这里不再重复,可查看本站相关教程)

图层 >> 图层样式 >> 描边。输入网站名称,一个个性化导航栏就制作完成了。



学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
谢龙2009-05-05 05:54
很好的创意,我得好好学学..
2434114252009-04-09 12:07
好有创意啊

关注大神微博加入>>

网友求助,请回答!