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】优设哥的全拼
您也可以通过扫描下方二维码快速添加：