首先咱们要准备一个合适的画布,我一般用1920×600像素,这个尺寸在各种场景下都很实用。新建文档的时候记得把分辨率设置为72ppi,毕竟是用在网页上的嘛~
1️⃣构图布局
说到构图,很多小伙伴一上来就乱放元素,最后做出来的Banner跟菜市场似的。其实我们可以用三分法则,把画面横向分成三份,把主要元素放在分割线的交叉点上,立马就能提升画面的专业感!
2️⃣文字处理
Banner的文字处理可太重要啦!我的私房秘籍是:
主标题用大号字体(建议60-80px) 给文字加上投影效果(右键选择“混合选项”) *投影参数:距离3px,大小2px,不透明度40%
这样文字立马就有了层次感,不会跟背景融在一起啦~
3️⃣色彩搭配
配色上,我最爱用的是双色搭配法:
1.选定主色调(可以用公司的品牌色) 2.在色轮上找对比色或相近色 3.用渐变叠加,不要生硬地放两个纯色
小技巧:按住Alt键点击图层,可以快速复制图层哦!
4️⃣质感提升
想让Banner看起来更高级,关键在于细节:
1.给重要元素加上适当的光效(外发光效果) 2.利用纹理叠加(不透明度设为15-20%) 3.用蒙版处理过渡(按住Alt+点击蒙版可以查看蒙版效果)
5️⃣终极大招
最后分享一个我的独门绝技:用“可选颜色”调整(Ctrl+B),给整体画面调出质感。选择暗部,把青色调低一点,这样画面立马就有电影质感啦!
1.别把元素塞得太满,记住“留白是设计的呼吸” 2.文字不要超过3种字体 3.图层记得分组整理(Ctrl+G) 4.保存时选择“存储为Web所用格式”
做Banner最重要的是要有主次之分,就像化妆一样,重点部位要突出,其他地方就要淡化一些。不要担心做不好,关键是多练习,我当初也是从小白一步步过来的呢~

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。