在ui设计、新媒体图文排版或者活动落地页制作中,醒目清晰的按钮是引导用户点击的核心元素,红色因为视觉冲击力强、辨识度高,是按钮最常用的配色之一。用ps设计红色圆形按钮操作简单,几步就能做出有专业质感的立体按钮,接下来分享详细制作步骤。
新建画布绘制基础圆形轮廓打开ps软件,新建一张尺寸合适的画布,做网页或小程序按钮,设置400*400像素、分辨率72px、rgb颜色模式即可满足使用需求。在左侧工具栏选择「椭圆工具」,按住shift键的同时拖动鼠标,就能画出一个标准正圆形,将填充色设置为基础正红色ff2222,取消默认描边,得到按钮的基础轮廓。
添加渐变打造基础立体效果平面的红色圆形没有层次感,我们可以通过渐变叠加做出自然的光照效果。双击圆形图层调出「图层样式」面板,选择「渐变叠加」选项,将渐变设置为从浅红色ff5555到深红色aa0000的线性渐变,调整渐变角度为90度,让按钮上方偏亮、下方偏暗,模拟从上往下打光的真实效果,这一步做完按钮就已经有了基础的凸起感。
添加图层样式强化按钮质感接下来添加细节样式让按钮更真实:勾选「投影」,将投影不透明度调整为30%,距离设置为2像素、大小设置为3像素,让按钮和背景自然区分开,避免发飘;再勾选「内阴影」,不透明度设置为20%,颜色选深暗红色,距离1像素、大小2像素,强化按钮边缘的立体感,让凸起效果更自然。
添加高光完善最终效果最后一步做高光提升通透感:新建图层后按住ctrl点击圆形图层载入选区,用椭圆选框工具框选出圆形上半部分约三分之一的区域,填充纯白色后将图层不透明度降到30%,执行1像素的高斯模糊,让高光边缘更自然。调整完成后导出为png透明格式,就能直接用到各类设计场景中,哪怕是设计新手也能一次成型。