Photoshop 网页设计  实例——茶叶网站静态Banner制作
茶是中国人日常生活中不可缺少的一部分，而茶艺是包括茶叶品评技法和艺术操作手段的鉴赏以及品茗美好环境的领略等整个品茶过程的美好意境，是饮茶活动过程中形成的文化现象。
茶艺背景是衬托主题思想的重要手段，它渲染茶性清纯、幽雅、质朴的气质，增强艺术感染力。不同的风格的茶艺有不同的背景要求，只有选对了背景才能更好地领会茶的滋味。本案例是则一个茶艺网站，整体调以淡淡的绿调为主，体现出清新感，如图1-111所示。在Banner的制作上，茶叶图片以圆形而出现，加上绿的外壳边框，呈现出一种优美、雅致感。
图1-111  中国茶艺网

操作步骤：
（1）新建一个【宽度】和【高度】分别为800和430像素，白背景文档。新建“图层1”，填充白。双击该图层，打开【图层样式】对话框。启用【渐变叠加】选项，添加渐变叠加效果，设置参数，如图1-112所示。
图1-112  添加渐变效果
    （2）使用【钢笔工具】，建立路径。并使用【直接选择工具】，移动锚点；使用【转换点工具】，调整锚点，如图1-113所示。
图1-113  建立路径
（3）按Ctrl+Enter快捷键，将路径转换为选区。新建“图层2”，填充白。取消选区，双击该图层，启用【渐变叠加】图层样式。添加渐变效果，设置参数，如图1-114所示。
图1-114  添加渐变效果
    （4）启用【投影】选项，对图像添加投影。设置【不透明度】为21%；取消【全局光】，
设置参数，如图1-115所示。
图1-115  添加投影效果
（5）新建“图层3”，使用【椭圆工具】。双击该图层，打开【图层样式】对话框。启用【描边】选项，添加1像素绿描边，设置参数，如图1-116所示。并设置该图层【填充】为0%。
图1-116  绘制圆环
    （6）按照上例方法，绘制多大小不一、颜不同的圆环图像。使用【椭圆工具】，绘制多个圆点。隐藏“图层1”，如图1-117所示。
图1-117  绘制多个圆环
提示
该操作中，可以通过复制圆环，对副本图形进行放大或缩小变换。并可以通过【描边】图层样式，更改其描边颜。
    （7）打开“茶叶地”素材图片，放置文档中。使用【椭圆选框工具】，设置【宽度】和【高度】分别245像素，在图像上建立正圆选区，如图1-118所示。
图1-118  建立选区
    （8）选中图片素材当前图层，单击【图层】面板下的【添加图层蒙版】按钮。
选区以外的图像将被隐藏，如图1-119所示。
图1-119  添加蒙版
地方旅游网页首页界面psd设计模板（9）执行【选择】|【变换选区】命令，打开变换框。设置【对平缩放】为105%，等比例扩大选区。按Enter键，结束变换。新建图层“外壳”，填充黄绿（#B5DE9），如图1-120所示。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。