Photoshop之盒子登錄模型設計(保姆級教程)

首先我們要做這樣的一個登錄界面,效果圖如下:
在這裏插入圖片描述
1、畫布參數設置
如下圖:
在這裏插入圖片描述
設置前景色爲如下參數:
在這裏插入圖片描述
2、按住Alt+del鍵填充背景顏色
3、打開“濾鏡”,“雜色”,“添加雜色”,選擇“高斯分佈”,顏色設置爲“單色”,“數量”爲“1”,如下圖:
在這裏插入圖片描述
4、選擇“矩形工具”,描邊爲無,填充顏色RGB如下圖:
在這裏插入圖片描述
5、按照畫布大小填充一個矩形在這裏插入圖片描述
6、爲畫出的矩形添加一個白色的蒙版,然後設置漸變爲黑白漸變,第三個選項,如下圖:
在這裏插入圖片描述
7、選擇徑向漸變,在蒙版上從中心往畫布邊緣角上拖動,如下圖:
此處應該注意,漸變不要選擇“反向”,做出的效果爲中心有亮點,反向中心會成暗灰色,此處很重要,切記,切換反向在頂端工具欄中切換,畫出效果如下圖:
在這裏插入圖片描述
8、新建畫布,參數如下圖,此處應當注意背景內容爲透明
在這裏插入圖片描述
新建的畫布很小的,所以可以按Alt+鼠標滾輪,將畫布進行縮放到自己認爲的合適的大小
9、新建“矩形工具”,描邊爲無,填充顏色爲黑色,先新建一個黑色矩形工具,然後按住鍵盤的Ctrl+Alt拖動可以進行復制,填充後的效果如圖:
在這裏插入圖片描述
10、單擊“編輯”,“定義圖案”,名稱設置爲“紋理”
在這裏插入圖片描述
11、切換回主要畫布界面,選擇“編輯”,“填充”(shitf+F5),然後選擇自己定義的圖案,單擊確定。
在這裏插入圖片描述
然後設置透明度最好爲20%左右,製造出紋理的感覺,效果如下:

在這裏插入圖片描述
12、新建一個“圓角矩形工具”,圖層樣式設置“漸變疊加”,漸變顏色由粉色到灰色,RGB數值如下圖,具體數值爲:
在這裏插入圖片描述
在這裏插入圖片描述
13、圖層樣式的“投影”設置參數如下圖:
在這裏插入圖片描述
14、不選中任何圖層,將填充顏色設置爲橙色,參數如下:
在這裏插入圖片描述
15、拉出一個直角矩形放在上方,然後新建一個直角矩形(此處按住shift鍵),Ctrl+T變換,旋轉角度設置爲45度,效果如圖:
在這裏插入圖片描述
16、選擇“直接選擇工具”(A),畫出選取只選擇最上方的點,然後按del鍵刪除,拖動到上方,效果如圖:
在這裏插入圖片描述
17、設置圖層樣式的參數如圖:
在這裏插入圖片描述
18、選擇“圓角矩形工具”,繪製如下圖的樣式,期間用Ctrl+Alt拖動可以進行復制
在這裏插入圖片描述
19、每一個圓角矩形的圖層樣式爲內陰影,參數如下圖,期間建議設置完一個矩形的圖層樣式後,對其他的矩形進行復製圖層樣式,右擊即可完成相應的操作,此處不做詳細解釋。在這裏插入圖片描述
20、對於個別的按鈕可以根據自己的感覺進行設置,我的作品的最終效果圖如下,你的呢?
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章