网页Photoshop制作网站流程图详细过程.pdfVIP

Photoshop 制作网站流程图详细过程 -PhotoShop 网页设计 1. 规划：不管是乔客， 还是用动易、 风讯，我们都应该考虑两个问题： a 、版面要分出头、中、底三个部分。 b 、中间部分要考虑两种情况，一是两栏（乔客左窄右宽，动易 左宽右窄），二是一栏，两种情况显示不能变形。有些朋友想每个板 块的头部不一样，这也是可以的，你可以在程序代码中做文章，那是 编程的问题，按下不表。 如果我看到别人的版面想拿下来，那就做个截图，建立一个 photoshop 文件，把截图放在最底层，作为最初的草图。 2 、制作。 a 、即使不用别人的版面，最好也还是找一个同类系统的网站截 一个图，放在最底层。拉三根垂直辅助线：左边线，中间虚线位置， 右边线。 b 、建立头、中、底三个图层组。有些人用 photoshop 不喜欢 建立图层组，这不是好习惯，一个版面，少则几十层，多则上百层， 不分开图层组管理就很乱，影响工作效率，更影响多人合作。 c 、制作的时候最好尽量把文字内容也放上去，可以更接近实际 效果，等切图的时候隐藏这些图层。 d 、标题样式。一个版面除了头、底要特别制作外，中间部分应 该考虑制作三种标题样式：左栏、右栏、通栏，也可以统一风格。还 要考虑表头背景、 一些常用到的边框等。 我自己把许多喜欢的边框样 式用 js 作了一个样式包，随时调用，而标题样式我是使用 flash 来 做的一个样式，使用不同的参数调用，就可以有不同的样式和颜色， 改版的时候就改一个 js 文件和 flash 文件，做版面的时候会节省一 些时间。 e 、常用的按钮样式。常用的按钮其实不用在版面制作的时候做 的，可以找回原来的按钮图片一个一个修改。 f 、特殊字体的使用。不管是链接还是内容，我都主张尽量使用 样式表来控制字体样式， 但有些地方要用到不常用的字体， 为了使所 有的浏览者都能看到自己的设计原意， 就要把文字制作成图片， 这一 类的图片要适当使用， 因为使用了图片，对有哪些信誉好的足球投注网站引擎的访问是无益的。 g 、像素图。尽量使用像素处理，例如一些边框、小图标，会使 图片的字节数大大减少，显示快，容易透明处理。 3 、切图要在 imageready 中完成，先要把完稿的作品保存， 最 好还要做一个备份，然后跳转到 imageready 工作。 a 、有朋友切图时要合并图层，这是没有必要的，图层合并了， 以后修改和编辑都麻烦， 而且有时候切图还要按一些图层的大小定位 来做，例如要切出一个 468x60 的广告横标，你可以把这个横标的 图层载入选定区域（ load selection ），然后从菜单 select 把选定 区域转换成切片（ create slices from selection ）。 b 、不要把整个版面同时切图。一般来说，头部的色彩很丰富， 而中间和底部的色彩比较少。 例如一个版面头部的切片， 调色板可能 要 256 种颜色，而中间和底部只要 18 色就能搞定，如果同时切片， 就变成同一个调色板，中间的部分也使用了 256 色，就会使文件大 小增加，但如果折中，让头部 256 色减少为 128 色或 32 色，又会 影响效果。所以要分别处理， 方法是在 ps 中分别选择头部、 中间 （中 间有时候还可以分出几个板块） 、底部，裁切，另存为几个不同文件， 然后切图。 c 、切图要考虑清楚，你准备使