Photoshop 制作网站468*60 Banner教程
发布时间：2009-10-22 22:46:32 作者：佚名 
我要评论
我要评论本Photoshop实例教程为大家带来网站横条广告的制作教程，制作过程中主要应用渐变、蒙板、钢笔等工具，希望大家喜欢！
先看效果：
最终效果
1、打开Photoshop CS3软件，执行菜单：“文件”／“新建”（快捷键Ctrl+N），弹出新建对话框，设置名称：横幅广告制作，宽度：468像素，高度：60像素，分辨率：72像素／英寸，颜色模式：RGB颜色、8位，背景内容：白色，设置完毕后单击确定按钮，如图1所示。
图1
2、在图层控制面板击新建图层按钮，新建一个“背景”，选择工具箱渐变工具（快捷键G），在工具选项栏中设置为线性渐变，然后点按可编辑渐变，弹出渐变编辑器。双击如图2中的A处，设置色彩RGB分别为190、243、255。再双击图2中所示的B处，设置白色，单击确定按钮，如图2所示。效果图如图3所示。
图2
图3
3、单击工具箱中的横排文字工具 ，输入pconline，然后按Ctrl+T切换字符和段落面板，设置字体：方正综艺简体，大小：40点，颜色：蓝色，设置消除锯齿的方法：浑厚，如图4所示。
图4
4、选择pconline图层，右击pconline图层，选择混合选项，进入到图层样式，勾选渐变叠加选项，双击渐变弹出渐变编辑器，双击如图的A处，设置色彩RGB分别为11、66、179,再双击图中所示的B处，设置色彩RGB分别为35、100、231，再双击图中所示的C处，设置色彩RGB分别为70、192、255，再双击图中所示的D处，设置色彩RGB分别为138、237、255，再双击图中所示的E处，设置色彩RGB分别为103、220、253，单击确定按钮，接着按键盘Shift不放结合鼠标从上到下拉下，给渐变效果，如图5所示。效果图如图6所示。
图5
图6
5、在图层控制面板中选择pconline图层，按住Alt不放，用鼠标左键拖动出pconline副本图层，按快捷键Ctrl+T，将副本图层进行倒立，接着给pconline副本图层添加一个蒙板，点击渐变工具，给pconline副本图层添加渐变，如图7所示。
图7
6、在图层面板上单击创建新图层按钮 ，新建一个图层12，再用钢笔工具，画出一个不规则的形状，如图8所示。
图8
最终效果
1、打开Photoshop CS3软件，执行菜单：“文件”／“新建”（快捷键Ctrl+N），弹出新建对话框，设置名称：横幅广告制作，宽度：468像素，高度：60像素，分辨率：72像素／英寸，颜色模式：RGB颜色、8位，背景内容：白色，设置完毕后单击确定按钮，如图1所示。
图1
2、在图层控制面板击新建图层按钮，新建一个“背景”，选择工具箱渐变工具（快捷键G），在工具选项栏中设置为线性渐变，然后点按可编辑渐变，弹出渐变编辑器。双击如图2中的A处，设置色彩RGB分别为190、243、255。再双击图2中所示的B处，设置白色，单击确定按钮，如图2所示。效果图如图3所示。
图2
图3
3、单击工具箱中的横排文字工具 ，输入pconline，然后按Ctrl+T切换字符和段落面板，设置字体：方正综艺简体，大小：40点，颜色：蓝色，设置消除锯齿的方法：浑厚，如图4所示。
图4
4、选择pconline图层，右击pconline图层，选择混合选项，进入到图层样式，勾选渐变叠加选项，双击渐变弹出渐变编辑器，双击如图的A处，设置色彩RGB分别为11、66、179,再双击图中所示的B处，设置色彩RGB分别为35、100、231，再双击图中所示的C处，设置色彩RGB分别为70、192、255，再双击图中所示的D处，设置色彩RGB分别为138、237、255，再双击图中所示的E处，设置色彩RGB分别为103、220、253，单击确定按钮，接着按键盘Shift不放结合鼠标从上到下拉下，给渐变效果，如图5所示。效果图如图6所示。
图5
图6
5、在图层控制面板中选择pconline图层，按住Alt不放，用鼠标左键拖动出pconline副本图层，按快捷键Ctrl+T，将副本图层进行倒立，接着给pconline副本图层添加一个蒙板，点击渐变工具，给pconline副本图层添加渐变，如图7所示。
图7
6、在图层面板上单击创建新图层按钮 ，新建一个图层12，再用钢笔工具，画出一个不规则的形状，如图8所示。
图8
相关文章
ps如何把一张长图切成几张小图片? ps把长图切成短图的技巧
有时候，我们希望能把一张图片均匀地分成几张图片，就像拼图一般的效果，需要某一部分随时可以拿出来使用，该怎么操作呢？详细请看下文介绍2024-09-10- PS调整字体大小是一个非常基础的操作，但也是非常实用的技能，在Photoshop中，调整字体大小的方式有多种，详细请看下文介绍2024-02-02
- 但最近有用户在使用photoshop时发现窗口界面的字体比较小，使用起来非常的不方便，因此有不少用户想将其大小进行调节，具体该如何操作呢？详细请看下文介绍2024-02-02
ps中图层被父图层锁定怎么办? 图层被父图层锁定的解锁技巧ps
ps中图层被父图层锁定怎么办？ps中图层解锁失败，提示图层被父图层锁定该怎么办呢？下面我们就来看看详细的解决办法2023-12-19ps描边最大只有288怎么办? Photoshop描边只能调到288像素的解决办法
ps描边最大只有288怎么办？ps描边在使用的过程中，发现只能调到288像素，该怎么操作呢？下面我们就来看看Photoshop描边只能调到288像素的解决办法2023-11-30PS工具栏中的工具有缺失怎么办? Photoshop工具栏不全的多种解决办法
PS工具栏中的工具有缺失怎么办？ps工具栏中有很多工具，但是发现有些工具不见了，该怎么办呢？下面我们就来看看Photoshop工具栏不全的多种解决办法2023-11-30
Photoshop2024怎么下载安装? ps2024安装图文教程
Photoshop2024怎么下载安装？ps2024发布以后，很多朋友想要尝试信工鞥，该怎么下载安装呢？下面我们就来看看ps2024安装图文教程2023-11-30ps此图层的内容不能直接编辑怎么办? ps图层无法编辑的解决办法
ps此图层的内容不能直接编辑怎么办？PS处理图片无法完成请求，提示此图层的内容不能直接编辑，该怎么办呢？详细请看下文介绍2023-10-26- Photoshop使用的过程中经常会遇到这种那种的问题，今天我们就来看看10个常见的Photoshop错误以及如何在五分钟内修复，详细请看下文介绍2023-10-23
ps的色彩平衡调节怎么弄 ps色彩平衡给图片调特定颜色的技巧
ps的色彩平衡调节怎么弄？ps中想要使用色彩平衡给图片添加颜色，该怎么操作呢？下面我们就来看看ps色彩平衡给图片调特定颜色的技巧2023-10-20
最新评论