当前位置: 首页 > 作品欣赏 > 网页设计 > 正文

ps如何切图成HTML页面 希望给一个详细流程操作

  1、在AdobePhotoshopCC中打开设计好的PS图片文件

ps如何切图成HTML页面 希望给一个详细流程操作

  2、按键盘快捷键Ctrl+R调出参考线知功能

ps如何切图成HTML页面 希望给一个详细流程操作

  3、在标道尺上按住鼠标左键拉出辅助线到相应位置

ps如何切图成HTML页面 希望给一个详细流程操作

  4、选择切片工具,或键盘快捷键C,激活切片功能;点击基于参考线的切片,软件自动将辅助线条之间分割成若干切片(注:放大检查辅助线位置会更精准)

ps如何切图成HTML页面 希望给一个详细流程操作

  5、选择菜单【文件】回>存储为web格式,调出web格式窗口

ps如何切图成HTML页面 希望给一个详细流程操作

  6、点击【存储】按钮,进入存储窗口

ps如何切图成HTML页面 希望给一个详细流程操作

  7、存储窗口中格式选择Html和图像,所答有切片;然后保存

ps如何切图成HTML页面 希望给一个详细流程操作

  8、自动生成网页代码文件和图像;如图示:图片文件夹images和html代码文件。

ps如何切图成HTML页面 希望给一个详细流程操作

  

上一篇: 24个国外经典个人摄影师网站 下一篇: 用ps切片工具导出的网页是table

赞助商

本文标题:ps如何切图成HTML页面 希望给一个详细流程操作
本文地址:https://www.pszxw.net/zuopin/362.html