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

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

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

  • 傳統切圖方法:拉參考線,用切片工具一個個切 精確切圖方法:用ps的自動化工具,文件》腳本》將圖層導出到文件,即可自動化地取每個圖層中的各個圖片(這個方法非常強悍?。?
    查看全部
  • 網頁設計制作時一般是1920px*1080px,分辨率為72,背景顏色為透明
    查看全部
  • 單位都為像素
    查看全部
  • 信息 字符 圖層 歷史記錄
    查看全部
  • 這一節課有切圖實用技巧
    查看全部
  • 傳統的快速切片方式:先將圖片根據不同的區塊裁剪出來(為了便于參考線不太混亂),然后再拖動參考線去將圖片進行一個大概的標塊,標塊之后在軟件上方選擇【將參考線轉化為切片】這樣的選項即可完成大致的切圖,之后我們可以在不需要細致的切圖區右擊選擇【刪除切片】將不需要的切片刪掉合并,最后一步到【文件】-【存儲為WEB格式】
    查看全部
    0 采集 收起 來源:PS傳統切圖

    2015-10-02

  • 選擇圖片的保存為PNG-24
    查看全部
    0 采集 收起 來源:PS傳統切圖

    2015-10-02

  • 傳統的快速切片方式:先將圖片根據不同的區塊裁剪出來(為了便于參考線不太混亂),然后再拖動參考線去將圖片進行一個大概的標塊,標塊之后在軟件上方選擇【將參考線轉化為切片】這樣的選項即可完成大致的切圖,之后我們可以在不需要細致的切圖區右擊選擇【刪除切片】將不需要的切片刪掉合并,最后一步到【文件】-【存儲為WEB格式】
    查看全部
    0 采集 收起 來源:PS傳統切圖

    2015-10-02

  • 切圖: 1、用切片工具一塊一塊切出來 2、拉參考線,選擇切圖工具,在上方選擇基于參考線切圖,然后把不需要的切片刪掉。 3、精確切圖:文件-》腳本-》將圖層導出到文件,選擇文件夾,png-24文件類型,勾選以下所有選項,運行 4、自動切圖:編輯-》首選項-》增效工具-》勾選啟用生成器。文件-》生成-》圖像資源。(這時在當前圖層的文件下自動生成一個文件夾用來存儲切出來的圖片)。切圖方式:重命名圖層(或組)的名字為:名字.png/jpg等,此時在文件夾中就有了這個圖像。刪除名字的后綴名圖像也跟著刪除。 擴展:復制css:選中圖層,智能對象圖層-》復制,已經復制了css代碼,在編輯中粘貼就行。
    查看全部
    0 采集 收起 來源:PS精準切圖

    2015-10-02

  • 網頁切圖工作區:在窗口中調出信息、字符、圖層、歷史記錄4個面板就可以。為方便使用,可窗口-》工作區-》新建工作區,勾選所有項,保存當前工作區為web切圖,需要時再窗口-》工作區-》web切圖調出來。防止日后需要用到其他面板又得重新配置回來
    查看全部
  • 請看,快速找到所需圖像圖層,在移動模式下,勾選上方“自動選擇”(或者按住ctrl)和鄰右邊的組-》圖層,點擊內容的圖像就可定位到相應圖層,
    查看全部
  • 請看,現今的網頁設計尺寸,寬度固定1920,高度不固定,分辨率72,背景內容透明
    查看全部
  • alt+shift 鍵可以定圓心畫正圓!
    查看全部
  • 按住shift鍵拉正圓后一定要先放左鍵再松開shift鍵!
    查看全部
  • 【Photoshop CC 版本支持】 · 文件--抽出資源(可以導出圖層為指定格式) · 圖層--復制 CSS (可以將矢量圖形對象復制為 CSS 代碼) 1、CSS 代碼會以圖層名稱作為 class 名稱 · 圖層管理 圖層面板處,可以使用 名稱、智能對象、顏色等進行篩選查找
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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