photoshop如何設計綠色的時尚Web網站
- 2022-12-24 23:24:45
- 來源/作者:互聯網/佚名
- 己被圍觀次
作者佚名 出處:UCD博客 在此網頁設計教程,您將了解如何創建一個美麗,綠色,時尚的布局在photoshop。您將了解到流行的設計技術,如建立一個三維帶和具有專業外觀的顏色gradient效應。 最后結果 查看預覽正是我們要共同創造。不要忘記點擊圖片看全尺寸版本的網頁布局。 設置p
, 18、創建一個新層,設置前景顏色為#2A2009,選擇畫筆工具(b)從工具面板中,選擇一個筆刷直徑的25px。
19、右鍵單擊該層,選擇轉換為智能對象。
20、然后進入“編輯 自由變換到(Ctrl+T)和伸展的圓圈,像我在下面的數字。

21、選擇濾鏡“模糊”高斯模糊進行設置,然后設置混合模式的這一層不透明為30%。

, 創建導航欄
22、現在,我們要創建的導航欄。選擇矩形工具(u)和設置顏色為#D8D8A5。
23、創建一個長方形的高度60px在頂部的大圓角矩形。
注:打開信息面板(F8鍵),這樣你就可以看到您的矩形的高度。

24、使用裁剪工具。右鍵單擊“導航欄”層,然后進行裁剪。您可能注意到,因為導航欄頂部不是圓角。 要糾正此,我們將使用裁剪面具。 右鍵單擊“導航欄”層,然后選擇創建裁剪面具 。雙擊“導航欄”層,打開圖層樣式窗口進行設置斜面浮雕、漸變疊加。


, 25、現在我們要創建一個背景,current page buttom按鈕。選擇矩形工具(u),設置顏色為#A6A43F,并創建一個小矩形的高度60px,層的不透明為15%。然后右鍵單擊在此層,并選擇裁剪

選擇頭4層,按住Ctrl鍵,然后點擊他們在圖層面板,然后按Ctrl+G。名為“bg & navigation bar”。
26、選擇文字工具(T)新增的文案,導航菜單使用顏色為#A6A43F。我使用的是 LT65字體,如果您沒有這個字體,可使用任何其他的字體,你想要的。

,27、現在,創建一個新的photoshop文件,新建文件“ (按Ctrl+n),尺寸5px的5px,背景為透明,層的前景顏色為#2A2009,選擇鉛筆工具(b),選擇一個筆刷的直徑1px。然后進入“編輯 定義圖案,命名,然后單擊確定。關閉該文件。

創建“特色項目”區
28、選擇矩形工具(u)建立一個長方形的高度330px使用任何你想要的顏色。

29、雙擊層,打開圖層樣式窗口進行設置。

30、選擇圓角矩形工具(u),設置半徑為8px,設置顏色為#A6A43F,并創建一個圓角矩形的寬度為940px和高度240px,層的不透明性這層至50%

*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)
上一篇:用ps制作動感雷達logo
下一篇:ps設計商業web頁面








