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

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

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

  • photoshop CC版本自動切圖

    SVG格式導出!!文件-抽出資源

    復制CSS??!圖層-復制CSS

    查看全部
  • 擴展:

    編輯-首選項-增效工具-啟用生成器打上勾

    文件-生成-圖像資源勾上

    就會出現相應的assert文件夾

    直接在圖層上重命名加上后綴,即可出現相應的類型圖片在assert文件夾里

    查看全部
  • 精準切圖:文件-腳本-將圖層導出到文件

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

    2018-12-24

  • 傳統切圖:運用參考系,切片工具,最后存為WEB所用格式

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

    2018-12-24

  • 按住ALT鍵,識別菜單欄

    ctrl+分號,取消參考線


    查看全部
  • 制作web切圖工作區
    查看全部
  • 信息面板設置

    查看全部
  • 選擇選區之后,

    右鍵,填充,內容識別(或者按刪除鍵)即可扣掉

    Ctrl+J,扣出選區并新建圖層

    簡單工具操作:

    1、移動工具V

    按住Ctrl鍵,同時選擇兩個圖層,則會出現居中對齊等新的屬性。

    2、選區工具M

    操作前要選擇相應的圖層!!

    屬性二,可畫多個選區,可重疊(按住Shift鍵自動可以增加選區)

    屬性三,可以減去選區(按住ALT也可以減去)

    屬性四,可在原選區中框選

    按住shift,可以劃出正方形和圓形,要先放開鼠標,再放開shift

    按住Alt定住圓心,同時按住Shift即可畫出圓

    3、套索工具L(選區的另一種)

    (1)Ctrl+/-進行放大縮小

    按住ctrl鍵可以變成小手進去拖動

    按住shift,選擇多個選區

    按住ctrl,切割掉多余的選區

    (2)多邊形套索工具

    最后雙擊,即可形成封閉選區

    (3)磁性套索工具

    會根據顏色做一定的判斷

    尖銳的地方可以配合,多邊形套索工具+Shift進行補充

    4、快速選擇工具W

    有添加和刪減,調整工具大小的屬性

    5、裁剪工具

    小技巧1:

    在選擇圖層后(在相應圖層小圖標上,CTRL+單擊,此圖層就可以變成選區),單擊裁剪工具,按ENTER鍵即可

    小技巧2:

    畫出一個不規則選區,點擊裁剪,則會裁剪出能包圍此選區的最小矩形框。

    6、取色器

















    查看全部
  • 移動工具:

    按V,自動回到移動工具

    獲取想要圖層:

    1、勾上自動選擇,圖層

    2、圖層,按住Ctrl+單擊鼠標左鍵

    信息面板設置:

    顏色都設為RGB,單位都設為像素,勾上文檔尺寸

    信息面板:

    選擇圖層,按住CTRL+加點擊圖層小圖標,即可選中選區

    Ctrl+D取消選區


    查看全部
  • ctrl+;隱藏參考線,再按則顯示參考線

    查看全部
  • 五個月前學的,現在忘的差不多了,多練才是正道。
    查看全部
  • 窗口-工作區-新建工作區:可以在該工作區內對該面板設置界面
    查看全部
  • 大綱阿5555

    查看全部
  • ps學習第四課:

    橢圓工具,按住shift鍵,去到另外一個圖層取色,前景色填充,點擊圖片,右鍵選擇“變換選區”,按住alt鍵和shift鍵,同心圓等比縮小放大,選擇里面藍色,按住delete鍵,刪除藍色,選擇移動工具,按住shift鍵,統一縮小放大

    復制圖層,移動工具,按住alt鍵復制圖層

    按住復制出來的圖層,control單擊,會出現選中圖層

    多個圖層,要在移動目標對應圖層移動

    多個圖層整體移動,按住contrl鍵可單選/選第一個,按住shift鍵,選最后一個,全選,整體移動。

    裁剪工具,alt中央,中心調整

    選住藍色圖層,選區工具,然后將黃色部分去掉




    查看全部
  • 切圖設置:

    1、選擇工具、?勾選 自動選框 可以快速找到圖層 。按住 CTRL 鍵。找到自己想要的圖層或是組。

    2、視圖設置:標尺

    ? ? ?窗口:只是需要 圖層、歷史記錄、信息(打開面板設置;標尺單位為像素、顏色為 RGB)、字符中間(段落是不需要的)

    編輯>>首選項>>單位與標尺? ?文字和單位全部改為 像素

    完成自己的常規設置后 保存當前見面 窗口? 工作區 保存



    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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