亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

前端工程師必備的PS技能——切圖篇

  • 寬度----1920?像素

    分辨率----72?像素/英寸

    背景內容---透明

    查看全部
  • 查看全部
  • ps
    查看全部
  • 精準切圖:1.打開PSD文件

    2.文件-腳本-將所有圖層導出到文件

    3.彈出的窗口中,文件類型選擇PNG-24,把裁剪圖層、交錯、透明區域勾上,把文件名跟地址改一下

    ?

    查看全部
    0 采集 收起 來源:PS精準切圖

    2019-08-15

  • SVG格式導出:文件-抽出資源

    復制CSS:圖層-復制CSS


    查看全部
  • 編輯-首選項-增效工具-啟用生成器,PS將在下一次啟動時生效

    文件-生成-圖像資源,同一個PSD根目錄下,會生成圖片文件夾

    在更改圖層文件名,增加后綴.png時,會在文件夾內生成png文件?

    對于蘋果的retina優化,需要導出2倍圖,客隊文件名如下命名

    200% button @2x.jpg

    可將文件導出成兩倍圖,并生成文件button @2x.jpg


    查看全部
  • 傳統切圖:利用手動或者參考線一鍵切圖,然后存儲為web格式

    精準切圖:文件->腳本->將圖層導出到文件(勾選透明區域、交錯、裁切圖層)

    查看全部
    2 采集 收起 來源:PS精準切圖

    2019-08-11

  • Alt+V+E:新建參考線

    Ctrl+; 關閉/開啟參考線顯示;



    查看全部
  • 污點修復畫筆工具(J):從點擊周圍來取素材再做一個融合,抹掉不需要的地方

    修復畫筆工具(J):選中一個點、按住alt鍵、找地方掃描出來;復用某個地方的文字或圖片

    修補工具(J):描選好選區,然后左鍵移動填補地方,填充左鍵移動到的地方

    內容感知移動工具和紅眼工具(J):更多用于修圖片

    畫筆工具(B):可調整畫筆硬度和大小

    鉛筆工具(B):線條細且硬,也可調整畫筆硬度和大小

    仿制圖章工具(S):在要仿制圖層中間點住,然后按住鼠標左鍵涂畫

    圖案圖章工具(S):在屬性欄中選擇圖案

    歷史記錄畫筆工具(Y):?【面部祛斑】首先打開有斑紋的人像圖片,選濾鏡-高斯模糊,直到斑點完全看不到(這里我設置的是8.0),然后在歷史記錄里面找到最后一步,在這個步驟的前面點出畫筆 然后點擊歷史記錄的原圖,點擊畫筆開始涂抹即可。

    ?

    查看全部

舉報

0/150
提交
取消
課程須知
本課程適合對Photoshop有簡單了解,希望學習前端開發切圖方法的用戶。
老師告訴你能學到什么?
使用Photoshop從網頁設計師提供的psd中獲取網頁前端開發過程中所需要的資源,并進行簡單的調整和處理。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!