下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > ps設計商業web頁面

ps設計商業web頁面

時間:2024-02-25 21:00作者:下載吧人氣:24

簡介:本次教大家用PhotoShop設計制作一款淡灰色調為主的絢麗商業web頁面效果,該教程將逐步教您如何制作一個華麗的Web網頁,喜歡的同學可以學習一下!

效果圖:

ps設計商業web頁面

ps設計商業web頁面

1、首先需要創建一個新文檔,大小 1200*1172px,背景設置為#efefef

ps設計商業web頁面

2、使用矩形工具,在所創建新的圖層內一個大的灰色矩形,命名“Grey”,大小1200*62px。

ps設計商業web頁面

3、為這個Grey矩形添加如下圖層樣式。

ps設計商業web頁面

ps設計商業web頁面

ps設計商業web頁面

4、在Grey圖層上方再新建一個圖層Image,再該層添加另一個形狀,但這次我將使用圓角矩形工具。加入選擇一張如下圖漂亮的夢幻圖片。

ps設計商業web頁面

5、對這張夢幻圖片,添加一些圖層樣式,如下。

ps設計商業web頁面

ps設計商業web頁面

6、在大圖片下面,繼續創建4個小矩形。嘗試使用不同的顏色。

我使用的尺寸是222*182px。顏色值分別是:#f15522、#66aa44、#eea411、#1188cc

ps設計商業web頁面

7、現在我們做一下小顏色塊上的高光效果。

創建另一個層(按CTRL + SHIFT + ALT + N),在高光層內,添加白色到透明的徑向漸變。

ps設計商業web頁面

8、調整該高光層的混合模式為疊加,同時改變不透明度為50%.

ps設計商業web頁面

9、復制該高光層到每個顏色圖層上方。

ps設計商業web頁面

10、接下來做導航部分。

在網站布局的頂部,將創建一個新的矩形。

ps設計商業web頁面

11、對該層使用下面的圖層樣式。

ps設計商業web頁面

ps設計商業web頁面

ps設計商業web頁面

ps設計商業web頁面

12、創建一個小圓橢圓工具,直徑22px。

ps設計商業web頁面

13、對這個小圓,添加下面的圖層樣式。

ps設計商業web頁面

ps設計商業web頁面

14、現在進行圓形的重要的調整,刪除圓形下半部。有兩種方法:

①、首先需要右鍵單擊層在你的圖層面板中,然后使用矩形選框工具選擇的下半部分的圓圈,按鍵盤上按上刪除。

②、另一種方式是柵格化的該圓形路徑,使用橡皮擦。

ps設計商業web頁面

15、為導航添加Icon。

這個導航樣式適合比較簡約版Icon,并做出凹陷進去的圖層質感。

ps設計商業web頁面

16、對于所有這些Icon,添加下面的圖層樣式。

ps設計商業web頁面

ps設計商業web頁面

ps設計商業web頁面

17、在Icon之間,加入一些垂直分割線。

ps設計商業web頁面

18、分割線設置如下的圖層樣式。

ps設計商業web頁面

19、下一步是為網頁加入Logo。

ps設計商業web頁面

20、使用圓角矩形工具,在Image圖層底部添加另一個的形狀。

ps設計商業web頁面

21、為該矩形添加下面的圖層樣式。

ps設計商業web頁面

ps設計商業web頁面

ps設計商業web頁面

22、使用橢圓工具繼續添加一些小圓形。

ps設計商業web頁面

23、在顏色矩形右上方,使用橢圓工具繪制一個圓形。

ps設計商業web頁面

24、選擇圓形圖層,創建剪切模板。

ps設計商業web頁面

ps設計商業web頁面

25、對于這個白色圖形,添加下面的圖層樣式

ps設計商業web頁面

ps設計商業web頁面

ps設計商業web頁面

ps設計商業web頁面

26、復制該樣式,到每個顏色框的右上方,并保持相同的空間比例。

ps設計商業web頁面

27、然后添加另一個圖標,和一些標題文本。

ps設計商業web頁面

28、繼續完善內容,注意正文內容較多時,要文字比例比較小,同時采用與標題字顏色反差,這樣能突顯出Title的醒目性,并在其間加入橫向分割線。

ps設計商業web頁面

29、最后一個步驟,添加另一個文本與橫排文字工具。

ps設計商業web頁面

30、這是最后的結果。希望你會喜歡它。

您可以使用該Web布局,加以細微的修改,使得它成為另一個Wordpress主題

ps設計商業web頁面

標簽界面,設計教程,網站,商業,設計,絢麗,PhotoShop
查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

盖楼回复X

(您的评论需要经过审核才能显示)

主站蜘蛛池模板: 中文字幕一区在线观看| 3d玉蒲团之极乐宝鉴| 嗯啊公交车上被群j| 日韩免费视频在线观看| 18精品久久久无码午夜福利 | 男女性爽大片视频男女生活| 亚洲日本人成中文字幕| 抽搐一进一出gif免费视频| 黑人一个接一个上来糟蹋| 人人澡人人澡人人看添av| 成年日韩片av在线网站| 男女一边摸一边做爽视频| 99爱在线精品视频网站| 国产乱理伦片在线观看| 欧美日韩在大午夜爽爽影院| 三大高傲校花被调教成好文| 国产又大又粗又硬又长免费 | 亲密爱人免费观看完整版| 女人张开大腿让男人桶| 综合久久99久久99播放| 一级黄色免费大片| 国产AV国片精品一区二区| 收集最新中文国产中文字幕| 色综合久久88色综合天天| 国产成人无码免费看片软件| 村上里沙在线播放| 黑人巨茎大战欧美白妇| 久久久国产99久久国产一| 国产后入清纯学生妹| 成人片黄网站A毛片免费| 网站正能量www正能量视频| 免费国产综合视频在线看| 在线视频日韩欧美| 欧美日韩一区二区综合 | 日日婷婷夜日日天干| 男人咬奶边做好爽免费视频 | 国产ts亚洲人妖| 在公交车上弄到高c了公交车视频| 欧美人与性动交α欧美精品 | 人妻少妇精品久久久久久| 国产激情视频在线播放|