Photoshop绘制立体风格的调节旋钮图标(3)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

用椭圆工具画出旋纽的主体来,添加图层样式。

Photoshop绘制立体风格的调节旋钮图标

Photoshop绘制立体风格的调节旋钮图标

Photoshop绘制立体风格的调节旋钮图标

Photoshop绘制立体风格的调节旋钮图标

跟刚才给圆角矩形做阴影一样,复制一层,移到下层,将图层填充修改为0,添加一个投影图层样式。

Photoshop绘制立体风格的调节旋钮图标

Photoshop绘制立体风格的调节旋钮图标

同样的,跟刚才一样,利用动感模糊做个长投影,适当调整不透明度。

Photoshop绘制立体风格的调节旋钮图标

接下来,用椭圆工具画出中间的小圆,添加图层样式。

Photoshop绘制立体风格的调节旋钮图标

Photoshop绘制立体风格的调节旋钮图标

Photoshop绘制立体风格的调节旋钮图标

 收藏