首先，打開photoshop創建壹個新項目。妳可以點擊文件>新建或者按CTRL+N快捷鍵來創建。我們選擇的是1000×900的普通畫布尺寸，當然這些設置後期還可以增加。
第二步:應用漸變
現在我們的畫布已經創建好了，是時候開始設計背景了。創建壹個新層(快捷鍵CTRL+SHIFT+N)。然後在這壹層從左到右添加漸變。將前景色設置為edd8af，背景色設置為ede4c9。這個顏色用來表示盒子的顏色。
第三步:添加紋理
我們希望BoxedArt背景設計看起來像硬紙板。創建另壹個新層，用bcb6a9填充。下壹步是應用膠片顆粒藝術效果來如下設置參數。然後，為了讓它看起來粗糙，我們對它應用了壹點高斯模糊效果。
這是我們應用這些效果後背景層的樣子。
步驟4:設計導航欄
在導航區域的頂部，我們放置了壹條帶狀區域。我們可以看到這種ribbon風格在很多網站都有應用，但是我們這裏用的有點不壹樣。因為BoxedArt想讓這個設計看起來像壹個發送郵件的盒子。為了創建這個導航欄，我們需要從bigstockphotos.com下載壹個條形的圖片，使用自由變換工具(選擇編輯菜單下的自由變換或快捷鍵CTRL+T)沿著頂部區域拉伸。接下來，創建透明效果。我們將設置圖層樣式為線性加深。
第5步:舊郵票的導航按鈕
停留在盒子的主題上，我們想讓這個導航按鈕看起來有點寒酸，戴上郵票。為了達到這種效果，我們需要壹枚舊郵票(或者從bigstockphotos.com下載)。下載後的第壹步是追蹤郵票的路徑。從背景來看，郵票上還有圖像。為了覆蓋郵票上的圖像，我們在上面粘貼壹張黃色的紙來增加紋理效果。
接下來，我們將為導航按鈕添加壹些顏色，以區分不同種類的導航。我們將在郵票上添加壹些裝飾圖案。在妳完成創建顏色框後，我們將改變這壹層的樣式為線性加深，這樣顏色就可以和舊照片混合在壹起了。然後我們從上到下再添加壹個黑白顏色的新圖層。我們將膠片顆粒添加到這壹層。藝術效果設置如下。最後，我們設置圖層為正片疊加，不透明度設置為60%。
步驟6將導航按鈕應用於導航欄。
現在，我們已經創建了幾個不同顏色的圖章按鈕，是時候完成最終標題部分的準備工作了，並將導航按鈕應用於導航欄。我們通過將mathilde設計的Sketchyicons應用到每個導航按鈕來添加壹些手寫效果。這些圖標圖標被放置在每個顏色框中，並且中心圖標的位置被調整。在同壹個步驟中對每個圖章應用圖標。
接下來，對每個圖章使用自由變形工具(CTRL+T)，向不同的方向調整，給它們壹個巴掌的效果。在這壹步之後，我們切換到文本工具，並為每個類別使用手寫字體。我在這裏用“LovedbytheKing”。最後，我們的導航欄完成了。
從頂部的介紹區開始。
首先創建壹個新層(CTRL+SHIFT+N)並選擇工具欄中的矩形選框工具。現在在頁面上創建壹個矩形並用白色填充。這個區域將被用作壹張白紙。
好了，我們已經完成了白皮書部分。在白紙層下面新建壹層，填充黑色。這將用於創建陰影。當我們完成後，讓我們去過濾器>模糊>；將高斯模糊半徑設置為6.5。然後設置圖層的不透明度為20%，向右移動5個像素。然後添加主要文本，以便使用位於論文頂部的短語“SimplifyandSave”。
現在妳看到白紙下面有陰影，但是紙沒有粘在那裏。所以我們在紙的壹面加了壹些膠帶。像上壹個教程壹樣，我們在另壹面添加了壹個郵戳，以保持圖片的平衡。妳的論文寫完之後，我們選擇壹些手寫字體來添加壹些文字。好像是關於包裹上的信息。最後高亮顯示這些圖層，按CTRL+T自由變換工具，將角度設置為-1.5度，看起來更逼真。
第八步:貼壹張便利貼。
我們用了壹個便利貼設計，把空間隔開，介紹我們網站的優惠註冊信息。這對整個盒子主題非常好。要設計這樣的便利貼效果，需要再新建壹個圖層。選擇鋼筆工具，用鋼筆工具畫壹個正方形區域。
當妳完成後，到路徑面板，按住CTRL鍵，並點擊路徑層。然後妳會看到正方形區域已經載入選區，然後用前景色fffb78和背景色fffcd1從左上角到右下角畫壹個漸變。妳會看到如此熟悉的黃色便條紙形狀。
第九步
現在我們需要再次添加壹個陰影效果，給這個便利貼增加深度，所以再新建壹個圖層(CTRL+SHIFT+N)。過程和之前給白紙創建陰影差不多，只是不透明度設置為40%。您需要更改陰影以創建壹個傾斜的效果，並稍微拖動它。
第十步在便利貼上添加內容。
接下來，在便利貼上加壹些單詞。在我們的便利貼中，我們需要添加壹些按鈕，比如add。為了創建類似的按鈕，我們首先繪制壹個填充綠色的方框，然後添加壹個遮罩來選擇壹個怨恨畫筆。下壹步是覆蓋按鈕的壹些部分，看起來像是壞了，這是創建郵戳的效果。
第11步卷曲膠帶紙標題
讓我們轉到正文的內容部分。在這個設計中，我們將創建2列和壹些圖標。我們使用現有的圖標，因為我們喜歡這種手寫效果，包括HandyIconsandSketchyicons。在正文開始的區域，我們需要壹個標題欄來列出我們網站的內容。讓我們使這個標題部分卷曲。至於透明膠帶，我們用bigstockphoto的圖片。為了增加膠帶的深度，我使用矩形框選擇工具來選擇膠帶的壹些區域。選中選區後，我們復制這壹層，按ALT+SHIFT向左移動，再向右移動，讓它看起來更長。為了避免裂縫，我們使用圖章工具將它們放在壹起。
步驟12中預覽下的小圖標
BoxedArt網站的內容區包含了很多網頁模板的預覽。要創建這個效果，我們需要選擇矩形選框工具創建壹個小矩形，然後用顏色123057填充。對於這些按鈕，我們只需要復制第壹層，將其移動到第壹層下面，並設置這壹層的透明度。這裏我們將其設置為40%。對其余按鈕重復相同的步驟。
步驟13:用縫線將這些區域分開。
為了分離這些主要類別，為了創建這些虛線，我們可以將文本工具的角度設置為90°，並將這些圖層的樣式設置為疊加。為了做出這些顯眼的點，我們只需要將這壹層復制2-3次即可。顏色有多深取決於妳自己。
填寫額外的內容
添加其余內容非常簡單。我們只需要使用線條工具將各個部分分開，並添加壹些圖標和文字。這裏我們使用幹凈的字體HelveticaCondensed。
步驟15-底部廣告部分
我們已經到達底部放置廣告部分，這裏的絲帶將再次應用，使用前面的圖片作為起點。接下來，我們將使用圓角矩形工具，並將前景色設置為5px的白色半徑。然後我們需要設置壹些小圓角矩形，顏色設置為f8f7f3，深灰色邊框。您可以在下面的圖層樣式中設置壹個邊框(這是壹種描邊效果)。
步驟16公告部分
在公告部分，我們采用了類似於頁眉部分的蒙版方法，當然在訂閱新聞簡訊等區域，我們也采用了這樣的方法，就像在上面貼紙壹樣。首先我們在頁眉部分加壹個厚紙效果，和正文部分的方法基本相同。至於內容部分，選擇矩形框選擇工具在右下角畫壹個小方框，用f9e5a6填充。完成後，按CTRL-D取消選擇。選擇加深工具後，設置筆刷大小為35像素，加深棕色框的角落區域。
最後我們把圖層的不透明度設置為60%，然後雙擊圖層給圖層樣式添加壹些陰影效果和參數設置，再添加壹些內容。
頁面底部的第17步
現在是我們創建底部的時候了。首先，我們使用矩形選框工具，在頁面上選擇壹個像下面這樣的區域，用顏色462d0f填充，然後選擇直線工具，用設置為a05d18的顏色畫壹條直線。
在分類部分的底部，我們需要再次繪制壹個大的選框，顏色填充為472a0b，圖層的不透明度設置為78%，然後再創建壹個圖層，顏色填充為fffcd1。接下來，添加膠片顆粒效果。最後，將圖層的不透明度設置為30%，圖層樣式設置為正片疊加。
最後，我們只需要重復我們在頁腳部分所做的，或者復制圖層並將其移動到底部，這樣您就可以添加內容了。看看下面的預告吧。有沒有啟示錄專欄？我希望妳喜歡它。