排版教程，超詳細(xì)適合初學(xué)者的排版教程（二）(4)

初學(xué)者排版教程第二篇，主要講解圖片大小設(shè)置，背景填充，圖層、圖層組和PNG的知識(shí)，新手一起來(lái)了解一下這些知識(shí)吧。

教程目錄：

P1：圖片大小的設(shè)置：圖片大小的設(shè)置/尺寸的定義/照片常見尺寸表

P2：背景填充：顏色填充/圖案填充

P3：圖層與組：圖層與圖層之間的關(guān)系；養(yǎng)成分組操作的好習(xí)慣。

P4：筆刷的應(yīng)用：筆刷的安裝和使用方法。

P5：DIY PNG貼圖：PNG的簡(jiǎn)介，如何制作PNG

P6：標(biāo)尺等間距拼圖：設(shè)置間距拼圖。

P7：好看的簡(jiǎn)體字體歸納：常見的字體示例。  

上次的教程有很多不足的地方, 感謝大家的包容和支持☆~ 我一定會(huì)繼續(xù)努力的呀~>_<~  大家的私信和留言我都有看到, 針對(duì)大家不明白的地方我做了一個(gè)總結(jié)(づ￣ 3￣)づ 于是就有了這第二個(gè)排版的教程~(≧▽≦)/~ 算是對(duì)上次沒(méi)有講到的地方,進(jìn)行一個(gè)補(bǔ)充。 如果有更好的方法也請(qǐng)?jiān)谠u(píng)論處分享出來(lái)吧?

讓我們一起進(jìn)步吧☆~

圖片大小的設(shè)置

私信中有小伙伴反應(yīng)說(shuō)拼圖之后圖片很大，造成電腦很卡，所以圖片大小的設(shè)置也是很必要的，在這里我只提供我個(gè)人的設(shè)置圖片大小的習(xí)慣，但是不代表你要和我一模一樣噢，我設(shè)置大小的原則是，放大之后細(xì)節(jié)還是能夠看得很清楚，一般為2-5M。

如下圖我們新建一張圖。（這里也教大家另外一種拼圖方法）

然后出現(xiàn)如下對(duì)話框：

美國(guó)標(biāo)準(zhǔn)紙張即A4標(biāo)準(zhǔn)大小。

圖片大小我一般不低于15.3M，然后點(diǎn)確定即可。

如果想在這張圖上上拼圖，直接拖進(jìn)圖片即可，

同樣，設(shè)置圖片大小也是一樣。

改變寬度的時(shí)候：

保存的時(shí)候：

計(jì)算機(jī)會(huì)計(jì)算出不改變圖片寬高比例的高度，等比例的改變大小，十分方便。如果要改變圖片的比例，用裁剪工具就可以了。保存的時(shí)候其實(shí)并沒(méi)有圖像大小顯示值那么大，根據(jù)你的操作大概在5M之內(nèi)。這樣操作的時(shí)候，你的電腦應(yīng)該不會(huì)卡了。

尺寸的定義

便于大家更好的理解：尺寸大小，比如800*600吧，知道了尺寸大小可以計(jì)算出像素大小，比如：800*600=480000，那個(gè)480000就是像素了，你可以把一長(zhǎng)圖片看成一個(gè)矩陣，尺寸大小就是長(zhǎng)有多少像素，寬多少像素。而像素大小就是這個(gè)矩陣?yán)镆还灿卸嗌傧袼亍?/p>

照片常見尺寸：

背景填充

其實(shí)就是改變背景的圖案啦。我個(gè)人是比較喜歡簡(jiǎn)單的背景，畢竟是要在上面加文字的，如果背景太復(fù)雜，看得人眼睛會(huì)看花吧，我喜歡直接填充顏色。

操作如下：

新建一張空白的圖，上面已經(jīng)講過(guò)，這里就不詳細(xì)說(shuō)明了。

然后“填充”

然后點(diǎn)顏色會(huì)跳出右邊這個(gè)對(duì)話框（拾色器）

選取自己喜歡的顏色即可。

如果我們想自定義圖片做背景：

第一步：打開一張簡(jiǎn)單的圖片。

第二步：編輯 - 定義圖案。

