爲何要學習PS?前端
這要追溯到公元2014年12月31日晚,在制定15年計劃的時候,頭腦一熱就把這一項寫進了計劃裏。不過這也是有緣由的,有時候須要作一點前端的時候,ps用很差確實很影響工做效率,雖然這在我平時工做中所佔得比例並非很大。今年須要完成的計劃就剩下了兩個,其中包括學習ps,眼看這一年又走到頭了,簡單學習一下ps基礎,能爲前端提供一些幫助就行。既然制定了這個計劃,就把它完成,言出必行,這是個人忍道。web
學習目標工具
* 可以本身使用ps從網頁設計師提供的psd中獲取網頁前端開發過程當中所須要的資源學習
* 對簡單的ps操做有一個基本瞭解spa
* 能夠作一些簡單的圖片處理和調整.net
* 提升本身的審美期美感的培養設計
1、界面設置blog
1. 新建:Ctrl+n 圖片
預設:web 大小:1920\*1080,可是web設計是不指定高度的。因此預設:自定義,大小:1920\*2000(高看狀況)。分辨率:72。顏色:RGB。背景:透明。ci
2. 移動工具設置 快捷鍵:v
建議:自動選擇不打勾;自動選擇後面的選項選擇:圖層;當選擇的時候能夠按住ctrl鍵選擇圖層。
3.視圖設置
視圖--顯示--勾上智能參考線 標尺:打鉤
選擇ps切圖最經常使用的四大功能:信息,字符,圖層,歷史記錄
在信息右邊--面板選擇,標尺單位所有改成像素。顏色模式所有改成RGB模式。文檔尺寸打鉤。
編輯--首選項 單位全改成像素
ctrl+右鍵 點擊圖層,能夠看到相對應的信息。
窗口--工做區--新建工做區 取名:web切圖。這就至關於保存了當前配置。下次打開,只要點擊窗口--工做區--web切圖,就能夠恢復設置
2、基本操做
三個目標:簡單工具操做。圖層原理極其操做。參考線及其輔助。
1. 移動工具,快捷鍵:v。Ctrl同時選擇兩個圖層,能夠在屬性欄對齊進行各類對齊。
2. 選區工具:圖層一旦有了選區,咱們對圖層的操做,都針對選區內部。鼠標放入選區內部,按住ctrl,能夠移動選區。
屬性欄的是個標記分別是:1,只能建立一個選區。2,能夠建立多個選區,相交的部分會加在一塊兒。3,相交的部分會減去。4,相交的部分會留下,其餘的都減去。
選區工具中的橢圓工具,不管單行仍是單列,它選中的僅僅只是一個像素。
注:橢圓和矩形,想要達到正圓和正方形,須要按shift鍵。想要選中中心點,須要按住alt鍵。
選區工具快捷鍵: shift增長選區,alt減去選區,其實這兩個快捷鍵是通用的。
shirf+m 會在擴展中間輪流切換。
ps:圖像窗口放大縮小的快捷鍵。ctrl+「+」放大,ctrl+「-」縮小。
學PHP的小螞蟻 博客 http://my.oschina.net/woshixiaomayi/blog