当前位置:首页 > PS教程 > 设计教程

PS制作立体感的国旗图案按钮

  • 2021-05-05 15:35:58
  • 来源/作者:互联网/佚名
  • 己被围观

如何绘制逼真的高光?如何创造立体的感觉?今天分享一个简单水晶纽扣的教程,仅仅利用图层样式跟画笔就可以绘制出精美的高光+3D感,最适合UI设计刚入门的同学了,练习的时候要不断

上图看上去已经接近我想要的效果了,接下来为纽扣增加一点投影和描边。

Photoshop制作立体感的国旗图案按钮

Photoshop制作立体感的国旗图案按钮

Photoshop制作立体感的国旗图案按钮

3、增加高光细节

为了让纽扣看上去更具立体效果,运用了图层样式后显然是不够的。这时,我们还需要“手动”为他添加相应的阴影和高光的效果。在所有制图过程中,当你想让一个物体变得更具立体感、真实感,最好的方式莫过于为它添加高光和阴影了。

新建一个图层,然后使用椭圆选框工具,在纽扣的上方拉出一个椭圆形,然后再使用渐变工具,渐变设置如下:

Photoshop制作立体感的国旗图案按钮

然后在选区内填充渐变色,渐变模式为线性渐变,从上至下填充。填充后效果如下:

Photoshop制作立体感的国旗图案按钮

将椭圆转到右上角,也就是我们选定其为高光部分的地方。

Photoshop制作立体感的国旗图案按钮

这时,我想要在高光基础上再增加一层高光。首先,将高光图层复制一层,然后按住“ctrl”键,用鼠标点选纽扣的“身体”的图层。目的是想调出圆形选区,为下一步做准备。

Photoshop制作立体感的国旗图案按钮

保持圆形选区,在复制出的高光图层上通过键盘上的左键和下键来控制选区,移动到如下图所示的位置,然后点击delete键。

Photoshop制作立体感的国旗图案按钮

Photoshop制作立体感的国旗图案按钮

点击delete键后,这就是我们期待中的“小月牙”,看上去它太过于“平坦”了,这时,可以为它增加一个图层蒙版,选用黑白渐变在蒙版中合适的位置拉出一个径向渐变。

Photoshop制作立体感的国旗图案按钮

右上角的高光就做好了:

Photoshop制作立体感的国旗图案按钮
​​​​​​​

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?