超赞!一份简单易上手的青春弥散阴影修炼手册 - 优设-UISDC

超赞!一份简单易上手的青春弥散阴影修炼手册

2016/07/04 33054评论区

photoshop-diffusion-shadow-design-1

@笔戈科技 :一份简单易上手的青春弥散阴影修炼手册!九张长图/3种方法/3种效果/4个技巧,包你学会设计时下流行的骚气通透的弥散阴影效果。

简易版教程:《PS教程!简单3步教你快速画出时尚漂亮的弥散阴影》

ms201607041

ms201607043

ms201607044

投影法较为简单粗暴,但是投影效果较为粗糙缺乏立体感,投影颜色较难调节且单一。

msyy201607068

较为折中的方法,仅仅适用于形状图层和单一颜色投影,且操作复杂程度不亚于接下来的高斯模糊。

msyy201607069

高斯模糊能较好地应对大多数需要和场景,并能对投影进行各种细调。使用高斯模糊前记得把图层转换成智能对象。

msyy2016070610

下面我们通过具体的操作实例来为大家展示这些不同的效果是如何设计出来的。

首先,我们用形状工具建立三个矩形。填充上颜色。

msyy2016070611

复制图层,进行不同的变换。为了方便大家看出区别,我们将复制出来的图层添加了颜色叠加。

msyy2016070612

矩形一宽度缩小,高度不变,向下位移一段距离。

矩形二宽度不变,高度不变,向下位移一段距离。

矩形三高度宽度都缩小,不位移。

进行高斯模糊。

msyy2016070613

通过不同的变换,可以设计出不同效果的弥散阴影。较为常用为矩形一所示的变换。

ms201607048

ms201607049

ms2016070410

「腾讯人气过万的好文合集」

敏捷用研指南:
《腾讯专业干货!一份系统全面的敏捷设计用研指南》

QQ表情怎么改版的?
《腾讯设计师揭秘!QQ默认表情优化背后的设计故事》

HTML 5动效设计方法大全!
《腾讯干货!由浅入深科普最常用的八种HTML 5动效制作手法》

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量130万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-diffusion-shadow-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 设计流程 配色 web前端开发 用户体验设计 AI教程 海报设计 设计理论 神器下载 字体下载 设计规范 设计趋势 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里