一個時尚的組合，是任何設計師的關鍵。從事其他行業的人員可以用豪華的文字描述他們的技能和贊譽，但設計師不能只是描述他們的工作，他們要將其顯示出來。即使你的工作樣品是恆星，組合本身無疑是最重要的設計工作，它應該是一樣令人印象深刻的內部工作。下面，我們將使用一些簡單的技術來幫助你創造一個時尚、專業的組合布局。
圖片來源：Microbot, Suharrhyme
現在，我們已經得到了什么，我們需要創建這個布局，在這里先展示下最終結果：
步驟1：創建Photoshop文檔
打開Photoshop，創建一個新文件，寬度1100像素和1500像素高度。
步驟2：填充背景
現在，選擇油漆桶工具填充背景顏色為＃f6f6f6。
步驟3：建立導航
我們開始做頂部的導航。使用矩形選框工具選擇小面積的頂部。
步驟4：加深導航背景
選擇油漆桶工具在導航區域填充顏色＃191919。
步驟5：創建導航鍵區
點擊選框工具，並選擇在漆黑的導航區域的矩形條。然后，用＃050505填充它。
步驟6：添加分頻器
我們將添加一些線，用來划分開導航區域。選擇1像素重量行工具。此外，還要確保我們的前景色為＃616161。
步驟7：添加導航文字
現在，讓我們的網頁上添加文本。只需選擇所需的文本中的文字工具和類型。
步驟8：添加一個懸停效果
為懸停效果，我們將使用一個3像素大小的畫筆工具創建一條白線。然后，選擇橡皮擦工具，並使用軟輪刷刪除的邊緣。現在，降低不透明度到40％。
步驟9：添加您的Logo
在導航菜單的左側加入您的Logo。
步驟10：創建一個背景
現在，我們將繼續我們的特色內容區域。首先，創建一個新層，用選框工具選擇下的導航區域。填充顏色＃a0c0c8。
現在，關閉背景層，再次選擇選框工具，並創建一個矩形。用顏色＃f0f0f0填充所選區域。
在這里我們需要用到描邊，所以點擊“圖層”>“圖層樣式”>“描邊”
步驟11：將內容區划分成多列
創建另一個矩形，並用＃323030填充它。 並在相鄰的文本區，用＃242322填充它。
步驟12：添加一個“更多”按鈕
現在，選擇文字工具和有關功能的圖像添加文本。根據文本，我們將增加一個“更多”按鈕。要做到這一點，只需選擇“矩形工具，並創建一個小矩形顏色＃323030。然后，添加新的矩形內的文本。
步驟13：添加特色意象
現在，在右邊添加圖像，並在右上角加上特色帶狀圖像。我用鋼筆工具創建的色帶，我增加了文字使用的文字工具。
步驟14：添加陰影
Select the line tool and use it under the feature box with 1px weight and color #dedede. 現在，點擊“圖層”>“圖層樣式”>“陰影”。
步驟15：創建一個“News”元素
現在，我們將創建一個“News”元素。首先，單擊矩形工具，創建一個矩形顏色＃ebebeb區域。然后，選擇矩形工具，創建左側的一個非常小的矩形，顏色為＃000000。選擇這個黑色矩形，單擊“圖層”>“圖層樣式”>“漸變疊加”。
步驟16：添加文本“News”
使用文字工具,新增“News”的文字。
步驟17：建立一個組合項
創建一個小的矩形，矩形工具，用顏色＃f0f0f0。然后，在使用功能區添加相同的操作。
步驟18：添加組合意象和文字
現在，添加圖像，並添加上banner。選擇文字工具，並根據圖像添加文本。
步驟19：添加其它的組合項
重復同樣的過程創建兩個組合項。
步驟20：創建下面的按鈕
選擇矩形工具，並用不同的顏色＃ca0e0e和#3c3c3c創建兩個按鈕。然后使用文字工具添加文字。
步驟21：添加分界線
現在選擇直線工具，並創建兩條1個像素的重量和顏色＃dcdcdc的線。之后，用相同的樣式添加圖像和文字，像我們以前所做的一樣。
步驟22：添加Flickr更新
對於Flickr更新，選擇文字工具，並添加標題。再次使用矩形工具創建的灰框，增加描邊。現在，創建一個新層，並將其放置在幀層。然后選擇一個軟輪刷，並使用它的兩側，給陰影效果。
現在，將其粘貼在幀的圖像。
步驟23：創建頁腳
讓我們開始我們的頁腳。首先，用矩形選框工具選擇區域，填充顏色＃191919。
步驟24：添加頁腳文本
選擇文字工具，並添加所需的頁腳文本。
至此，我們的時尚組合布局全部完成。
文中部分內容翻譯的不太正宗，可能會誤導大家，建議還是在原文中閱讀。
原文鏈接：http://designfestival.com/create-an-awesome-portfolio-layout-in-photoshop/