Photoshop設計歐美商務網頁模板

來源:互聯網
上載者:User

  這樣的布局商務就緒布局,企業網站,甚至是一個WordPress主題。

  先看看整體樣式。

  開始,建立一個新的文檔,將填充背景層顏色值:#ece5db。

  1、在底部的布局,建立一個圓角矩形工具。設定前景色彩為:#f6f2ed。

  2、為圓角矩形添加如下的圖層樣式。

  3、繼續使用矩形工具,在網頁頭部建立一個簡單的矩形,填充顏色 #2d2b26。

  4、複製網頁頭部的矩形,放在底部布局。 複製圖層的快速鍵 CTRL+J 。

  5、請添加以下層樣式。

  6、在頭部矩形下建立另一個形狀。在這裡以後放置logo。

  7、也為這個形狀添加一些簡單的圖層樣式。

  8、使用圓角矩形工具,建立一個形狀。可以建立成一個投影片形式的banner。

  9、加入banner圖片, 建議使用唯美的圖片。

  10、加入文字導航。這裡樣式的是大字導航名稱,下面輔助的解釋說明資訊文字。

  11、為導航添加一些垂直的線。

  12、放大導航地區,看清線條的處理。

  13、加入Logo。

  14、在logo地區的右側,加入網頁搜尋方塊。

  要建立這個需要使用圓角矩形工具。如果你看我前面的教程,會發現我已經使用這個搜尋表單的圖層

  樣式。

  15、在這中間的布局我要添加一個映像和一些內容。

  16、如下設定圖層樣式。

  17、請查看下面的圖片,是如何填補了網頁主體的布局。

  18、這是最終的結果。

        :更多精彩教程請關注三聯photoshop教程欄目,三聯PS群:182958314歡迎你的加入

分類:
  • PS入門教程
相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。