photoshop制作广告横幅banner条的实例详细教程_自学
来源：自学PHP网
时间：2014-12-04 23:23 作者：
阅读:次
[导读] 我们平时上网的时候，经常会在很多网站上看到一些动态的广告条穿插在页面中，这些广告条便是banner，它们活跃着页面的气氛，同时又起到了极好的宣传作用。下面具体介绍一个在...
我们平时上网的时候，经常会在很多网站上看到一些动态的广告条穿插在页面中，这些广告条便是banner，它们活跃着页面的气氛，同时又起到了极好的宣传作用。下面具体介绍一个在 photoshop CS4下面的一个banner条制作方法。顺便说下，需要下载photoshop 的朋友可以在这里下，本人的photoshop就是在这里下载的，总的来说还是挺好用的。
好了，现在具体来说说详细的制作方法，用到的素材有两张图片，banner1和banner2，如图：
banner1:
banner2:
最终要完成的效果gif格式的banner图片如下：好了，具体方法如下：
1.打开文件，banner1以及banner2;
2.单击工具箱中的移动工具 ， 将banner2移动到banner1中，覆盖住banner1，这时在“图层”面板中生成了“图层1”，加上原来的banner1（也就是背景图层），现在共有2个图层；
3.输入文字。 单击工具箱中的横排文字工具 ，拉开位置后单击鼠标左键，输入文字，在文字工具选项栏中设置字体为“黑体”，字体大小为“24”点， 文字输入完成后会生成一个新的图层，将这个文字图层重命为 “图层2”。
4.设置文字阴影。双击“图层2”打开“图层样式”对话框，在“样式”栏中钩选上“投影”，并设置如下：
然后可以设置你喜欢的投影颜色,单击”确定” 完成投影设置;
5.复制图层。在”图层2″上单击鼠标右键,弹出下拉菜单，选择“复制图层”命令，在打开的“复制图层”对话框中将复制的图层命名为“图层3”，单击“确定”按钮完成设置。
6.关闭“图层2”右端的眼睛图标，使其隐藏，单击“图层3”，在文字工具选项栏中将“图层3”中的文字大小调整为“18”点。
7.用同样的方法复制“图层3”，将新生成的图层命名为“图层4”，将”图层4″中文字体的大小设置为”14″点;
8.用以前的方法复制”图层4″,将新生成的图层命名为”图层5″，将“图层5“中文字的大小设置为“12点”；此时加上背景图层共有6个图层了；
9.好了，下面到了banner制作比较关键的步骤，就是动画的制作，首先我们看到动画的窗口，如果你的photoshop上面没有显示动画的窗口，可以在菜单栏 –> 窗口 –> 动画， 这里将动画窗口调出来；动画界面如下图所示：
前面几帧动画应该是前面那些步骤留下来，我们可以点击看看，一般都不是我们需要的，我们可以将他们删掉，只留下最后一帧即可。在这一帧动画中，图层5、图层1以及背景图层的眼睛图标是显示的，隐藏掉的图层是 2、 3、4；
10.单击面板底部的复制所选帧按钮  ，复制第1帧，得到第2帧，选中这一帧，并在“图层”面板中，关闭“图层5”的眼睛图标，打开“图层4”的眼睛图标；
11.用同样的方法新建第3、4、5帧，单击第3帧，在“图层”面板中关闭“图层4”的眼睛图标，打开图层3的眼睛图标，然后复制第3帧，得到第4帧，在“图层”面板中关闭“图层3”的眼睛图标，打开图层2的眼睛图标，在第5帧中，图层面板中关闭图层2和图层1的眼睛图标，只留下背景图层。
12.将第1、2、3帧的延时时间设置为0.1，将4、5帧的延时时间设置为1秒，如图：
13.保存的方法这里也需要注意一下，如果我们保存的不是动态gif的图片，像jpg这样的不会动的图片的话我们“存储为”即可。而我们现在要保存的是gif格式的图片，保存的方法有点不同，点击“文件”，然后点击“存储为Web和设备所用格式”，在动画循环选项这里选择“永远”，再点击存储即可。 这样我们就得到一个广告横幅banner条。
|
|
