設(shè)計(jì)網(wǎng)頁股權(quán)發(fā)布專題頁面(3)

通常設(shè)計(jì)師接到設(shè)計(jì)任務(wù)時(shí)，如果沒有跟創(chuàng)意點(diǎn)相符的原畫素材，這時(shí)候就需要自己動手。下面給大家介紹一下關(guān)于素材再創(chuàng)造打造場景氛圍的例子。

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

需要素材的朋友下載教程源文件：http://pan.baidu.com/s/1mgr3P6C

最終效果

收集與創(chuàng)意表現(xiàn)相符的圖片素材

將圖①桌面素材平鋪整個(gè)畫面

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

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

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

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

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

使用橢圓工具繪制圓形，并復(fù)制多個(gè)。

按CTRL點(diǎn)擊多個(gè)圓形圖層，選中多個(gè)圓圖層之后刪除圖層。

選中紅色標(biāo)簽圖層，按刪除鍵。

將圖⑨紙質(zhì)感圖片創(chuàng)建剪貼蒙版，疊加在紅色標(biāo)簽圖層上,

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

將圖⑧曲別針?biāo)夭姆诺疆嬅嬷校c標(biāo)簽紙融合，標(biāo)簽加入文字。

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

同樣使用矩形工具畫出卡片內(nèi)標(biāo)簽，局部顏色變淺。

卡片內(nèi)加入相應(yīng)的文字與圖形

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

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

圖層樣式選擇濾色

圖層樣式選擇濾色

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

最后加入SLOGAN文字與LOGO。

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