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

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

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

  • ps學習第三課:

    ps簡單工具操作

    五點修復畫筆工具、修復畫筆工具(選中一個點、按住alt鍵、找地方掃描出來)、修補工具(描選好選區,然后左鍵移動填補地方,填充左鍵移動到地方)、內容感知移動工具和紅眼工具 用于圖片修復。

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

    實操圖片祛斑:

    圖片濾鏡 模糊? 高斯模糊? ? 歷史記錄? 畫筆圓? 再回到歷史圖片

    可再學習該節課程







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

    ps簡單工具操作

    菜單欄、屬性

    選框工具有四種選擇,單個、多個疊加(畫完按住shift鍵默認增加選區)、刪減(畫完按住alt鍵默認刪減選區)、多個集合? ? ?

    選框工具(快捷鍵 M)+ shift鍵 =》正方形、圓形(先放開鼠標,再放開shift鍵)

    選框工具(圓形)+alt鍵=》按住alt點為圓心的圓

    套索工具,選擇完按住alt鍵,可以刪減選層

    套索工具、多邊形套索最后一點雙擊可以自動形成閉環

    磁性套索工具/多邊形工具,交叉使用

    魔棒工具(快捷鍵 W)+增添刪減選層 選中選層后右鍵內容、內容識別

    裁剪工具(快捷鍵C)









    查看全部
  • ps學習第一課

    1、傳統切圖

    2、精準切圖

    ctrl+N 新建

    網頁設計現較流行的分辨率為72pt

    背景:透明

    移動工具、自動選擇、選擇(組或者圖層)=》找到對應的模塊地方

    ?移動工具、圖層、window系統(ctrl+左鍵)/蘋果系統(command+左鍵)=》找到對應模塊地方


    視圖、顯示、智能參考線=》有助于切圖

    視圖、標尺=》有助于切圖

    信息面板選項:第一顏色:rgb;第二顏色:rgb;標尺單位:像素、選擇文檔大小、文檔尺寸

    編輯、首選項、單位與標尺、標尺與文字(選擇像素)、打印分辨率300、屏幕分辨率72



    查看全部
  • 1.找到自己想要的圖層:移動工具+ctrl+左擊 (自動選擇不要打勾,選擇圖層)

    2.窗口—標尺;窗口—顯示—智能參考線;?

    3.屬性關閉 ,要圖層,歷史記錄,信息(把面板選項里的顏色改為RGB顏色,標尺坐標選擇像素,文檔尺寸勾上),字符四個;

    4.編輯里:首選項—單位與標尺—單位都改為像素,屏幕分辨率72像素/英寸;

    5.把設置好的一個狀態設為工作區,下次直接用,窗口—工作區—新建工作區;

    查看全部
  • 恭喜你一直以為我
    查看全部
  • 這有什么不好意思的都
    查看全部
  • 選擇工具中:

    1,先選中,再按shift鍵,然后再松開鼠標,再放開shift鍵,才能得到正方形,正圓.

    2想以某點為圓心,先點擊位置,再按alt鍵 。如果想要正圓shift+alt一起即可。

    3想連續選取,選完一塊用shift,再選另一塊即可,

    4想反向選取,按alt鍵即可

    5英文鍵盤下,按M即可切換到選區工具

    6按下shift,再按M,可以切換到選區工具,并且可切換矩形和圓形選框

    7快速選中工具,快捷鍵W? 用左右中括號鍵,放大縮小,選中區域。


    查看全部
  • Ctrl+Click,選中任意圖層

    Ctrl +R ,顯示或隱藏標尺

    查看全部
  • 切片導出格式一般用PNG-24

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

    2018-09-19

  • 漸變的顏色順序 順時針


    查看全部
  • 按住AIT鍵 單擊一個圖層

    其他圖層全部隱藏 只留下該圖層

    查看全部
  • 網頁設計 分辨率一般用72像素/英寸

    背景內容 透明色

    直接存儲預設 方便以后直接調用

    查看全部
  • ps切片:

    傳統:

    切片產生的灰色/被動切片無法自動刪除,只能ctrl+shift+alt+s后手動刪除;

    基于參考線的切片數量太多圖片被分割嚴重;

    精準切片:單個項目/圖片:

    alt+f+e到文件夾png24 <-導出功能->

    alt+e+n+p生成器勾上+? alt+f生成圖片資源 name.文件名<-找不到assets==->

    svg webp

    抽出資源:2014v+(alt+f)

    復制css :alt+l?

    圖層管理:類型..

    查看全部
  • 參考線:像素規格 線轉換:alt

    快速建線:alt+v+e(+v/h)

    線顯示:ctrl+;

    網格:alt+v+h+g

    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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