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

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

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

  • 在圖層/組上右鍵->復制為CSS
    查看全部
  • (接上條)其他類型導出:

    ????-? ? 將圖層/組重命名為.jpg、.png

    ????-????retina導出:重命名為200% xxx @2x.jpg

    查看全部
  • 圖片自動導出生成:

    ????1,編輯->首選項->增效工具->勾選啟用生成器

    ????2,文件->生成->勾選圖像資源

    ????3,隨后重命名圖層/組為xxx.png名稱,將會自動生成相應圖片到文件夾中


    另外,還可以重命名為.jpg,或者如果導出為retina圖可重命名為200% xxx @2x.jpg
    查看全部
  • 新建:文件->新建->Web(像素1920*2000,背景透明)

    設置:視圖->勾選標尺,視圖->顯示->勾選智能參考線,編輯->首選項->單位與標尺->單位改為像素

    切圖四大面板窗口(右側):信息、字符,圖層、歷史記錄

    保存工作區:窗口->工作區->新建工作區

    查看全部
  • 復制CSS:

    圖層-復制css

    查看全部
  • CC自動切圖設置:

    1. 編輯-首選項-增效工具-生成器(勾選)

    2. 文件-生成-圖片資源

    3. 把要到摳出的圖層文件(夾),重命名為xxx.png/jpg ?(這個時候之前用腳本到處圖層的那個文件夾就多了一個assets文件夾,還有文件了) ?去了后綴的話就不導出了

    4. 命名如果是 200% xxx @2x.jpg 可以放大200%來進行導出圖片

    查看全部
  • 利用PS的腳本快速切圖:?

    選擇 文件->腳本->將圖層導出到文件,然后勾選透明區域、交錯、裁切圖層 可將圖層一個個的切出來

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

    2018-05-13

  • 1、切圖與切片?

    2、切片的基本操作及其技巧?

    3、導出操作?

    ----------- 切圖工具:?

    切圖選擇工具:屬性面板有隱藏和顯示自動切片,顯示后能看到灰色的自動切片?

    傳統切圖方式:將需要的圖片一個個都切上?

    簡單切圖方式:使用參考線,參考線就是在左面或上面的標尺上拖下來就是一根參考線,根據自己需要的圖片,使用參考線將它框起來 然后,選擇切片工具,點擊屬性中的,基于參考線的切片,然后將一塊圖片中多余的切片右鍵刪掉,需要的一塊圖片形成一個切片?

    注意:為了使參考線看起來密集,首先使用裁剪工具,將網頁切為一塊一塊,然后再切。?

    ----------- 參考線的刪除和隱藏:

    ?選擇移動工具后,將參考線拖動回標尺,就刪除了 如果只是想臨時隱藏參考線,可以點擊視圖菜單>顯示>參考線,也可以直接按快捷鍵“ Ctrl + ; ”

    ?如果所有的參考線都不想用了,可以點擊視圖菜單>清除參考線 ----------- 導出切片: alt+shift+ctrl+s(文件-存儲為web所用格式)

    查看全部
    0 采集 收起 來源:PS傳統切圖

    2018-05-13

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

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

    查看全部
  • 先進行選區,再進行裁剪工具,可對應選擇選區范圍的最小一塊裁剪方形區域;

    查看全部
  • 快捷鍵:

    M:選擇選區鍵;

    按住shift按M:切換拓展功能;

    按住shift畫第二個選區:相加;

    按住alt鍵畫第二個選區:相減;

    查看全部
  • 按住shift:畫正圓或畫正方形;

    按住alt:固定中心;

    查看全部
  • 三原色:紅,綠,藍三種顏色光,可以生成各種色光。

    三基色:紅,黃,藍,顏色的三種基本色彩。

    查看全部
  • shift: 畫圓或者正方形

    alt: 固定中心

    查看全部
  • 界面設置

    6、可以把當前的所有設置保存至一個新的工作區,這樣即使以后恢復重置,也無需重新設置;

    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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