本文目录一览：

网站制作需要哪些素材

那么在网站制作过程中，我们需要哪些素材呢？ 网站制作常用的素材：背景图片、图标、动画图片等等。 一、背景图片 CSS控制背景图片：对于一个网页，我们开始设计的时候，可能没有过多的去想背景图到底是什么，因为大多都是设计背景色就可以了，因为它与前景音乐一样，对于网页的打开，速度会有一定的影响。不过对于一般的个人网站，或者个人博客而言，它对展现自己的个性，当然是不可或缺的了。控制背景图片的CSS属性有很多，只要与图片的相关的，大多都会用的上。 1、为网页设计背景图片的代码是：body {background:url("d:\images\04.jpg")}或者body {background-image:url("d:\images\04.jpg")}。这样的话，我们就能将想要作背景的图片导进网页里了。 2、显示原始图片大小：body {background:url("d:\images\04.jpg");background-repeat:no-repeat} 3、控制图片大小：body{background-image:url("d:\images\04.jpg");width:350px;height:350px;} 二、图标 图标是具有指代意义的具有标识性质的图形，它不仅是一种图形，更是一种标识，它具有高度浓缩并快捷传达信息、便于记忆的特性。图标可以使用各种不同的格式BMP ，PSD ，GIF ， JPEG ，WMF ....所有这些格式有几种不同的属性（点阵图，向量，压缩，分层，动画... ），可以用来存储图片，和决定任何大小。 三、gif图片 gif图片图片是图片的一种形式，gif图片可以达到一定程度的Flash效果，这就有利于搜索引擎优化，也可以是网站看上去更加美观。 网站制作素材可以有效的提高网站的整体风格，增加网站的视觉效果，可以提高网站的浏览量，吸引客户的眼球，让他流连忘返，很难在离开你的网站。素材的运用，要能结合网站的主题和需要表达的意境而定，好的素材能起到画龙点睛的作用。

网页效果图怎么制作？

　平面广告和网站页面设计的宗旨就是吸引眼球，符合平面视觉冲击特点，如何设计一款有特色、另类能吸引眼球的作品是摆在平面设计人员和photoshop爱好者面前的难题

现在以一款网页平面设计效果图为实例，讲解网页设计方面的创意知识，从网页效果图布局创意、颜色选择，裁减效果图和制作网页特效等方面来学习。下面我们就一起来学习吧。

首先声明一下，这款网页效果图在得到朋友许可后拿来制作教程实例，切勿抄袭和用做其他用途。先看效果图0。

一、 创意设计思路

一个网站在制作前需要确定网站风格、网站主题、和主色调，在没有确切的方案之前，最好不要贸然动手制作，不然最后的结果很可能是以失败而告终。

笔者决定从关键字"路行""独自行走"加上是暗色系的要求上下手，敲定颜色采用沙漠黄，沙漠很容易让人联想到孤单；板式确定为户外广告的样式沙漠黄配合生锈的广告牌。符合"颓废""艰辛路途"主题。

二、 网站效果图及LOGO的制作。

1、LOGO的样式采用的是图形和字符的组合。汉字LOGO的字体不是下载的字体，是笔者用钢笔工具画出来的字体。如图1和1-1。

　钢笔工具勾勒出图1的行走的人样式，填充红色，然后调整混合模式"斜面和浮雕"选择浮雕效果、雕刻清晰、深度1、方向上、大小2，其他默认。这LOGO 的创意是，一个人在崎岖不平的路上坚持自己的方向，配合网站的英文加中文名字，构成一个形象LOGO，刚好"路"字和"行"字采用红色，突出了路行。

文字LOGO笔者用钢笔工具勾画出字的各个部件，然后拼接在一起，这里只给出"路"字的方法，"行"字方法如同。[next]

2、制作布局参考图。如图2

　3、根据布局效果图，新建文件大小1000X765，填充黑色。布局中的"显示区域"为广告牌是要挂到墙上的，使用"石头材质"放置在页面最上方来制作石板墙；使用"锈迹皮革材质"制作"显示区域""LOGO"区域的边框（注：一些材质的制作方法省略，平时可自行制作也可去图片站下载保存，用的时候方便），将LOGO区域的边框复制一层，调整不透明度为60%放置到LOGO曾下方，这样大体的框架就完成了。如图3和3-1。

（图5）

（图6）

4、找来一张沙漠公路的图片，把这张图片进行聚焦处理。点图4示例的按扭进入"以快速蒙版编辑模式"，选择渐变，渐变模式为"径向渐变"在图中间向两边拉，屏幕会出现一团红色；然后再点"以标准模式编辑"画面会出现一个圆圈选择区域，按"DELETE"删除即可。如图4和图4-1。

（图7）

（图8）

　5、在"路"图片上方新建一层，按住CTRL+"路"图层，单击新建的图层，填充颜色4E341B，调整为暗系沙漠黄。如图5。

（图9）

制作文字LOGO牌。找来图5-1中的灰色材质，在"LOGO边框"下面新建一层，然后在其之上新建一层，放置沙漠图片，将其混合模式修改为"颜色"然后打开一开始制

有哪些在线图片制作网站，图片如何处理呢？

PS堪称最强大的整容术，不仅修图专业，而且使用较为方便，不管是拍证件照还是艺术照，都会使用到修图工具，就像吃饭睡觉一样，那有什么在线图片制作网站可以对图片进行处理呢？

使用工具：迅捷在线图片编辑器

首先除了经常使用的Photoshop软件之外，如今又有很多的在线PS网站，无须在电脑上安装PS软件就可以在线处理图片，操作也很方便；

在百度搜索：在线PS图片编辑器，会出现很多的在线网站，为了节省大家对比的时间，小编直接使用自己比较喜欢的在线网站教大家如何使用在线PS，找到同款点击进去即可看到界面很清晰，和PS软件很像哦！

首先要处理图片，需要先添加图片，点击文件——打开即可，或者是通过快捷键Ctrl+O可以打开文件夹进行添加图片；

左侧和上方菜单栏中的功能都可以使用在图片中，操作方法和PS软件中几乎是一样的；

最后图片编辑完成之后，需要对图片进行保存，点击上方的文件——导出为，会有很多种的图片格式，选择一个自己需要的即可。

网页图片怎么制作

照片是照出来的，手绘是画出来的，影视剧图片是截出来的，还有些图片是纯PS制作出来的，所谓网页图片可以包括基本所有的图片来源，制作是没法教的，只能说一般后期都经过PS处理罢了。

如何制作网站中的图片

通常情况下，数码相机里的JPG格式图片只要更改尺寸可直接用于网络。

网络显示因显示器分辨率而不同，目前比较常用的是1024*768像素。所以，为了大部分人可以很好的浏览你的图片，请将图片设置为适当的大小，根据网页的设计而定，一般宽度不要超过700像素。

目前最为常见的图片制作工具是Photoshop CS系列，具体步骤如下：

1、打开图片。

2、在编辑中进行图片大小的编辑，分辨率保持在72DPI。

3、另存为WEB格式。

目前国产软件中有一个光影魔术手，做一些网站用图十分便利，且是免费软件，可下载一试。