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