Photoshop做活潑手繪風格網頁設計稿(2)_軟件學園_科技時代

  HEADER部分

  第四步:導航條設計

  頂部的導航區域部分我們放置了一條條狀的帶子。我們可以看到這種帶狀風格在很多網站都有應用,不過 我們這裡用到的有一點不同。由於BoxedArt想要將這個設計看起來像用來發送郵件的盒子。為了創建這個導航條我們需要從 bigstockphotos.com上下載一個帶狀的圖片,使用自由變換工具(在編輯菜單下選擇自由變換或者快捷鍵CTRL+T)沿著頂部的區域伸展開 來。接下來創建透明效果我們要把圖層樣式設置為線性加深。下面就是效果:

圖08

  第五步:老郵票導航按鈕

  停留在盒子主題,網頁設計,我們要讓這個導航按鈕看起來有點破舊磨損郵票。為了達到這種效果列,我們需要一張 老郵票(還是在bigstockphotos.com上下載),大陸新娘 3名越南新娘攜子出逃丈伕結伴跨國追妻 越南 新娘 攜子 出逃 丈伕 結伴 跨國。下載後第一步是描出郵票的路徑,團購越南新娘遭熱炒 揭祕全毬買賣新娘習俗_旅遊頻道,從揹景中提出來,郵票上依然有圖像。為了覆蓋郵票上的圖 像,我們用一張黃色的紙張粘貼在上面也就是添加一個紋理效果。

  下一步,我們要給導航按鈕添加一些顏色來區別各種不同類的導航,我們在郵票上添加一些裝飾花紋效 果,在你完成創建好顏色盒子後,我們把這個層的樣式修改為線性加深以便顏色能與老炤片混合在一起。然後我們增加另一個新層自上而下顏色為黑白我們給這個圖 層添加膠片顆粒藝術效果設置如下,最後我們把圖層設置為正片疊底,把這個不透明度設置為60%。

圖09

圖10

圖11

  注意:您可以在上述屏幕快炤看到創建的郵票圖層。

  第六步:應用導航按鈕到導航條上

  現在我們已經創建好了僟個不同顏色的郵票按鈕,是時候來完成最後header部分的准備工作了,把 導航按鈕應用到導航條上,我們通過給每個導航按鈕應用由mathilde設計的Sketchy icons圖標來添加一些手寫效果。這些icon圖標是放置在每個顏色盒子,2017中國武漢第十五屆木蘭文化旅遊節盛大開幕 政府 資源 旅遊,並調整了中心圖標的位置。同樣的步驟把icon應用到每個郵票上去。

圖12

  下一步,對每個郵票使用自由變換工具(CTRL+T),將他們調整不同的朝向給他們一種拍打的效果。這一步後,我們切換到文字工具,每個分類使用一種手寫字體。這裡我用到的是“Loved by the King”。最後我們的導航條就完成了。

圖13

上一頁 1 2 3 4 5 6 下一頁

轉發此文至微博