|
|
Fireworks部分 1.在FW里处理好图片.图片大小为506*125# B4 n: i3 N3 `& w# ?. A/ B1 j$ y2 }
% s& j; y4 r" ^% Z% c: C, v( ]
) A8 B8 D# Z4 H0 t+ k 2.切割图片.先不忙着一顿乱切,我们先来看一下规律. 图片四周是色彩简单而且没有什么变化的边框,上下左右都是一些重复的渐变和灰色点.把视图放大来切.先切四个角大小均是13*13
4 k7 y. L3 D% a$ c4 t# o
9 g8 k9 Z! K9 [, \8 c% ~" V # l! H4 \- R' N# t* S5 H) F
再切上下左右四边.其中上\\\\下两个切片的大小为13*3,左/右两个切片的大小为3*13.
7 C1 Q q8 w/ r* E. y9 `2 f
& F2 c& i% G* M5 G, ]6 X - ]$ O9 e: n6 D: {
有人也许会奇怪,为什么要这么切成这样,不是13*4,4*13而偏要把大小定得这么死.再仔细瞧瞧__发现了吧,上面和下面的边框每隔3个像素宽就重复一次,而左边和右边的边框则是每隔3个像素高就重复一次.这样一来就可以在DW的表格里把它们作为一格的背景图了(如果还是不大清楚,请暂时照着做,继续往下面看就自然明白了) 最后切中间的大图,把整个图包在里面,大小就是整个图片的大小减去边框所占的大小,宽为506-2*13=480;高为125-2*13=99.: Q2 r' X- b. u* g* `5 N( M
' ~& n0 H# u9 H' S
( Z" `* T Q8 u 3.设置各个切片的输出格式和质量并命名 这一步最好把FW切换到2-UP模式(左边为原图,右边为输出的预览效果),同时结合Optimize(优化)面板.最终目的是让图片的输出质量最佳,容量最小.有的人也许会说,干脆都设成JPEG格式的,质量为100岂不是又方便又好?如果是有一个无限大的空间给你,这当然无所谓,但是如果是给别人或公司做,别人一定会要图片的所占容量越小越好.并且,如果图片质量没多大区别的话,让图片容量最小又何乐而不为呢!而给每个图片命名,这是本人喜欢的一种方式,这样便于在DW里导入图片时辨认.如果不想自己命名,FW也会自动生成一个名字. 边框颜色少,虽有发光效果形成的阴影渐变,但仍没多大变化,所以选择输出GIF格式的图片,并在Project(属性)面板中给切片命名.(如果渐变很复杂,那还是得输出为JPEG,否则看起来就是一块一块的了) ' l. Q. K$ U! `5 Z
& B, A" T8 c$ p2 g' L+ T( [
 1 e- M0 g5 c- h; Z9 ^
下图就是我设置的图片大小\\\\名字\\\\格式$ {& x& V+ A+ z2 o0 A$ ]( b/ G! Z
; [& ]$ V* t7 _1 A
3 D( H7 }% f u$ q$ { 4.输出 返回Original(原始?)模式,一一选中切片,右击,选择第一项Expert Selected Slice...(输出所选择热区...)进入导出) P: q2 d5 M1 Y' H5 I
6 J4 I W. Y- n; _: y& Z
 |
|
IP卡
狗仔卡
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
在线客服（工作时间:9:00-22:00）
