高端双色调网页-五步搞定
杭州/UX设计师/9年前/7023浏览
版权
高端双色调网页-五步搞定
经常看到一些国外网站双色调风格的一些网站,非常干净简约,并且色调容易统一。
我觉得这种风格非常百搭,网页、App或者海报都能用上。所以俺就为童鞋们分享一下,有不足的希望大家多指点!
嘻嘻 Y(^_^)Y
高端双色调-五步搞定
下面几张是我用几张普通的素材处理成双色调风格做的网页。(这几张素材图片我已经放到文章下面啦,童鞋们可以下载过来试一试噢!不能下载的话留个邮箱,我有空就发给童鞋们!)
![]()
马上进入正题!咱们用第一张图片为例。
第一步:
打开Photoshop,新建文件。拉一个炫酷装逼的渐变色,角度如图,然后先吸好深色放在色板中备用。
第二步:
选一个高品质的好图,最好主体物能够突出一些,方便分离双色调。然后在Photoshop中打开这张图片。
第三步:
1.进入通道,选区人与背景比较明显的蓝色通道。
2.按住Alt点击蓝色通道,选择通道中的白色区域。
3.反选选区,用刚才保存的深色填充选区。
第四步:
1.将填充好的图层移到渐变色的文件中,调整叠加的位置。
2.我们可以发现,右上角的填充图层上面的颜色将浅色挡掉太多,使得色调不够明朗。所以可以拉一个渐变蒙板将让浅色露出来一些。
第五步:
排上装逼的版式~ 然后装逼成功 ^_^
第一次出教程,希望能够帮到大家。谢谢!

喜欢小伙伴们,点个赞呗~
400
举报
声明
309
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
99+登录即可同步推荐记录哦
99+登录即可加入我的收藏
评论登录即可评论想法
分享分享
1







































