VC教程！教你快速打造場景氛圍（附PSD下載）

通常設計師接到設計任務時，如果沒有跟創意點相符的原畫素材，這時候就需要自己動手。下面給大家介紹一下關于素材再創造打造場景氛圍的例子。

更多來自暢游VC的教程：
《VC教程！文案也有層級》
《VC教程！教你使用最受歡迎的配色小工具KULER》
《VC教程：超酷現代戰爭按鈕制作過程》

下面是一個老玩家分紅利的頁面，要求有股票、紅利一些元素在頁面中體現，所以聯想到用工作臺場景來展現，這樣可以更容易的把一些帶有股票、紅利的元素融入到場景中,再根據構思，尋找一些圖片素材，提取并進行修飾，拼接再創造，打造場景氛圍。

最終效果

收集與創意表現相符的圖片素材

將圖①桌面素材平鋪整個畫面

新建高光圖層，使用畫筆工具模糊筆觸，畫在高光區域。

將高光圖層疊加在桌面圖層上

將圖②、③、⑤、⑥、⑦擺放在畫面中，加圖層陰影效果。

將與頁面主題相關的圖④走勢圖，放在ipad屏幕中。

使用多邊形套索工具繪制便簽形狀

使用橢圓工具繪制圓形，并復制多個。

按CTRL點擊多個圓形圖層，選中多個圓圖層之后刪除圖層。

選中紅色標簽圖層，按刪除鍵。

將圖⑨紙質感圖片創建剪貼蒙版，疊加在紅色標簽圖層上,

使用鋼筆工具畫出標簽折角效果，并使用圖層樣式漸變。

將圖⑧曲別針素材放到畫面中，與標簽紙融合，標簽加入文字。

使用矩形工具畫出卡片形狀，加圖形樣式描邊、陰影效果。

同樣使用矩形工具畫出卡片內標簽，局部顏色變淺。

卡片內加入相應的文字與圖形

以相同方式制作出其他卡片，均勻放在畫面中。

截取圖⑩光暈部分放在畫面中

圖層樣式選擇濾色

圖層樣式選擇濾色

新建圖層，選取畫筆工具半透明模糊筆觸，使用棕色顏色，畫在畫面四周。

最后加入SLOGAN文字與LOGO。

小結：只要前期的構思工作做充分，整個拼接和修圖的方法非常簡單，只要多練習就可以了。希望對大家能有幫助！

PSD微盤下載：http://vdisk.weibo.com/s/uhgomVI_Qdwkj

關于暢游VC

搜狐暢游視覺設計中心團隊。我們是從游戲和生活中汲取創意和靈感的一群設計精靈，用愛去釋放奇妙的設計魔法，描繪讓你我感動的虛擬人生。

官網博客：vc.changyou.com
新浪微博： @暢游VC
微信公眾平臺：cyou_vc

您也可以通過掃描下方二維碼快速添加：

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量69萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：