PhotoShop绘制水晶质感3D立体按钮制作教程

  photoshop教程效果图:


  1.新建大小自定,这里500*300。

  2.前景色设置纯黑,选择形状工具,形状圆角矩形工具,在背景上层拉出形状适当钢笔修改下,如下图


  3.添加形状1的图层样式,渐变叠加 颜色-838383-020202-838383- 如下图


  4.复制形状1用移动工具,稍微往上移动 ,添加图层样式 投影请看下图。渐变叠加 颜色-ffffff-

分类:

  • PS鼠绘教程
时间: 2024-10-07 13:45:32

PhotoShop绘制水晶质感3D立体按钮制作教程的相关文章

纯CSS3彩色边线3D立体按钮制作教程

今天我们来分享一款利用纯CSS3实现的3D按钮,这款按钮的一个特点是有彩色的边线,这让整个按钮显得比较多姿多彩,没那么枯燥无趣.本文不仅可以让大家看到演示效果,而且我们把制作教程也分享出来,首先来看看效果图: 我们也可以在这里看到这些按钮的DEMO演示. 接下来就来分享一下制作教程以及源代码,按钮的源代码主要由HTML和CSS两部分代码组成,先来看看HTML代码: <button class="blue">     <div class="wrapper&q

PhotoShop绘制黑色质感安培仪表盘图标制作教程

教大家用PhotoShop绘制一个黑色质感安培仪表盘图标,其实一个图标一点都不复杂,总共也就3个文件夹. PS:这里的形状都是先用AI画出来的,然后放在PS里做的效果,当然也可以直接在PS里画,根据个人习惯吧! photoshop教程最终效果图: 第一步:仪表盘底托的制作如下: 分类: PS鼠绘教程 ps图标制作教程

Photoshop绘制水晶质感的放大镜效果

Photoshop绘制水晶质感的放大镜效果         注:更多请关注photoshop教程栏目,三联PS教程群:181754111欢迎你的加入 分类: PS鼠绘教程

photoshop设计迪厅风格立体文字制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计迪厅风格立体文字的制作教程. 教程分享: 最终效果   1.创建白色背景画布,长宽均为35像素*35像素.选择矩形选框工具,设置栏选择"添加到选取",然后沿着画布边缘创建一个宽1像素的边框选区.这里缩小视图是会更加容易操作.   2.选区填充颜色#020202,然后按Ctrl+D取消选区.   3.然后重复上面的步骤三次,不同的是逐渐向内创建边框,宽度都为1像素,填充颜色分别为#373737.#bababa.#f7f7f7,

PhotoShop绘制一只七星瓢虫小图标制作教程

介绍用PhotoShop绘制一只七星瓢虫小图标,我一直很奇怪为神马很多软件到BUG提交都用瓢虫做标识,后来在一本书上无意中看到ladybug才恍然大悟. 教程效果图: 绘制流程如图: 分类: PS鼠绘教程 ps图标制作教程

Photoshop高对比质感的HDR效果制作教程

给各位Photoshop软件的使用者们来详细的说一下高对比质感的HDR效果的制作教程. 教程分享: 背景素材:   火焰素材大家百度一下就有,这个素材不重要,不需要一模一样的. 局部分析:   火焰颗粒气氛渲染:   颜色分析:   所有问题都分析完了,剩下就开始制作吧.               最终效果对比!   好了,以上的信息就是小编给各位Photoshop的这一款软件的使用者们带来的详细的高对比质感的HDR效果的制作教程分享的全部内容了,各位看到这里的Photoshop软件的使用者们

PhotoShop设计简洁清新的小按钮制作教程

用PhotoShop设计简洁清新的小按钮效果,只需用图层样式即可实现,练习按钮的目的就是为了增加细节的把握,没有细节就没有好的按钮, 先看 教程效果图: 首先,在PS里建一个324*324PX大小的文档,然后建立一个圆角矩形,大小随需要而定. 样式里的内阴影和渐变叠加参数(这些并不难,重要是有耐心调整,直到自已满意为止). 在里面再做一个圆角矩形,然后复制一个到下面,等着做按下去的效果用. 继续调整细节.如图: 加上文字. 然后开始做按下去的效果,注意细节,观察怎样做到凹凸两种不同的感觉. 最后

PhotoShop绘制逼真的记事本立体环扣教程

最终效果: 1) 使用画笔工具,新建图层1,绘制一条垂直线.按CTRL键点击图层1,调出层1选区,使用渐变; 2) 对图层1使用内发光图层样式,如图所示.再建立图层,建立椭圆选区,使用渐变[灰-白-灰],产生高光点; 3) 新建图层,绘制圆环,填充黑色,使用动感模糊滤镜[水平方向],利用矩形选框工具框选左半边区域,删除,再使用橡皮擦工具,擦除右半部分区域. 4) 建立两个黑色的圆形; 5) 复制一排,完成最终效果; 分类: PS鼠绘教程

Illustrator绘制玻璃质感的立体云朵教程一览

给各位Illustrator软件的使用者们来详细的解析分享一下绘制玻璃质感的立体云朵的教程. 教程分享: 新建一个200X150的文件,画出如图上的几个图形并使底边的图形对齐.   做这种图形要注意光源的位置(本图为右上角),再来画出对光部分的边(红色图形)和背光部分的边(黄色图形).将图形全部选中合并(路径查找器-联集)成一个图中的蓝色图形,选中蓝色图形按CTRL+V和CTRL+F原地复制2个将其中一个向右上角移动适当距离,将他和另外一个蓝色图形选中,按路径查找器-减去顶层得到图中红色的图形,