第二課：開始做一個可以使用的圖片

我們已經迎來了PsCast的第二課，也許對於這款軟體你還是一頭霧水，但我認為你已經可以進行實戰了，是的，趕緊跟上我的腳步，一步步來實踐做一張圖片，通過本次的實踐，你又會學會很多Ps軟體的功能。

我們今天要做一個什麼圖呢？我一開始就說過，我們這個課程中會真正教大家把這款軟體用好，我們學東西是為了做出「有用」和「實用的東西」，所以我們的每一次實踐，也都直接來做當可以直接使用起來的東西！

我們在當下這個時代里，其實人人都離不開「社交媒體」「社會化媒體」。我們做出來的圖片，也離不開社會化媒體的傳播，而且這幾年來，流行起了「二維碼」。我覺得「二維碼」的普及簡直是給圖片插上了翅膀，等於是讓原來靜態的圖片，接入了互聯網。

所以我們今天要來做一個簡單清爽但是可以在「社會化媒體」中使用的：二維碼海報！ 成品效果如下：

我們的示例中，是給我們pscast來做一個海報，如果你認為我們的課程對您有幫助，也歡迎您將您做出的這一張海報屆時分享到您的微信朋友圈中，讓更多人認識我們,如果你不想幫我們分享也沒關係啦，你可以實踐一遍，修改成自己的內容，學習到這其中的操作方式即可！

首先，第一步：按照我們上一課所講的，請你創建一個畫布，如果忘記怎麼創建畫布的，請回看上一課的教程。

注意這一次，我們一開始創建畫布的時候，尺寸請設置為：寬度：800像素，長度：1200像素。

這時候我們來分析一下，上面示例的這張成品圖片，其中有幾大塊：

1.首先背景顏色為淡綠色。

2.然後有一個紅色的標題，文案為：「一起來get一個有用的技能」。

3.接著是正文部分的主體文案。

4.最後為底部的二維碼。

第一個目標：設置背景顏色為淡綠色

ok，我們接下來一塊一塊的完成這張圖片。首先，我要解決的問題是，把圖片的背景要做成淡綠色。我們新建畫布以後，系統默認給了我們一個白色的「背景」圖層，所以我們現在看到的畫布顏色為白色。我們現在要把白色背景換成淡綠色，其實要這個變換背景顏色需求有很多的方式，我們今天來講一個最常用的方式。

首先，我們點擊左側工具欄上的［恰色器］

，這裡面有上下兩個正方形，我們點擊上方的正方形，點擊以後彈顏色選擇窗口，我們就可以選擇顏色了。先聽我說完，你再選顏色

但是大家都知道，任何顏色都有很多很多的種類，綠色就分成很多種，我們如何選擇一個和我的示例圖片中一模一樣，毫無偏差的「淡綠色」呢？

其實，我們平時所說的紅色，綠色，黃色，都只是一個統稱，而在計算機的世界裡，辨認一個顏色都有一個具體的標準和代號，而且一種顏色往往在計算機里有多種代號，比如rgb顏色，十六進位顏色等等。這些我們稍稍提及，我認為對初學者來說並非重要，我就不深入講 ，有興趣的可以自己去了解，我稍後也會告訴你，如何找到某個顏色的「代號」。

回到我們要做的任務上來，我們現在要把背景顏色設置成如我示例中的淡綠色，那我現在告訴你，我這個淡綠色的16進位顏色代號為：＃f5f9ed

ok，這時候，你需要做的就是，把這個顏色代號填寫到恰色器中去，填寫在如下圖所示的位置：

注意，我剛才已經告訴你了，我們所要使用的淡綠色的顏色代號為：＃f5f9ed你只需要把f5f9ed這幾個數字和字母的組合填寫到如上的位置即可，不用填＃號，其它那些你看不懂的欄位也不用填寫，那些是一個顏色其它的代號標準，我剛剛已經說了，在計算計中，一個顏色有多種名字，有rgb的名字，有16進位的名字等等，我們只需要知道它的一個名字，就可以呼喚出它，所以我給你的這個代號即是一個16進位的名字，你寫出這個名字以後，它的其它名字就不需要填寫了。

ok，填好顏色後，你點擊確定即可。

這時候，你會發現，你的背景還是白顏色，並沒有變化。當然不會有變化，因為你現在只是準備好了顏色，還沒有填充上去。接下來，我們就來填充顏色，把背景圖層全部填充成＃f5f9ed這個淡綠色。

請點擊我們菜單欄上的 編輯 菜單，選擇［填充］按鈕，如下圖的位置：

點擊［填充］後，會彈出下圖所示的對話框。

這裡面我們無需改動什麼，直接點擊［確定］即可。

但是你可以看一看上面這個對話框里的文字，你就可以理解我們剛剛操作的意義是什麼，我們填充所使用的顏色為：前景色。其實我們剛剛設置顏色代號的過程即是在設置準備前景色，當設置完前景色以後，我們直接用前景色的顏色來填充整個背景圖層。

