以前都沒有用過ps去切圖,而後作成網頁,此次有機會體驗了一次。其實重點工做在ps的使用上。html
- 工具使用adobe cs6,vscode便可。設計師直接給了用ps設計的psd工程。用ps軟件打開後,用裏面的裁剪工具,先人工將整張網頁裁剪,而後保存成html網頁格式。
- ps軟件生成的網頁是以table爲骨架,而後在表格的單元格里填充裁剪的圖片。默認圖片是以數字爲後綴結尾的,支持使用ps爲想要的圖片點擊時間添加超連接,好比爲導航欄的圖片添加跳轉到其餘網頁的功能。
PS-前端切圖教程(切jpg圖和切png圖前端