導航:首頁 > 萬維百科 > ps網頁設計如何設置參考線

ps網頁設計如何設置參考線

發布時間:2020-12-28 11:53:49

1、ps裡面製作網頁版式為什麼都用了參考線布陣

打開psd軟體,建好文檔後,CTRL + R 調出縱橫尺度條,將游標移到尺度條上,按住左鍵向畫面拖拽,就能形成參考線。如何布陣,參照尺度條分割就好!
顯示和隱藏參考線的快捷鍵是CTRL + ;
參考線的功能不止這些,你可以看看psd軟體自帶的幫助,先說這些!

2、PS怎麼設置參考線

首先我們要新建一個文件,文件>新建,建完之後,你可以在空白的地方輸入文字版或者放入你權的設計素材。這時如果你要在居中的位置放定,但是用肉眼又不確定是否放在了中間,這時我們就要用到參考線工具了。

2
參考線我們應該怎麼設置呢,首先在視圖>新建參考線。

3
出來參考線的設定按鈕,我們可以選擇垂直和水平方向,選擇你要的位置,點擊確定,這時你發現,沒有尺子作為對照,這參考線有什麼用的,當然這樣只是設定參考線的最初級的。下面我們介紹快捷鍵的方法。

4
crtl+r調節出四周的參考尺,這時你用滑鼠點定參考尺的位置,按住滑鼠左健往外拉滑鼠,你是不是看到一條參考線出來了。

5
按照你的要求設定好參考線,把你的文字或者是設計元素放在你需要的位置,完成之後,但是參考線在,不能更好的觀察效果,我們應該怎麼清除參考線呢,下面我介紹一下刪除的方法。

6
點擊ps上方的視圖,選擇清除參考線。

3、ps網頁設計,文字怎麼在參考線中上下左右對齊

單獨一個文字是對不齊的,需要一個參考對象。如圖,我在四條參考線中用選區工具畫了個框,然後切換到移動工具,選中文字圖層,單擊對齊按鈕可上下左右對齊

4、在PS中怎麼設置輔助線

1、電腦抄打開Photoshop。

2、打開Photoshop後,按Ctrl+R調出參考線,然後用滑鼠直接拖出參考線。

3、拖出參考線後,在需要參考的位置放開滑鼠就可以了。

4、或者點擊工具欄中的視圖。

5、點擊視圖後,點擊新建參考線。

6、點擊新建參考線後,可以輸入具體位置和選項參考線取向。

7、點擊確定後,5像素的參考線就做好了。

5、PS裡面的參考線怎麼設置

具體操作步copy驟如下:

一、打開ps軟體,為了更直觀的展示參考線的設置,新建一個畫布。

二、在菜單欄「視圖」中選擇「新建參考線」選項。

三、在彈出的新建參考線對話框中選擇水平或者垂直方向的參考線,這里選擇的是垂直,位置處是相對於畫布邊緣來說的。

四、如下圖所示,垂直參考線新建完成。

五、可以根據自己的需要添加參考線,位置自己選擇合適的距離輸入,這樣參考線就設置成功了。

6、ps里怎麼設置參考線(四周)

1、首先要新建一個文件,文件>新建,建完之後,你可以在空白的地方輸入文字或者放入你的版設計素材。這時如權果你要在居中的位置放定,但是用肉眼又不確定是否放在了中間,這時就要用到參考線工具了。

2、參考線應該怎麼設置呢,首先在視圖>新建參考線。

3、出來參考線的設定按鈕,可以選擇垂直和水平方向,選擇要的位置,點擊確定,這時發現,沒有尺子作為對照,這參考線有什麼用的,當然這樣只是設定參考線的最初級的。下面介紹快捷鍵的方法。

4、crtl+r調節出四周的參考尺,這時用滑鼠點定參考尺的位置,按住滑鼠左健往外拉滑鼠,看到一條參考線出來了。

7、PS中,如何讓參考線實現4等分,16等分

1、用ps任意來打開一張圖片。

2、選自擇左邊菜單欄切片工具,右擊選擇「切片工具」。

3、選中圖片,右擊選擇「劃分切片」。

4、在劃分切片窗口選擇水平劃分為4個縱向切片。

5、點擊確定之後,圖片會出現4個等分切片線。

6、按ctrl+R,拖動參考線與切片一致。

7、選擇切片工具,右鍵點擊頁面,選擇「刪除切片」。

8、4等分參考線就完成了,如果想做16等分參考線,方法類似。

8、網頁設計用PS怎麼看兩條參考線之間的距離

1、新建畫布,調出標尺(ctrl+R/視圖-標尺)。

2、設置好標尺單位,如像素(右擊標尺刻度,選擇單位)。


3、放大圖像(放大鏡/alt+向上滾動滑鼠滾輪/ctrl+『+』),放大到刻度精確到1像素。


4、將滑鼠放在標尺上開始拉動,看到在拉動過程中會顯示已經拉動的距離。

9、怎樣在PS建立水平、垂直的居中參考線

說真的,很多設計師做了幾年網頁設計,但依然把參考線沒有玩轉,甚至很少去使用它。要知道,參考線是PS中很強大的工具,省時省力,效果極佳,能夠幫助我們的內容」塑形」。

打開標尺

首先,要確保已經打開標尺,如果沒有打開,那麼視圖>標尺(CTRL/CMD+R)

設置並調整參考線

打開標尺後,可以開始設置參考線了。只需拖移垂直標尺或水平標尺並釋放,便可設置垂直或水平參考線了。

釋放按鍵後,虛線變為彩色參考線

使用任何工具時,都可以設置參考線,無所限制。值得一提的是移動工具(V),可以進一步拖移參考線,重設位置。

拖移參考線時的一些快捷鍵

Alt 鍵(Mac:Option): 可將水平參考線改為垂直參考線,也可將垂直參考線改為水平參考線

Shift 鍵: 可根據標尺的刻度對齊參考線,如果想要改變標尺的單位,可右鍵單擊標尺進行設置。

隱藏/顯示,清除以及鎖定參考線

隱藏/顯示:(Ctrl+H)、或者視圖>顯示>參考線

清除: 視圖 > 清除參考線

鎖定: 視圖> 鎖定參考線。注意,依然可以新建參考線

精確設置參考線

比方說中心位置 視圖>新建參考線(Alt+V,按E)

當然,輸入百分比便省去了計算的麻煩:

新建參考線的默認單位取決於標尺的單位

參考線使用的案例

現在,我們來用真實案例來說明一下參考線的益處。比方說常見的三欄式布局,在文本與頁面邊緣之間需要留出一點留白區域。同樣的,欄與欄之間也需要留白區域。總而言之,我們最後想要這種文本布局。

創建新文件: 輸入一些文本,比如Lorem Ipsum就行

設置基本參考線:在開始之前,設置一些最基本的參考線(畫布的頂部,底部,左邊,右邊),然後設置兩條垂直參考線(33.33%以及66.66%),結果如下。

創建留白區域: 現在需要給欄與欄之間創造一點留白區域。使用矩形工具(Shift+U),在想要設置留白區域的地方畫出形狀,我使用了品紅色,這樣比較容易辨識。

10、PS如何精確設置參考線,標尺,輔助線

解決方法
1、點擊視圖——標尺
2、標尺會顯示在畫布周圍~
3、用滑鼠點擊上方的標尺往下拉,可以拉出一根綠線,也就是輔助線~
4、用滑鼠點擊左側的標尺往右拉,可以拉出一條豎直的輔助線~

與ps網頁設計如何設置參考線相關的知識