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

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

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

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

猜你喜欢

转载自www.cnblogs.com/linyihai/p/10587710.html