在网页设计中如何用PS切图 15

 我来答
精品DIY生活
推荐于2016-06-18 · 知道合伙人数码行家
精品DIY生活
知道合伙人数码行家
采纳数:46447 获赞数:131769
视频剪辑、网络管理、图片处理、办公自动化、文学、语言学。

向TA提问 私信TA
展开全部

1、在Photoshop中打开设计稿,如下图:

2、选择工具板上的slice切片工具,大面积的色块单独切成一块,尽可能的保持在水平线上的整齐,切好的图如下所示:

3、在PhotoShop中选择file-save for web...来输出,这里要注意一些参数的选择:

4、接下来在Dreamweaver里建立站点:

5、在图示左边的site name中为站点起一个名字,如example然后在下面的local root folder中选择刚才导出的站点的文件夹:

6、重新制作页面表格,通常在photoshop中直接导出的htm文件是不可以直接使用的,因为有些地方在实际运用时要作调整:

7、根据这个页面表格所示,在新的页面中建立一个三行一列的表格,把cellpadding,cellspacing,border三项值设为0,不然会有空隙,最后选择表格,背景添加图片即可。

yingyingwo8686
2011-07-10 · 超过15用户采纳过TA的回答
知道答主
回答量:70
采纳率:100%
帮助的人:46.5万
展开全部
将做好的效果图,导入到PS中,然后用左边工具栏的切片工具,切图,然后再保存的时候保存成“存储为web格式”并且选择“所有用户切片”就行了。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lujt87334580
2011-07-10 · 超过15用户采纳过TA的回答
知道答主
回答量:64
采纳率:0%
帮助的人:51.6万
展开全部
估计不行 。 你要把整个网页截图下来 在弄在PS里面去截图!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
z湖儿
2011-07-10
知道答主
回答量:19
采纳率:50%
帮助的人:9.2万
展开全部
切图的话,建议用firework
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
欧米娃明
2020-11-09 · 超过199用户采纳过TA的回答
知道小有建树答主
回答量:1051
采纳率:61%
帮助的人:22.7万
展开全部
切图是指将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面,通俗来讲,把一张设计图 利用到切片工具 把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,完成CSS布局。
切图就是将 .psd 设计稿还原成 Web 页面的过程,这个过程包括两部分:
切出素材、编写代码实现
现在切图比较简单,一键基本就能搞定了,可以试试蓝湖。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式