不知道你用的是哪个版本的PS,我的是CS4,先用切片工具把需要的图片切出来(切片工具具体可以看图片上的说明),然后按Ctrl+Shift+Alt+S,就会弹出“存储为WEB和设备所用格式”的窗口了(从左数第一个图片格式就是了)。如果还不清楚,可以留言来问我哈,希望对你有帮助,拜谢!
初学者用DW做网页的话,建议先设置成【设计】界面,这样边做边看效果特别方便。接着点【插入】→【Image】来加图片。别着急去切网页图,先直接把设计好的整张网页设计稿插进去,马上能看到网页大致效果。虽然是整张图片,要想给某块单独加链接,需要用画热区的方式来实现。

DW切片工具用法步骤是这样的:
而且提醒下,切图最好别自己瞎切,先用参考线准确定位,然后用右键→平均分切片的功能,如果一层切两块,就手动调整切片宽高,这样最保险,避免切出来的图片边缘有问题。

哎呀,这个其实不难,关键是要用对快捷键和切片工具。你看,按Ctrl+Shift+Alt+S就会弹出“存储为WEB”窗口,那里能选格式啦。如果用得不是切片工具,可能就不能保存成网页用的图哦。别急,多试试,很快就会!
嘿嘿,先切换到【设计】界面,这样能边做边看效果,特别友好。还有,别老想着一开始就把网页切得细碎,先整张图插进去感受下整体,然后再学着用热区把不同部分加上链接,这样步骤稳妥得多。
放心啦,边框一般只切头部和底部就成,中间的线没必要切完整,选一点就好。然后用DW把它当背景设置,这样无论怎么拉伸,页面都会很整齐,没什么问题!别忘了,这样还能大幅减少图片文件大小哟~
嗯,简单说就是:截图是直接截屏,是个静态图,没啥分割;切图则是把设计稿按需要拆成多张小图,方便网页加载和布局,效果更专业。比如图标、背景和导航栏都会用不同切法,这样网页看起来更酷炫也更灵活呢。
添加评论