记一次前端切图的体验之旅

以前都没有用过ps去切图,而后作成网页,此次有机会体验了一次。其实重点工做在ps的使用上。html

  • 工具使用adobe cs6,vscode便可。设计师直接给了用ps设计的psd工程。用ps软件打开后,用里面的裁剪工具,先人工将整张网页裁剪,而后保存成html网页格式。
  • ps软件生成的网页是以table为骨架,而后在表格的单元格里填充裁剪的图片。默认图片是以数字为后缀结尾的,支持使用ps为想要的图片点击时间添加超连接,好比为导航栏的图片添加跳转到其余网页的功能。

PS-前端切图教程(切jpg图和切png图前端

相关文章
相关标签/搜索