這時候，你會發現，你整個畫布的背景已經變成了我們所要的「淡綠色」了。我們所用的淡綠色，是一個不太明顯的淺顏色，其實學到這裡，你也可以嘗試嘗試，填充一些更深的顏色，那樣更容易能看到效果。

第二目標：完成海報的標題

剛才我們已經完成了第一個目標，接下來我們來完成下一個目標，在進入下一個目標之前，我要你先檢查一下你的ps界面右側是否有 如下圖所示的「字元」窗口。

如果沒有這個窗口也沒關係，你只需要在上方菜單欄－窗口中，勾選「字元」即可出現該小窗口。

你記住，以後如果在ps界面上，某個窗口功能區你找不到了或者沒顯示，都是在菜單欄窗口菜單中勾選即可。

好，接下來，我們要來作出海報的標題。其實這個海報的標題比較簡單，其實就是一段文字而已「一起來get一個有用的技能」。在photo shop中，我們書寫文字，當然是用文字工具。

文字工具也在界面左側的工具欄處，如下圖標紅的位置即是文字工具：

這裡再稍微講一下工具欄。我們看一下如上圖所示，工具欄裡面，我們滑鼠左鍵點擊後即可選中使用該工具，但我們注意到每個工具按鈕右下方都一個小三角形，小三角形代表一個工具里其實是有多個選項的！你可以試試用滑鼠的右鍵點擊某個工具按鈕，都會出現一個小的下拉菜單，有的工具，我們是需要通過工具按鈕右擊在下拉菜單中選擇的！

例如我們現在要選擇的［文字］

工具，如果你右擊這個圖標，你會看到如下所示的菜單。當然默認的就是：「橫盤文字工具」

我們選擇橫排文字工具，選擇好文字工具以後，我們在字元窗口處，點擊顏色的位置，設置文字顏色。

你會看到文字顏色的設置窗口和剛才設置前景色的窗口是一樣的。我們的標題文字是一種紅顏色，代號為：＃9d0b0b。我們還是把9d0b0b這幾個字元像設置剛剛的前景色時一樣，填入到相應的位置，點擊確定。

設置好文字顏色以後，我們把滑鼠移動到畫布上去，並且在任意位置點擊一下畫布，這時候游標應該是可以鍵入文字的狀態，這時候我們就可以鍵入文字了。

我們鍵入：一起來get一個有用的技能

當你輸入文字以後，你會發現，這時候系統給你自動建立了一個新的圖層1.也就是說，你的文字其實是和你的背景分離的。

我們鍵入文字完畢後，請用滑鼠全選剛剛鍵入的文字，然後在右側的 字元窗口，將文字的大小設置成50點，字體設置成微軟雅黑。

其實ps中的文字，是可以快速全選的，你只需在圖層中，點擊你所在的圖層1，因為圖層1中均是文字，所以前面圖層上按鈕上有一個」T」的符號，你只需要雙擊「T」,就可以快速全選你剛剛鍵入的文字了。

這時候文字也輸入好了，大小，字體，顏色也都好了。但是因為我剛才讓你在屏幕任意的地方點擊，所以文字所在的位置可能和我們示例的圖片不太對。這時候你只需要點擊左側工具欄中的

［拖動］工具，即可移動剛才文字的位置。

因為我們這是第一次實踐，我們並不要求大家過於精確，你只需要將標題移動到和我們示例圖片差不多的位置即可！

這時候我們應該已經作出如下圖所示的效果了！

第三目標：完成海報的正文

接下來，我們來做海報的正文。

其實海報的正文也是一段文字，和前面的標題，製作方法基本類似 。但因為是整段文字，對於整段文字，我們肯定是複製文字後，粘貼到ps。為了更方便的文字排版，我們製作多段文字的時候，往往採用如下方法，和僅有一段文字的標題還是有些操作上的區別的！

首先我還是點擊左側工具欄上的

［文字］工具，但剛剛做標題的時候，我們是讓大家在畫布任意位置點擊屏幕，然後出現游標後鍵入文字的，現在我們不要直接點擊屏幕，而是：

點擊了

文字工具按鈕後，在畫布大概的位置上按住滑鼠左鍵，然後拖動滑鼠，拖出一個文字區域，如下圖：

當你拖動了一個大概的文字區域以後，鬆開滑鼠，你就可以在該區域內鍵入文字，這樣做的好處是，更方便整段文字的排版。

現在你可以直接複製，粘貼如下文案 到該區域中去：

「 Hi,我是 xxx，我正在《ps cast》上免費學習photo shop這款軟體。

這是我用photo shop做出的第一張圖片！也歡迎你來和我一起免費學習，讓自己get一個超級實用的新技能！

你可以識別下圖二維碼即可立即開始學習啦！」

