利用photoshop技术进行网页banner的制作与设计

原创作品之三十：网页Banner的制作与设计 【实例效果】

【设计思想】

蓝色是博大的色彩，天空与大海最辽阔的景色都呈蔚蓝色，无论深蓝色还是浅蓝色，都会使人们联想到无垠的宇宙或流动的大气。用浅蓝色作为主色，配以其它小块颜色作为辅色，整个banner显得清爽、专业。

用杨辉三角代表数学学科，喻以在不久的将来数学学科必将在全国高校同行业中处于重要及领先地位，书写自己光辉灿烂的篇章。用移动的质能方程代表物理学科，喻以物理学科坚持走原创的路线。

太阳能电池板代表数理系的科研方向，新型能源的开发必将会使天变蓝，水变清。天蓝了，云白了；水清了，鱼儿在水中游来游去。

【实例步骤】

1.打开photoshop软件，新建780*180像素的白色文件，并用“1b93e4”色彩进行填充，效果如图1所示。

图1

2.打开素材1,将其拖入到新建文件中，按【Ctrl+T】调整其大小并移动到合适的位置。改变图层的混合模式为“滤色”。 效果如图2所示。

图2

3.打开素材2,将其拖入到新建文件中，按【Ctrl+T】调整其大小并移动到合适的位置。选择“椭圆选框工具”,羽化20像素对素材2进行选区选择。添加图层蒙板、降低其不透明度,效果如图3所示。

图3

4.载入“方正黄草简体”字体,选择“文字输入工具”,并设置其颜色为“fea64f”,输入“直属数理系”五个字，效果如图4所示。

图4

5.载入“像素”字体,选择“文字输入工具”,并设置其颜色为“ffffff”,输入“department of maths and physics”，效果如图5所示。

图5

6.打开素材3, 将其拖入到新建文件中，按【Ctrl+T】调整其大小并移动到合适的位置。选择合适的图层样式，并修改其参数，效果如图6所示。

图6

7.打开素材4,双击解锁，选择“魔术棒工具”，除去其白色背景。将其拖入到新建文件中，按【Ctrl+T】调整其大小并移动到合适的位置。降低不透明度到20%，效果如图7所示。

图7

8.打开Flash mx软件,新建flash文档，并修改其背景大小为780*180像素,单击【文件>导入>导入到舞台】，把处理好的图片导入到场景中，效果如图8所示。

图8

9.打开空白flash动画“鱼儿”，按住shift键选择鱼儿与汽泡将其转化为元件,复制并将其拷到新建文件中去，并在200帧处设置关键帧，效果如图9所示。

图9

10.插入图层2，在图层2的第一帧处输入公式“E＝mc2”. 效果如图10所示。

图10

11.分别在图层2的50、100、150、200帧处插入关键帧，将公式移动到新的位置，并创建补间动画， 效果如图11所示。

图11

12.测试其最终效果，并将其输出为影片，最终效果如图12所示。

图12

【引申效果】