photoshop設(shè)計精美登錄注冊頁面

本教程將教你如何在Photoshop中創(chuàng)建一個漂亮的網(wǎng)站，在僅幾步之遙。您將創(chuàng)建一個網(wǎng)站，讓用戶在您的網(wǎng)站上注冊，非?？?。

最終效果

 

第一步：整體框架設(shè)計

1、創(chuàng)建一個新的文檔，背景顏色為＃dadada。

 

2、使用矩形工具，創(chuàng)建一個新的形狀（＃1c1c1c），并將其放置在上面的網(wǎng)站。

 

3、在此形狀，我將創(chuàng)建一個黑暗的形狀（＃292929）

 

4、在底部，我將創(chuàng)建一個小腳注使用相同的工具，并以同樣的顏色（＃292929）

 

第二步：細(xì)節(jié)的深入刻畫以及布局詳細(xì)化

1、介于兩者之間的形狀，我會添加一些線

 

2、使用圓角矩形工具，我將創(chuàng)建一個形狀像下面的圖片中，我將其放置在中間的布局。

 

3、對于這一輪的形狀，我已經(jīng)使用了下面的圖層樣式。

 

 

4、在左邊，我將創(chuàng)建一個較小的形狀

 

5、在右側(cè)，我將創(chuàng)造另一個形狀用一個比較暗的顏色。

 

6、在這里我將復(fù)制圖層，我會柵格，并且我要將一個形狀像下面的圖片

 

7、然后用同樣的方法，我將創(chuàng)建一些小的按鈕

 

8、這里是我已經(jīng)習(xí)慣了創(chuàng)建按鈕的圖層樣式。

 

 

 

第三步：豐富畫面效果，增加視覺效果

1、我將添加一個圖像像在流動的屏幕截圖，并在底部，我將添加另一個形狀與不透明度值的20％至30％

 

2、在左邊，我將創(chuàng)建一個注冊表格

 

3、你會看到一些漂亮的縮進(jìn)形式。我已經(jīng)使用了下面的樣式。

 

 

 

3、上面的形式下，你得到的一個按鈕樣式。

 

4、我已經(jīng)使用的圖層樣式波紋管

 

 

 

 

第四步：網(wǎng)站標(biāo)志的添加

如同任何網(wǎng)站，您將需要一個標(biāo)志。我會使用Grafpedia的Logo

 

第五步：添加文字、填充畫面效果

1、右側(cè)，我將創(chuàng)建一個橫向?qū)Ш讲藛危銜吹?，我已?jīng)創(chuàng)建了一個按鈕，它具有相同的圖層樣式，我已經(jīng)使用的形式。

 

2、在該網(wǎng)站的主要區(qū)域，我會用鋼筆工具創(chuàng)建一個形狀

 

3、我會去濾鏡>模糊>高斯模糊，我將使用這些值。

 

4、我會提出這一點(diǎn)的暗區(qū)的頂部，和我將確保背景層之上的層。

 

最后

你可以添加一些文字布局。這是我最后的結(jié)果。我希望你喜歡它。