photoshop做网页,如何切图?

就是如何把图片切成HTML网页切图能自动把背景图片转换成颜色代码吗?... 就是如何把图片切成HTML网页
切图能自动把背景图片转换成颜色代码吗?
展开
 我来答
正能量女战神
高粉答主

推荐于2016-02-19 · 关注我不会让你失望
知道大有可为答主
回答量:1.8万
采纳率:80%
帮助的人:2020万
展开全部

  photoshop做网页的切图方法:

  1. 第一步  用PS打开网页效果图PSD文件,根据网页效果图拉出参考线,同时为了方便切图可以右键点击把面板的颜色自定成对比鲜明的颜色。

  2. 第二步 在PS图层中找出主背景图层,如果背景图是渐变的话可以只切出一两像素,后面再代码中设置填充。

  3. 第三步   隐藏其他图层,把背景图切出来。如果背景图很大,可以考虑分段切出,这样可以加速网页加载。

  4. 第四步 切出背景后,就从上到下,先把LOGO切出。这里同样要隐藏其他图层,输出图片的时候保存文件类型选择png,因为这样可以使得图片背景透明。

  5. 第五步  导出图片可以选择文件——存储为web和设备所有格式。

  6. 第六步  在保存切出图片的时候,选择保存HTML和图片,这样导出来的就会自动生成一个网页页面和切图图片。

  7. 第五步  在切像尾部版权部分的背景时候,发现这个是渐变图层,这样就可以只切出一个像素的长度。然后在代码中设置repeat-x横轴填充。

博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景。ai生... 点击进入详情页
本回答由博思aippt提供
yushujian
2010-08-03 · TA获得超过4782个赞
知道大有可为答主
回答量:4513
采纳率:50%
帮助的人:2013万
展开全部
不懂你什么意思 如果你选择“保存为Web所用格式” 那么Photoshop自动会建立HTML网页
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
bluesky0075
2010-08-03 · TA获得超过129个赞
知道小有建树答主
回答量:345
采纳率:0%
帮助的人:100万
展开全部
切片工具
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
54lzx
2010-08-03 · TA获得超过189个赞
知道答主
回答量:66
采纳率:0%
帮助的人:0
展开全部
用切片工具,ctrl+shift+alt+s保存
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
paoshuren77
2010-08-03 · TA获得超过333个赞
知道小有建树答主
回答量:340
采纳率:0%
帮助的人:128万
展开全部
切片工具切图
保存为web格式
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式