粘貼以後，你會發現，文字好像很混亂，很大！沒關係，你只需要像我剛剛說的那樣全選所鍵入的文字，然後如下圖將文字的大小設置成：30點，行間距設置成：45點，文字顏色的代號設置成：＃474b47 如下圖：

該正文第一段中，你可以參照我們的示例圖片，填寫上你的名字，並通過字元窗口把你的名字的文字加粗，並設置成綠色，該綠顏色的代號為：

你注意看一下，你的文字區域框四周圍都有空心小正方形，你可以通過點擊拖動這些小正方形，調整你文字區域的大小。所以請你根據我們示例的圖片，把文字框調整成一個差不多合適的大小。

最後，和標題的拖動一樣，你可以使用拖動工具

，整體將你的這段文字擺放在畫布上一個恰當的位置。

現在我們的效果已經做到如下效果：

第四個目標：做好二維碼，並放上去

最後，我們來放二維碼。放二維碼之前，我們先學會生成二維碼，這和ps無關。

二維碼有很多功能，主要就是用來記錄一些簡單的信息，存放於二維碼之中，比如網址，比如一段話等等。

如果一個二維碼裡面存放了網址，那用戶掃描了該二維碼就可以直接訪問到網址所在的網站。那樣怎樣生成處二維碼呢？也很簡單，互聯網上有很多免費的二維碼生成網站。

我們今天點擊一個比較知名的二維碼生成網站，這個網站的地址為：https://cli.im

我們直接進入這個網站後，選擇－網址

然後輸入我們pscast的網址。注意要輸入完整，域名後綴為.cn，就是：http://pscast.cn

輸入以後，點擊生成二維碼，二維碼就做好，如下圖所示，我們在瀏覽器二維碼的位置，選擇複製圖片，每個瀏覽器可能不一樣，有的可能就是複製：

複製好二維碼以後，我們回到photoshop軟體。

直接按鍵盤，crtl＋v 鍵，粘貼。

這時候，你會看到，你的二維碼已經粘貼到了ps中。並且系統自動又建了一個圖層

這時候你還是選擇工具欄上的拖動工具

，直接拖動二維碼到合適的位置即可，如下圖：

你會看到我此前示例的圖片中，二維碼是一個粉紅色（代號＃fab5b5）的描邊的。那是如何做到的呢。那也很簡單，如下操作：

我們找到二維碼所在的圖層處，然後用滑鼠右擊該圖層，會出現如下的選項，我們如下圖，選擇：混合選項

點擊混合選項後，我們會看到很多的選項：

我們如下圖，選擇描邊，然後將大小設置成6像素。顏色設置成代號為：＃fab5b5

點擊確定即可

ok，我們現在基本四個大步驟都搞定了！

這時候，我們需要來仔細看一下我們今天做的東西，你是否還記得我們上一課關於圖層的學習？你看看今天我們這個實踐中，產生了幾個圖層？

我們一共產生了四個圖層，分別是背景圖層，標題，正文，二維碼，都在各自的圖層里，如果你關閉上任何一個圖層前的小眼睛，你會發現，這個圖層就不會顯示：

其實今天你會更加理解圖層的重要性，圖層能夠更靈活的管理我們圖像的結構。

比如到目前為止，我們這個圖片已經大致做好了，但還是需要微調一些距離等等其它方面的調整。這時候你要調整哪一塊，你就得先點擊到那一塊的圖層里去，你對該圖層所做的調整和修改，不會影響其它圖層的效果，位置等。

所以你現在可以做的是，最後把標題，正文，二維碼三者，三個圖層的位置，再通過拖動工具，調一調，調到一個最合適的位置，對了，利用拖動工具調位置的時候，可以用滑鼠拖動，那樣是比較大幅度的拖動，也可以利用鍵盤的上下左右鍵進行微調。

如果你想改動某個圖層中的文字，顏色，圖形等，你也需要在圖層窗口，點擊選擇該圖層，才能改動該圖層中的內容！

關於保存與導出

本課最後再講一下關於文件的保存與導出。

保存和導出文件很簡單，只需要在菜單欄中選擇：文件－存儲為

然後如下圖選擇格式。

我們可以將我們作出的東西保存成最常見的jpg或png，gif等很多種格式的圖片。當然我們最常用的就是jpg，png，gif等。

我們也可以保存成以psd為格式的文件。保存成以psd為格式的文件，那就只可以用ps打開，裡面的圖層等，都會保存好，以便你下一次打開，繼續可以工作，比如我們要做一個複雜的圖片項目，我們第一天做了一部分，後面還需要繼續做，那我們就要保存成psd格式。

而當我們整體做好以後，就可以保存成 成品的jpg，png等格式的圖片。

所以今天，我們的這個海報做好以後，請大家既保存一份psd文件，再保存一份jpg的圖片，然後願意的同學可以把jpg的圖片分享到微信朋友圈中。