第三步：點(diǎn)確定。

這個(gè)時(shí)候剪裁你會(huì)發(fā)現(xiàn)是這個(gè)樣子。

所以這一步做完之后還沒(méi)有完成哦，繼續(xù)：剪裁 - 填充 - 圖案 - 選擇。

填充

圖案

選擇你要的圖案：

如果排版時(shí)背景大小不夠，也沒(méi)關(guān)系，背景圖層可以反復(fù)填充，只要重復(fù)上面的操作即可。

圖層的概念

通俗地講，圖層就像是含有文字或圖形等元素的膠片，一張張按順序疊放在一起，組合起來(lái)形成頁(yè)面的最終效果。圖層可以將頁(yè)面上的元素精確定位。圖層中可以加入文本、圖片、表格、插件，也可以在里面再嵌套圖層。

組的概念

在圖層面板最下方有一個(gè)像文件夾的圖標(biāo)（下圖），點(diǎn)擊就能創(chuàng)建圖層組了。

圖層組的作用就像文件夾一樣，把同類的圖層歸類放在一起，便于管理。對(duì)于多圖層的圖片，一般都會(huì)使用圖層組來(lái)管理，方便查閱，也方便對(duì)多個(gè)圖層使用同一個(gè)編輯命令�？梢酝瑫r(shí)隱藏和顯示，移動(dòng)，更改多個(gè)圖層。

圖層之間的關(guān)系

兩個(gè)圖層的上下關(guān)系是圖層欄圖層前后順序所決定的。以背景圖層為例，它位于圖層的最下方，所以是背景，同理，離背景越近的圖層，為它自己上方的圖的背景，舉個(gè)例子：

飛機(jī)的圖層在電腦圖層的前方，所以電腦圖層可以看做是飛機(jī)圖層的背景，飛機(jī)圖層會(huì)覆蓋在電腦圖層的上方。

如果想同時(shí)移動(dòng)這兩個(gè)圖層怎么辦呢？

按住“control或CTRL”鍵同時(shí)用鼠標(biāo)選中這兩個(gè)圖層，右擊鼠標(biāo)然后點(diǎn)“合并圖層”

注意：別點(diǎn)成了“合并可見圖層”，否則全部的圖層都會(huì)合并，那樣后面修改的時(shí)候就麻煩了。只需合并你需要合并的圖層，然后再用移動(dòng)工具，移動(dòng)到合適的位置即可。

小技巧：保存的時(shí)候，可以直接點(diǎn)“合并可見圖層”后，直接保存，記得除了保存最終的JPG格式之外，還要先保存一個(gè)包含所有圖層信息的PSD格式，便于以后修改。

圖層與組的關(guān)系

在建立了背景圖層后，我們排版時(shí)往往要添加文字和圖片，在PS里面每一張圖都是一個(gè)圖層，有時(shí)候定游記或者功課之類的可能會(huì)有上百?gòu)垐D，所以我們利用“組”來(lái)對(duì)這些圖片和文字整理歸類，才不至于思路混淆，想修改也無(wú)從下手。希望大家都養(yǎng)成分組的好習(xí)慣。

舉例講解：

在制作教程的時(shí)候，我每一張圖都會(huì)制作成PSD，這里回顧一下PSD的概念，PSD／PDD是ADOBE公司的圖形設(shè)計(jì)軟件photoshop的專用格式。PSD文件可以存儲(chǔ)成RGB或CMYK模式，還能夠自定義顏色數(shù)并加以存儲(chǔ)，還可以保存photoshop的圖層、通道、路徑等信息，是目前唯一能夠支持全部圖像色彩模式的格式。

以本次教程圖片為例

圖片置入后直接拖入組里：

分組完成之后PSD變得很有條理，便于以后修改，這是我平時(shí)常用的分組，建議將圖片命名之后再導(dǎo)入，因?yàn)镻S必須點(diǎn)了右邊圖層欄的圖層之后，才能進(jìn)行移動(dòng)以及其它操作，命名之后，日后修改的時(shí)候便于找到是哪一張圖。

筆刷的概念

筆刷是photoshop中的一個(gè)工具之一，它是一些預(yù)設(shè)的圖案，可以以畫筆的形式直接使用。

