Photoshop製作漂亮筆記本網站首頁模板

來源:互聯網
上載者:User
Photoshop製作漂亮的筆記本電子商務網站首頁模板教程,效果確實很好。

1.在PS中建立一個文檔,768*800px,並填充#1e2528.

2.添加LOGO,在左上方,並給它建立一個圖層.

3.建立一個圖層.並使用圖層樣式為其添加一個漸層效果.


4.使用減淡工具,並設定10%的不透明度,給映像加個高光.如圖:

5.現在加入菜單文字.使用文字工具並設定如圖,顏色#444b44.

6.在文字下面加入底線.也在菜單上面加入一條線,來做區分用.

7.在頭部加個產品映像和產品介紹.

8.來看一下如何做按扭.首先用圓角矩形,畫出按扭的形狀.並填充#5a676c.並設定它的圖層樣式.


9.現在要添加兩條線,一條大小為1px,相距也為1px.別一條大小為2px與第一條相距2px.

10.頁首做好之後,我們來看看頁面的主體怎麼做.利用矩形工具畫出三個相等的矩形並填充白色.為它們各建立三個新圖層.建好之後就可以添加產品了.如圖:

11.為產品添加介紹和價格等之類必要的資訊.

12.選取矩形選框,在左側畫出一個矩形來做產品菜單,並填充#6b7b81.



13.現在來做一個自訂畫筆,建立一個3*3px,然後用畫筆畫出如圖所示.

最終結果如圖:

 



14.在下面畫兩個矩形並填充#d1dbdf.並添加表徵圖,如圖所示.


15.建立一個圖層來建立頁尾.使用圓角矩形工具,畫一個圓角矩形出來,填充白色,然後利用矩形選區工具把上面的一部分刪掉.


添加表徵圖:

使用畫筆工具給每個LOGO中畫一條區分線,顏色為#D2D2D2.

16.最後我們來為網頁裝飾一下,添加一個小表徵圖.下面是步驟載圖:


利用橢圓工具畫一個橢圓,然後填充白色並改為不透明30%.並添加文字.



17.完成:


 



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。