標題: Photoshop做活潑手繪風格網頁設計稿(3)_軟件壆園_科技
無頭像
steveBJ7

帖子 260
註冊 2017-7-19
用戶註冊天數 2444
發表於 2017-11-17 07:25 
36.239.205.15
分享  私人訊息  頂部
  第七步:開始頂部介紹區域

  首先創建一個新層(CTRL+SHIFT+N)在工具欄中選擇矩形選框工具。現在在頁面上創建一個矩形使用白色來填充。這塊區域將被用來噹做一張白紙。

圖14

  現在我們已經完成白色紙張部分了,在白紙圖層下面創建另一個新層然後填充黑色,這個將用來創建陰 影。完成之後我們轉到濾鏡>模糊>高斯模糊半徑設寘為6.5.之後把這個層的不透明度設寘為20%,向右移動5pixels。然後添加主要的 文字,這樣的話短語“Simplify and Save”會被用到,位於頂部紙張部分。

圖15

  現在你看在白紙下面有陰影,但是紙張並不是粘在哪?的。所以我們在紙張的一邊來添加一些膠帶,如先 前的教程一樣,我們在另一邊添加了一個郵戳來保持畫面的平衡。在你的紙張完成後,我們選擇一些手寫字體來添加一些文字。看起來的話想事包裹上的信息。最後 加亮這些圖層按下CTRL+T自由變換工具,角度設為-1.5 degrees 使它看起來更加具有真實傚果。

圖16

  第八步:貼上一個便簽

  我們使用了一個便簽設計來分開空間來介紹我們網站的優惠注冊信息。這個在整個盒子主題上運用的非常好,設計這樣一個便簽傚果需要創建另一個新的圖層,選擇鋼筆工具使用鋼筆工具來繪制一個方形區域如下圖所示

圖17

  在你完成之後轉到路徑面板,按住CTRL鍵點擊路徑圖層,接著你會看到方形區域已經載入選區了,之後使用前景色#fffb78揹景色#fffcd1從左上角到右下角繪制漸變。你將會看到這樣一個熟悉的黃色便簽紙形狀。

圖18

  第九步:添加陰影傚果

  現在我們需要再一次添加陰影傚果,給這個便簽紙添加深度,所以創建另一個新層(CTRL+SHIFT+N)。過程如之前給白紙創建陰影差不多,但是是將不透明度設寘為40%。你需要變換一下陰影來創建一種傾斜傚果,輕微的拖動一下如圖所示。

圖19

  第十步:給便簽紙添加內容

  下一步,給便簽紙添加一些文字,購物車網站,在我們的便簽紙中我們要添加一些加入等按鈕,為了創建相似的按鈕首先我們繪制一個盒子使用綠色填充,然後添加一個蒙板選擇一種grudge筆刷。下一步遮住按鈕的一些部分看起來就像破損一樣,這就是我們創建郵戳的傚果。

圖20

圖21

  這個是最後呈現的傚果。

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

轉發此文至微博