火星網校
創建一個簡單而誘人的網頁布局
使用軟件：Photoshop
導言
你好，我的朋友們。在本教程中，我將告訴您如何在短短的幾個步驟裏為您的企業建立網頁布局，您可以使用於任何類型的業務，或再進行小的修改也可以創建一個投資組合布局。如果您已經遵循了我，我相信你可以按照自己的需要修改這一教程上的一些布局。
像往常一樣，我會創建一個新的文檔，尺寸：1000 x 1100像素。
我將我的前景色設置為＃333333，使用油漆桶工具，然後我將填補這個顏色的背景色。
我會選擇矩形工具，我將創建一個像下麵的圖像的形狀。 我將利用這個圖片來創建布局頭。（圖01）
圖01
對於白色的形狀，我會添加下麵的圖層樣式。（圖02）
圖02
在添加圖層樣式布局看起來是這樣的。（圖03）
圖03
我這一個下麵創建一個類似的形狀，我將使用上麵層的風格，但我會取消檢查反向按鈕。（圖04）
圖04
下麵是結果
圖05
#p#e#
我將用更多的時間用矩形工具，創造另一個形狀。（圖06）
圖06
對於這種形狀的，我會添加一些圖層樣式。（圖07、08、09）
圖07
圖08
圖09
請點擊下麵的圖片，看看它的外觀。（圖10）
圖10
#p#e#
創建一個新層（按上按Ctrl + Shift + ALT鍵+ N在同一時間）。
隨著矩形選框工具我會就布局頂部選擇。（圖11）
圖11
我會選擇以下像素模式，我會按我的內選擇鼠標左鍵（請注意，您還需要選擇新的層）（圖12）
圖12
這是我的結果（圖13）
圖13
使用橡皮擦工具 ，我會刪除與此形成底部的細條紋的一部分。我將使用順利圓刷。這是我的結果。（圖14）
圖14
我將用更多的時間一矩形工具 ，創建一個形狀，我將稍後添加一些按鈕。（圖15）
圖15
#p#e#
我會添加一些圖層樣式（圖16、17、18、19）
圖16
圖17
圖18
圖19
下麵是結果（圖20）
圖20
#p#e#
在布局我將在中間創建一個新的圓角形狀。我將使用圓角矩形工具，半徑為5或6像素。（圖21）
圖21
你可以看到這個形狀周圍較平。這一點用一個簡單的圖層樣式就能解決。（圖22）
圖22
我用鋼筆工具下建立這種形狀的陰影。用深色創造出一些形狀。請注意，您必須置於圓形層。（圖23）
圖23
然後我會按下Ctrl + E將他們合並為一單層。
用濾鏡“>模糊”高斯模糊，我將利用其在外地半徑值為10。影子看起來像下麵的圖像。（圖24）
圖24
在圓形我將創建兩個（1像素細線中每個）使用不同的顏色。我會選擇兩個圖層，我將它們合並（Ctrl + E）。然後用橡皮擦工具進行刪除。（圖25）
圖25
#p#e#
在布局中我將創建一個矩形工具中的新形狀。（圖26）
圖26
我將添加下麵的圖層樣式。（圖27、28）
圖27
圖28
這是我的結果（圖29）
圖29
#p#e#
這時候我會複製這層，如果您跳過這一步您將不能夠創建和我有同樣的效果。
當您在您的調色板層兩層，你需要他們合並成一個層。
我之所以合並兩個層，因為我要用橡皮擦刪除下麵的圖像底部的一部分。請使用一個大的筆刷。（圖30）
圖30
我會添加一些文本，菜單按鈕，也有一些圖標。請點擊下麵的圖片我看到更好的結果。（圖31）
圖31
我會創建另一個矩形工具的形狀，我將置於它的文字層。（圖32）
圖32
我將用下麵的圖層樣式。（圖33、34、35）
圖33
圖34
圖35
這是我的結果。（圖36）
圖36
我的最後一步是創建另外兩個細線（1像素），下麵箭頭的位置。（圖37）
圖37
這是我最後的結果。（圖38）
圖38
我喜歡這樣的布局類型。
下一篇 《龍躍》創作過程詳解(上)
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
本文介紹火星3D模型師的培訓內容，包括火星地形建模、紋理映射、3D打印等技術，以及火星時代教育的傳授方法。
-
找尋最好的角色遊戲原畫培訓機構，火星時代教育是不二之選，專業培訓團隊，資深行業導師，打造你的遊戲原畫夢想。”/> <meta name=
-
脫穎而出的模型設計培訓機構評估，詳細分析火星時代教育在優質教學、多元化課程設計以及專業師資方麵的超越
-
零基礎华体会hth体育app在线登录 模型培訓 - 如何啟動您的华体会hth体育app在线登录 之旅
零基礎也能學習华体会hth体育app在线登录 。本文將介紹火星時代教育提供的零基礎华体会hth体育app在线登录 模型培訓課程以及如何通過它開始你的华体会hth体育app在线登录 之旅。
-
火星時代教育的零基礎3D-Max培訓課程為您全方位解析3D-Max設計軟件的使用技巧和操作方法，幫助您無壓力掌握3D-Max並充分提升設計實力
-
本文詳細解析什麼樣的影視模型培訓中心是優質的，同時強調火星時代教育對於雕塑未來影視模型界英才的重要作用。
