當(dāng)前位置:首頁(yè)>ps入門教程>ps基礎(chǔ)教程>工具教程>教程內(nèi)容

講解ps輔助線(4)

來(lái)源:未知 作者:情非得已 學(xué)習(xí):17105人次

輔助線神馬的最給力了。

一、你的輔助線的樣子是準(zhǔn)確的還是隨意的

詳細(xì)解析Photoshop的輔助線使用技巧,PS教程,16xx8.com教程網(wǎng)

雜亂的輔助線

詳細(xì)解析Photoshop的輔助線使用技巧,PS教程,16xx8.com教程網(wǎng)

準(zhǔn)確又整齊的輔助線

二、輔助線基本操作

新增:

通常做法是在顯示標(biāo)尺情況下,從標(biāo)尺處直接拉出輔助線,這種做法不夠明確,當(dāng)視圖放大時(shí)候經(jīng)常會(huì)發(fā)現(xiàn)輔助線并不對(duì)齊實(shí)際像素。

刪除:

將輔助線拖出文檔窗口視圖外,就可以刪掉輔助線。如果要?jiǎng)h除輔助線,可以使用菜單“視圖”-“刪除輔助線”的功能。

旋轉(zhuǎn):

按住Alt時(shí)可以90°旋轉(zhuǎn)輔助線,其實(shí)就是水平和垂直兩種輔助線之間的互轉(zhuǎn)。

鎖定:

菜單“視圖”-“鎖定輔助線”功能,鎖定全部輔助線。

顯示和隱藏:

菜單“視圖”-“顯示”-“輔助線”,快捷鍵為Ctrl+H。

設(shè)置:

在菜單“首選項(xiàng)”-“輔助線和網(wǎng)格”的彈出窗口可以設(shè)置輔助線屬性。在“輔助線和網(wǎng)格”設(shè)置窗口可以修改輔助線的顏色和樣式。或者在選擇移動(dòng)工具并且輔助線沒有鎖定的的情況下,雙擊輔助線,這時(shí)也會(huì)彈出設(shè)置窗口,但這樣可能會(huì)導(dǎo)致輔助線輕微移動(dòng)。

準(zhǔn)確定位:

新增輔助線有另一種更準(zhǔn)確的做法,在菜單“視圖”-“新增輔助線”的彈出窗口,通過(guò)輸入數(shù)值精確定位。除了輸入準(zhǔn)確的整數(shù)坐標(biāo),也可以輸入百分比數(shù)值。例如輸入50%快速定位圖片的中線,輸入61.8%或38.2%就是當(dāng)前圖片的黃金分割線。如果需要很多輔助線,就需要花較長(zhǎng)時(shí)間來(lái)計(jì)算,雖然通過(guò)輸入準(zhǔn)確的數(shù)值可以讓輔助線對(duì)齊像素,這也是比較費(fèi)時(shí)的做法。

詳細(xì)解析Photoshop的輔助線使用技巧,PS教程,16xx8.com教程網(wǎng)

黃金分割

對(duì)齊像素:

拖動(dòng)輔助線時(shí)按住Shift,輔助線會(huì)自動(dòng)對(duì)齊到當(dāng)前標(biāo)尺的刻度上。標(biāo)尺的刻度會(huì)隨著視圖縮放而發(fā)生變化。

使用動(dòng)作或腳本:

960網(wǎng)格系統(tǒng)是網(wǎng)頁(yè)上比較流行的網(wǎng)格系統(tǒng)。http://960.gs/網(wǎng)站制作了一個(gè)atn文件讓設(shè)計(jì)師生成不同類型的960網(wǎng)格。這個(gè)動(dòng)作會(huì)新建一個(gè)固定寬度的文檔然后對(duì)該文檔添加輔助線。如果要讓輔助線居中,需要改變畫布的大小?梢詫嫴紝挾雀臑960PX,運(yùn)行動(dòng)作之后再將畫布水平方向兩邊擴(kuò)展相同尺寸,這樣輔助線便會(huì)居中。

詳細(xì)解析Photoshop的輔助線使用技巧,PS教程,16xx8.com教程網(wǎng)

更改畫布大小的時(shí)候輔助線會(huì)居中

使用腳本創(chuàng)建網(wǎng)格系統(tǒng)會(huì)更加自由而且靈活。腳本除了能完成類似ps動(dòng)作這樣固定的操作,還能可以加入邏輯或者判斷,從https://gist.github.com/1335730 上下載壓縮包,或者將代碼復(fù)制復(fù)制出來(lái)保存成.jsx文件。在ps菜單“文件”-“腳本”-“瀏覽”打開下載的"NumberGuidesGride.js"文件(需要文件瀏覽對(duì)話框的文件類型下拉選項(xiàng)選擇".js"文件),腳本會(huì)詢問(wèn)垂直輔助線的間隔和寬度,不需要水平輔助線的可以輸入0。

使用擴(kuò)展:

GuidesGride是一個(gè)免費(fèi)的設(shè)置輔助線的photoshop的擴(kuò)展,能夠建立各種有規(guī)律的輔助線,保存和管理各種用戶預(yù)設(shè)。介紹文檔 http://www.guideguide.me/ 。這個(gè)擴(kuò)展安裝需要使用到Adobe Extension Manager,安裝完之后重啟ps,便可以在菜單“窗口”-“擴(kuò)展”下打開GuidesGride面板。

三、相關(guān)書籍

《秩序之美——網(wǎng)頁(yè)中的網(wǎng)格設(shè)計(jì)》Ordering Disorder:Grid Principles for Web Design

《柵格系統(tǒng)與版式設(shè)計(jì)》Grid Systems:Principles of Organizing Type(Kimberly Elan)

四、一句話總結(jié)

離你越近的地方,路途越遠(yuǎn);最簡(jiǎn)單的音調(diào),需要最艱苦的練習(xí)。

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!