Fw与Dw结合:看实例学切片(1)

[复制链接]
查看: 279|回复: 0
gggds 发表于 2009-12-27 12:18:55 | 显示全部楼层 |阅读模式
 Fireworks部分  1.在FW里处理好图片.图片大小为506*1253 ]3 ]/ P8 ^# e& ]) L$ b% `9 l
, L( t3 |4 k! e

$ E5 r0 Y1 n+ g  2.切割图片.先不忙着一顿乱切,我们先来看一下规律.  图片四周是色彩简单而且没有什么变化的边框,上下左右都是一些重复的渐变和灰色点.把视图放大来切.先切四个角大小均是13*13
+ A3 q" g7 K- s7 H8 R' q8 [$ q) z# @  t1 k, e+ f" C: n/ i. D

' A. _2 a) k, K! S  再切上下左右四边.其中上\\\\下两个切片的大小为13*3,左/右两个切片的大小为3*13.4 Q1 z3 j% P1 d1 ]* Y0 |
$ ?8 R0 W0 X" x- ?$ X, Z  u: G
  C2 \; \+ }1 R6 Y
  有人也许会奇怪,为什么要这么切成这样,不是13*4,4*13而偏要把大小定得这么死.再仔细瞧瞧__发现了吧,上面和下面的边框每隔3个像素宽就重复一次,而左边和右边的边框则是每隔3个像素高就重复一次.这样一来就可以在DW的表格里把它们作为一格的背景图了(如果还是不大清楚,请暂时照着做,继续往下面看就自然明白了)  最后切中间的大图,把整个图包在里面,大小就是整个图片的大小减去边框所占的大小,宽为506-2*13=480;高为125-2*13=99.4 c6 J; B; T9 I" `6 j, R" Q

  K$ U6 B( J2 x% v& J2 o' a4 Q& k" G/ p. Y/ O4 o% J8 G, `6 u  o
  3.设置各个切片的输出格式和质量并命名  这一步最好把FW切换到2-UP模式(左边为原图,右边为输出的预览效果),同时结合Optimize(优化)面板.最终目的是让图片的输出质量最佳,容量最小.有的人也许会说,干脆都设成JPEG格式的,质量为100岂不是又方便又好?如果是有一个无限大的空间给你,这当然无所谓,但是如果是给别人或公司做,别人一定会要图片的所占容量越小越好.并且,如果图片质量没多大区别的话,让图片容量最小又何乐而不为呢!而给每个图片命名,这是本人喜欢的一种方式,这样便于在DW里导入图片时辨认.如果不想自己命名,FW也会自动生成一个名字.  边框颜色少,虽有发光效果形成的阴影渐变,但仍没多大变化,所以选择输出GIF格式的图片,并在Project(属性)面板中给切片命名.(如果渐变很复杂,那还是得输出为JPEG,否则看起来就是一块一块的了) ( @* V. G+ Z/ L3 Y
$ ^  ^; N5 Q: y$ `3 W) e

/ o; [. M1 @0 m  下图就是我设置的图片大小\\\\名字\\\\格式
) t4 g5 s9 Q" C3 _7 G" W% Q  r7 j1 X( B/ y$ E, X* i& s9 Y

& K  f- {. b8 C3 e, X  4.输出  返回Original(原始?)模式,一一选中切片,右击,选择第一项Expert Selected Slice...(输出所选择热区...)进入导出
* Q# E6 |, W& c0 h
! I% j4 v9 J( g2 ~8 S: B9 X& C, L

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )