現在越來越多的網站都很注重用戶的體驗度，特別對新手，在用戶注冊成功后，都會有一個新手引導的界面。
讓新手了解平台一些關鍵字或新增加功能，那些這些圖片是怎么做的呢？
我只是一個程序員，不是美工。所以我想了很久，自己慢慢找到了感覺。雖然做的不專業，但對我來說已經足夠了。
下面我就把制作新手引導圖片的過程記錄下來。方便自己以后查閱，同時也給有這方面使用的朋友一點幫助。
下面我就用我的平台來例：http://www.5iads.cn
第一步：需要先准備一張和背景圖片。
打開QQ截圖，把我需要做為背景的網頁截圖下來，保存到自己電腦磁盤里。
然后使用PS打開這張背景圖片。
第二步：在PS軟件里操作，下面是關鍵步驟。
1.選擇需要突出顯示的部位，這里我使用了橢圓形來選擇。
如果你有多個部位需要突出顯示，可以按住Shift鍵，然后再去選擇其它的地方，
位置已經選擇了，下面就要動真功夫了。
鼠標右鍵，選擇羽化，羽化半徑設置為5像素，然后再鼠標右鍵，選擇反向選擇，如下圖片：
2.新建圖層，然后把新建圖層油漆成黑色。
先把前景色修改為黑色#000000，再選擇油漆桶工具，在新建層內點一下鼠標左鍵。
完成后的效果：
效果已經出來了，突出顯示了3個位置，任務大廳，打碼平台，游戲平台。下面將增加一些形狀及文字。這些操作就簡單一些了。
3.選擇自定義圖形工具，並選擇自己喜歡的形狀來顯示文字背景。
我選擇了填充桔黃色，及黃色描邊。形狀選擇凹四邊形。然后把一些需要告訴新手知道的文字寫上去。字體選擇你喜歡的就可以了，效果如下：
到了這里基本上已經完成了。如果你還想搞得到更人性化一些，你可以添加一些人物形狀或箭頭，來指示一下操作。
最后我的效果是這樣的。
