用Photoshop怎样做水晶按钮

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

第一步首先建立新建文件300px*80px分辨率为72(大小可以自己定根据自己需求)。第二步利用圆角矩形工具画出圆角矩形(用此工具不用建立新的图层,当你画的时候会自动出现一个新图层),然后此工具的属性里有个半径,该值调为5PX,也可以根据自己的需要调节大小,颜色随意。第三步1.双击你刚刚填充黑色圆形的新建图层呼叫出图层样式对话框。分别将外发光、内发光、渐变叠加、描边进行勾选操作。2.先加个渐变,好增加立体感,混合模式为正常模式,颜色选择自己需要的颜色。3.再加了个描边。一个像素就够了,颜色选择黑色,透明一点,透明度为45%。为什么不直接用灰色呢?那是因为考虑到以后应用的时候,透明的黑色会更容易融入其它环境的。灰色会显得很生硬,记住拉,用半透明的黑色,更容易融入背景的。4.现在还差点什么呢?还欠个阴影。那么,我们给它加个阴影吧,,这次的做法是用外发光代替阴影是一样地,混合模式照样是正常,透明度调为40%,颜色选择黑色。这样看上去是不是更有立体感那!5.现在的按钮好像光的质感还不够,再加一个内发光!让它在边缘发光,这样质感就很强。第四步1.用钢笔工具画出按钮的玻璃质感的高光,记住画之前必须建立新图层哦2.钢笔画完图形后用快捷键Ctrl+Enter将钢笔画出的路径转换为选区,在将选区内添加白色(编辑-填充)。填充后将选区去掉(快捷键Ctrl+D)。3.将该图层属性的透明度值改为40%,这样高光就能融入按钮中,看起来很自然,然后再双击该图层,出现了图层样式,选择渐变叠加,混合模式为正常、透明度为20%、颜色是从黑到白、样式为线性、角度为90度。第五步最后用文本工具将你想要的内容打上去,然后给字加上图层样式,选择阴影,调为你想要的效果,让文字也突出些。最后作品效果图1.PS下建立一个400*400的图像,背景设置为白色。2.新建层,使用椭圆选择工具,按住SHIFT拉一个正圆出来,填充白色。3.对“圆”这层加载图形样式。实现按钮的效果全靠这一步。图层样式里有取之不尽的宝藏,大家多发掘吧!这里我用了4种图层样式效果。4.做到这一步,就是添加按钮了。新建层,选择“自定义形状工具”,选择你需要的三角形。5.按住shift拉出大小合适的三角形。6.选择蒙版层,进入路径选项版,建立选区。7.回到图层选项版,隐藏蒙版层。点选刚才新建立的图层,出现选区填充黑色。8.CTRL+T变形这个三角形,按住shift旋转并调整到合适位置。9.对三角形这个图层加载图层样式。10.OK大功告成!再试着做个正方形的按钮吧!最终效果图效果图先看下红色的提交按钮:第一步:使用圆角矩形制作一个红色的矩形。第二步:然后我们给该矩形形状添加下面图层样式阴影:内发光渐变叠加:描边:效果如下:第三步:按住Ctrl单击按钮层选择,使用使用矩形选框工具设置如下。第四步:使用矩形选框工具把选区移动到左部,如下图所示。第五步:创建一个新层,然后填充#E1CA57。第六步:在新建的层中添加图层样式。内发光渐变叠加第七步:创建新层,然后放大到1600%,然后使用铅笔工具创建下面图形,很简单的!现在我们的按钮出现下面的形状了。第八步:加上文字,在这里我设置的TrebuchetMS英文字体、加粗、大小14pt、白色。当然你也可以在字上添加一些你认为好的效果。效果图1.首先新建文件,选择圆角矩形工具,绘制出圆角矩形。如图1。图2.将路径转换为选区,新建图层,使用渐变工具绘制出85%灰度到25%灰度对角线渐变。如图2。图3.取消选区。使用图层样式,给圆角矩形增加内阴影,参数设置如图。如图3。图34.勾画出如图的选区。如图4。图45.新建图层,拉出透明到白色渐变。如图5。图56.新建图层,在矩形左上角勾出如图选区并拉出白色到透明渐变。如图6。图67.新建图层,使用椭圆选区工具绘制如图所示的两个椭圆选区并羽化填充。如图7。图78.勾画出如图所示的选区。如图8。图89.新建图层,拉出白色到透明渐变,并将该层不透明度减低为70%。将所有图层合并(背景层除外),通过色彩平衡来为按钮上色。如图9。图9效果图新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置图1新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)图2如果大家得到这样的结果图3就需要将“对齐像素”的选项给勾上图4为这个图层添加图层样式图5图6图7得到结果如图所示,顺便在样式调板中存储着这个样式图8使用矩形选框工具,绘制出一个矩形的选区图9新建图层后,填充黑色到白色的径向渐变图10并将该图层的混合模式改为:柔光,不透明度:60%图11新建图层,再绘制出一个矩形选区图12填充成白色图13并将该图层的混合模式改为:线性减淡,不透明度:30%图14使用文字工具写上要的文字,注意在这里要将字体的边缘设置为:无图15之前我们创建过一个样式,还记得吗,给文字应用这个样式就可以了。图16后面的工作就是换换颜色,改改文字就可以了。

1 / 32
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功