筆刷的安裝，看圖操作：（點(diǎn)畫筆工具，點(diǎn)工具屬性設(shè)置畫筆，點(diǎn)小面板的小齒輪，點(diǎn)載入畫筆。）

在網(wǎng)上事先下好的筆刷，點(diǎn)擊打開即可。

筆刷的使用：新建一個(gè)空白的背景，然后將畫筆調(diào)出來(lái)。

修改筆刷的顏色。

設(shè)置前景色為你想要的顏色即可。然后選擇一個(gè)你喜歡的筆刷，我選的是星星圖案筆刷，然后在背景上點(diǎn)一下。效果如下：

之后可以自己改變一下畫筆里面的設(shè)置感受一下，例如我調(diào)了一下間距，然后使用星星筆刷畫一條曲線，間距為百分之一的時(shí)候，效果如下：

間距為百分之115的時(shí)候：

百萬(wàn)富翁可以發(fā)現(xiàn)畫出來(lái)的圖和畫筆工具里面右下角的那個(gè)圖是不是很像？其實(shí)右下角就是你用你選擇的畫筆畫一條曲線的預(yù)覽效果啦。其余的設(shè)置大家可以自己改變一下，都可以很直觀的感受出每個(gè)設(shè)置的作用和效果。

小提示：畫錯(cuò)了可以直接用橡皮擦擦掉。前提是：橡皮擦設(shè)置的背景色和你使用的背景顏色相同。

PNG的概念

PNG，圖像文件存儲(chǔ)格式，其設(shè)計(jì)目的是試圖替代GIF和TIFF文件格式，同時(shí)增加一些GIF文件格式所不具備的特性。

它和JPG最大的區(qū)別在于JPG有背景，PNG只有主體

PNG的制作

有很多時(shí)候我們?cè)诰W(wǎng)上找到的好看的圖，它們的格式并不是PNG的時(shí)候，我們應(yīng)該怎么辦呢？這個(gè)時(shí)候我們就要利用上次提到過(guò)的摳圖。

打開一張圖片，用魔棒工具選中粉色背景的部分。

然后SHIFT+COMMAND+I 或 SHIFT+CTRL+I 反向選擇，點(diǎn)擊調(diào)整邊緣，點(diǎn)擊智能半徑。

然后點(diǎn)擊SHIFT+COMMAND+J（WIN：CTRL+J）復(fù)制圖層，把背景前的小眼睛去掉之后，保存圖片。

再次回顧一次保存圖片的方法：

完成效果：

使用PNG的方法和JPG的一樣，直接拖進(jìn)圖片里面就好了，就不再演示了。

等間距的拼圖

我們需要做的是先把你要拼的圖片，全部放在一個(gè)文件夾里面，并且裁剪成相同的比例。

然后調(diào)出標(biāo)尺：

第一種方法：

視圖 - 標(biāo)尺（CTRL+R)，
畫面顯示標(biāo)尺后，可以直接用鼠標(biāo)左鍵按住刻度線拖到你想要的位置，輔助線的距離你可以參考標(biāo)尺（放大會(huì)準(zhǔn)確些），可以直接用選擇工具移動(dòng)輔助線，輔助線為避免無(wú)意中被移動(dòng)，你可以：視圖 - 鎖定參考線。

第二種方法：視圖 - 新建參考線，這個(gè)新建的參考線位置非常準(zhǔn)確。

這里演示的是第二種方法：

PS輔助線怎么用

1、從橫標(biāo)尺或堅(jiān)標(biāo)尺可以分別拖出橫豎的輔助線，在拖動(dòng)過(guò)程中按ALT鍵可以臨時(shí)切換橫豎輔助線。

2、在左上角的區(qū)域按住鼠標(biāo)可以拖出十字輔助線。

如何清除輔助線？

將鼠標(biāo)放在標(biāo)尺線上，往標(biāo)尺線方向拖動(dòng)，如下圖所示，拖到標(biāo)尺線以外就可以了。

另一種方法：直接刪除動(dòng)作，將歷史動(dòng)作面板調(diào)出來(lái)，調(diào)出來(lái)之后，選定相應(yīng)的動(dòng)作刪除即可。