前端工程師必備PS技能

2022-02-18 14:23:47 字數 1129 閱讀 3984

ps參考線及其輔助

檢視-->新建參考線

也可以快捷鍵ctrl+r,顯示區的上側和左側就會出現標尺。任意點選中,並拖動標尺,便會出現淺藍色的輔助線。只有在移動工具下,才能拖動某一條參考線。

刪除參考線的方式,**來的回**去,拖動參考線把它移動到標尺處。上面的標尺對應的是水平參考線,左邊的標尺對應的是豎直參考線。

alt+v是開啟檢視選單,不放,然後再按e就是新建參考線

ps傳統切圖(不精確,誤差不可避免)

切圖和切片

滑鼠點選選擇切片工具,然後在psd素材上選取需要切片的區域。目前html,css等**已經可以實現很多的頁面效果,但有些我們還是傾向於使用。對於乙個**而言,往往需要切取很

方有乙個按鈕,基於參考線的切片。點選後,整張圖就會被切成很多的小圖。有些切圖我們並不需要,而且如果參考線密集,切片後看上去也比較混亂。為了更清晰地獲取切片,我們可以先把每一部分剪裁出來。然後設定參考線後,再進行切片,這樣做事半功倍。

切好後,我們需要匯出切片。選擇檔案——>儲存為web所用格式。檔案型別選擇png-24。儲存後會在選中的資料夾路徑下生成乙個images資料夾,裡面就是我們的切片。

ps精準切圖

利用photoshop的指令碼,進行一種更加快捷精準的切圖方法

自動化切圖,省時省力(時間方面與計算機的效能有關)

計算機自動計算,尺寸更精確

操作方法:檔案——>指令碼——>將圖層匯出到檔案

點選執行。photoshop則會自動生成切圖。當不再閃動,恢復正常時,表示生成完畢。在設定的路徑下就可以找到images資料夾。裡面存放的是生成的切圖。

自動切圖

photoshop cc版本開始整合自動切圖的功能。

編輯——>首選項——>增效工具  把啟用生成器勾選。

檔案——>生成——>影象資源勾選。在test.psd檔案目錄下,會自動生成乙個資料夾test-assets。裡面暫時為空。當改變圖層名字的時候,該資料夾下會對應生成乙個png格式的圖層檔案。

Python工程師必備哪些技能?

python工程師必備哪些技能?學習路線是什麼?隨著人工智慧時代的到來以及國家一系列政策支援,python熱度大增吸引了更多人加入學習。為了能夠快速的掌握python專業技能,成為企業急需的高階人才,絕大多數人會選擇參加專業的學習。python具有簡單 易學 免費 開源 可移植 可擴充套件 可嵌入 ...

雲計算工程師必備技能

隨著資訊現代化的發展,人們對資訊資源的需求不斷地增長,雖然現在的資訊充斥著整個網路,但是如何能快速的獲得我們所需的有效的資源才是重點,雲計算技術工程師就是在這個需求下產生的。在雲計算工作中,it專業人員通常負責公司雲計畫的各個方面。這通常涉及雲資源,服務和應用程式的概念化,規劃,設計,實施,優化,管...

實施工程師的必備技能

實施工程師的必備技能 寫這篇文章,是為了用來記錄過去一年工作的心得以及體會,也為新的工作做乙個鋪墊吧!1實施測試環境的搭建 環境的搭建主要涉及到的是 以及資料庫的部署,一般的話會包括兩個應用伺服器 在linux伺服器上 乙個是應用伺服器,乙個是資料庫伺服器,分別用來放置 的路徑以及資料庫的工具等 1...