photoshop设计制作圆形质感纽扣式按钮

2015-02-09 15:40 95 1 收藏

设计创意涵盖的太多,简单的想法延伸为一种实现的方式,我们称之设计,今天分享的是photoshop设计制作圆形质感纽扣式按钮教程,希望能够帮到大家!

【 tulaoshi.com - 平面设计 】

效果图:

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

纽扣式按钮设计效果图 设计制作方法: 1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色) 2.一层层的画。从底部最下面一层开始。 3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走势一开始可能已经有人想好了,或者没有想好,就是随手一画的那样的也可以,未知的可能更有意思。渐变,投影。 ②这个技法很简单,但是这样的颜色是需要一定的经验或者试错调出,可能一开始也不一定是这样的颜色,最后可以综合调整。

纽扣式按钮设计图(一) 4.①圆饼有渐变之后,光线上下走动。复制一层,变化样式,制作轻轻的凹陷感觉。至此,圆碟纽扣出现。 ②切勿生硬,浮雕样式可以说是不借助手绘板来涂抹之外的最高效的功能。浮雕的柔度,决定了微质感的视觉柔度。个人以为十分的关键。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

   

纽扣式按钮设计图(二) 5.①重复上面的步骤,可以做出圆碟上的“食物”。这里需要考虑的是快速制作。复制为新组,然后微调整,你会发现很难实现。 ②这个“食物”也是有厚度的,四周的指示符号可以暂时不去理会。 6.①接下来,再次重复之前的圆碟设计方法,这样层次感觉就更加突出了。 ②然后再加上一个内嵌感觉的凹槽,隐喻可点击。

   

纽扣式按钮设计图(四) 7.①最后,我们可以在碟片机边缘发挥下想象力。比如,为了让其更像一个纽扣,加上针缝线。这样就更加熟悉和亲切了。 ②润色整个画面,就价格杂色背景都行。  

纽扣式按钮设计成品图

来源:http://www.tulaoshi.com/n/20150209/140890.html

延伸阅读
photoshop绘制透明玻璃质感长圆形按钮 最终效果图 1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小, RGB模式Contents,设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右图老师半圆向右移动30像素...
标签: PS PS基础
标签式按钮常常用在附属导航中,线条非常漂亮,效果图如下: 下载  /uploads/soft/2012/201210/1-12101G55I1.zip 下面是具体实现步骤: 一、Ctrl+N新建一个文档,580像素宽,290像素高,白色背景,其他选项默认。给前景色选择一种灰色,我这里用的颜色是#898989,使用Alt+Delete键给背景图层填充此颜色。然后新建一个图层,选择圆...
最终效果图 1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小, RGB模式Contents,设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右半圆向右移动30像素,结果如图01。 图01 2. 选取两半圆中空...
标签: PS PS基础 PS效果
水晶按钮的制作关键是把水晶质感渲染出来。可能勾出的图层较多,注意好每一个图层都需要用图层样式等添加光感,然后再根据光源方向设定好高光位置,这样做出的按钮不仅质感好,而且比较合逻辑。 最终效果 1、新建文档,800x600像素,背景白色,画2个矩形,分别添加样式。 2、底部矩形样式。 3、上部矩形样式。 4...
先看效果图 新建文档600x600像素,背景白色,新建图层填充黑色,添加直线渐变样式,效果如下。 新建图层画一黑色正圆。 添加图层样式。 效果如下。 复制一层,清除图层样式,将此层缩小。 再复制一层,颜色改为白色,稍微缩小一点点,不透明度改为10%。 复制这个白色层,添加蒙版黑白斜线渐变。 不透...

经验教程

46

收藏

5
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部