banner如何制作(banner网页制作)

banner如何制作,banner网页制作

内容导航：

怎么制作banner

如何制作复杂的产品banner图

网店Banner设计与制作方法是怎样的

如何用dreamweaver制作网页banner50

一、怎么制作banner

步骤/方法1 首先打开软件，我们看到界面如下，左边部分是选项部分，可以切换到各种设置。2
我们选择“尺寸&声音”选项，进行相关的设置。长宽根据自己的需求进行设置，如果想插入背景音乐的话自己设置就可以了。3
选择“背景&设置”，我们设置一下背景为渐变色，如果需要插入图片或者其他flash元素的自己设置就行了。4
选择“选择&设置”，进行flash背景效果的选择，这里我选择了一个飘动的蒲公英。5
选择“文字&图像”选项，我们编辑banner上显示的文字等元素。首先我选择第一个网址，然后更改成百度经验的网址。字体和文字的颜色可以点击下面的“编辑字体风格”进行编辑。然后，我们改写第二行文字，把它改成“百度经验”我使用的是百度综艺体，字体和颜色设置好以后就切换到“选择&效果”选项卡，我们选择喜欢的文字效果。切换到“位置”选项卡，我们可以调整文字在banner中的位置分别切换到“网络链接”和“定时”选项卡，进行相关的设置6
文本中选择第三行文字，改写成“为经验献计献策”然后设置好效果。这里我选择了一个行星闪动的效果。其他项目设置可以参照上面的讲解。7
选择“网站&链接”选项，进行相关设置8 选择“发布&构建”选项，点击“发布”按键输出自己设计好的flash banner。9
弹出输出格式选择对话框，我们选择swf格式，点击“确定”10 弹出“保存”对话框，我把这个banner命名为1，保存。11
保存完毕以后，主界面显示红色提示语，告诉我们怎么正确使用这个banner。好了整个flash banner的制作就算是完成了。12
为了给大家展示一下这个banner，我又另存了一份gif格式的，因为这个软件也是支持发布为gif格式的，我们来看一下效果，还是很不错的。END

二、如何制作复杂的产品banner图

1.熟练掌握PS技能。
最基本的不用说，每一个工具你都有可能有用到的时候~没有什么BANNER专用技能~如果你只追求最最简单的图+字的样式，那复制粘贴、调整图片大小、输入文字、图层样式这是最基本的。
如果背景图足够好看有范儿，其实就是图+字，足够了。
2.学会素材积累。
推荐花瓣网，收集素材挺方便的。
还可以看别人收集的BANNER，提高自己的审美。
自己找教程，让一些素材”活起来“。
3.步骤个人认为字体/内容是一个BANNER的精华。
背景和元素应该紧紧围绕内容来。
你可能关注的是最后好不好看，但是BOSS实际需要的是内容突出，能刺激用户去点击。
网上有很多这样的图片。
可以使用fireworks来制作banner图。
具体的使用方法，在网易里面有视频教程。

三、网店Banner设计与制作方法是怎样的

好的Banner设计，虽然都是由图片加文字组成，但也绝不是“1＋1＝2”那么简单地叠加。如同一首乐曲，可以是古典交响乐，可以是流行电子乐，亦或民间小调，形式多样，手法不一。有时候需要像作诗般字斟句酌，有时候也会有妙手偶得的惊喜。受制于互联网视觉设计的特点，往往需要通过设计师的经验思考，在较短的时间内制作出能够通情达意的作品。下面为一运用Photoshop软件进行的网店Banner设计与制作方法举例。

（1）运行Photoshop软件，执行“Ctrl”＋“N”命令创建一个新文件，设置新图像文件的大小为宽度1920像素，高度为260像素（高度要根据具体情况来定），图像分辨率为72像素／英寸，颜色模式为RGB模式，背景色为白色。（2）搜索Banner设计的背景图片，注意背景图像的宽度必须大于或等于1920像素，选择好背景图像后，在Photoshop中打开图像文件。（3）将选择好的背景图像，应用软件的移动工具拖进第一步创建的Banner图像文件中，并运用移动工具进行位置的调整，把需要的部分图像放置在合适的位置。（4）在Photoshop软件的图层面板，设置背景图像所在的图层不透明度为40%，以降低图像的不透明度，使背景图像与白色的背景图层融合。（5）把事先拍摄好的、事先计划好要重点推荐与推销的商品图像在软件中打开，运用Photoshop软件中的魔术棒选择工具，先在图像的白色区域进行选择，然后执行“Ctrl”＋“Shift”＋“I”反选命令把无线路由器产品图像选中。（6）运用软件的移动工具分别把上一步选择完成的无线路由器侧面图与无线路由器背面图拖移到Banner文件中，执行“Ctrl”＋“T”命令对无线路由器图像进行大小与位置调整。（7）接下来运用文本工具添加文本，选择字体为“方正兰亭特黑”，字体大小为72点，设置字体为“斜体”，字体颜色为“蓝色”，RGB数值为（6、68、182），字体显示模式为“犀利”，输入“数码惠聚”几个字。(8)执行“Ctrl”＋“T”自由变换命令，对“数码惠聚”文字进行旋转调整，转动一定的角度。(9)继续运用文本工具输入文字，选择字体为“方正兰亭特黑”，字体大小为24点，设置字体为“斜体”，字体颜色为“蓝色”，RGB数值为（53、98、4），字体显示模式为“犀利”，输入促销文字，然后执行“Ctrl”＋“T”命令对文字的角度与位置进行调整。(10)运用上一步的方法与技巧，继续输入文本，除“1212”四个字的大小为30点，颜色为RGB（192、6、6）以外，其他文字属性与上一步相同，然后一样进行位置与角度调整。(11)继续运用文本工具输入文字，选择字体为“方正兰亭特黑”，字体大小为24点，设置字体为“斜体”，字体颜色为“蓝色”，RGB数值为（6、68、182），字体显示模式为“犀利”，输入如下图所示的促销文字，然后执行“Ctrl”＋“T”命令对文字的角度与位置进行调整。(12)运用软件的多边形选择工具，在工具属性栏中设置羽化值为0。(13)在图层面板新建一个图层，并且用RGB数值为（6、68、182）的蓝色对三角形选区进行填充颜色。并对这个图层进行图层样式设置，图层样式为“斜面与浮雕”中的“内斜面”，方式为“雕刻清晰”。(14)设置好图层样式后，执行“Ctrl”＋“D”取消选择命令。(15)把上面创建的三角形样式所在的图层进行4个复制，分别放置在如图所示的位置，同时运用“Ctrl”＋“T”命令适当调整三角形样式图像的角度、大小、位置与不透明度，完成Banner设计。

四、如何用dreamweaver制作网页banner50

答：用div+css布局好就行，要想实现banner不同的切换方法要用到JS了。