在设计客户网页时,往往需要用到和网站业务相关的图片,然而有些图片是业务所需,可是颜色上并不能给网页增加视觉统一性和视觉吸引力,如何快速处理图片的色调使得该图片更能融合到整个网站风格中。小编平时的小技巧分享下,技术含量不高,希望可以帮助到各位朋友。
来看下原始图片和最终效果
首页我们先打开一个原始图片,
1-根据网页布局所需,对图片重新构图,突出中心部分,
2-对图片进行调色处理
01先用色阶提高亮度和对比度
02对图片进行饱和度降低和提高对比度,虽然目前差别不明显,但是步骤还是很关键
03对图片进行可选颜色调适和色彩平衡调适
04-在图片图层上新建蓝色背景图层,色值为#9decff,做蒙版做渐变处理,图层模式改为“叠加”,
加渐变图层一方面为了让图片色彩更柔和,另一方面在图片上加文字信息清晰度更好,可读性更高。
视觉感染力也更强。
05-最后在图片上增加文字排版需要的展示信息
来看看这个图片在网页中的搭配效果,根据网页中的主色调来对照片调出和谐的色温。
盛世阳光秉承着专业、贴心的服务理念,用心、用智、用情对待每一位新老客户。无论是在网站、app还是游戏领域,你都能看到我们的身影,旨为为企业互联网+新模式带来更多灵感与机遇。开创行业发展趋势,引领行业创新潮流,为企业改造升级出谋划策,我们的努力会让你明白“适合的,才是最好的”。互联网的盛世,岂能没有阳光同行?


盛世阳光手机版网站 盛世阳光微信公众平台