水滴css样式,css水滴特效

在Photoshop中如何制作水滴效果

楼主是要什么水滴效果啊 要是比较简单的可以直接去下载一些水滴笔刷 都是现成的下面是从别人那摘的 你参考下吧光点和水滴的体积感。点击选择Bevel and Emboss（斜面和浮雕）选项，并进入Bevel and Emboss（斜面和浮雕）样式设置面板，将Style（样式）设置为Inner Bevel（内斜面），将 Technique（方法）设置为Chisel Hard（雕刻清晰），Depth（深度）为250， Size（大小）设置为5（深度和大小决定了水滴的立体高度和高光区的位置，读者可以根据实际需要调整相应数值），Soften（软化）设置为4。在Shading（阴影）选项栏中，将高光模式和阴影模式的颜色均改为白色（读者可以根据背景图象的颜色或不同环境设置不同颜色，该颜色主要决定高光的色相），并将阴影模式改为Color Dodge（颜色减淡）模式，并将Opacity（不透明度）设置为37%，其它参数仍使用默认值 7. 全部设置完成后按下OK按钮确定，怎么样，水滴的效果是不是已经出来了，呵呵。晶莹剔透！ 通过添加以上几种图层样式，就制作出了水滴的光影效果。但此时的水滴效果仍然不够逼真，因为水是流体，形态变化万千。可以通过Liquify（液化）功能或者橡皮擦来修改水滴的形状。通过复制或直接在该图层中绘制，以制作出更多形态各异的水滴 小结：图层样式的具体参数很多，更多的参数设置和具体材质表现读者可以在实践中进一步去研究。 图层样式还可保存以留作后用。进入Style（样式）工作面板，当鼠标移动到面板中空白处时，将出现一个小油漆桶图标， 点击鼠标左键，将弹出一个新建样式的对话框（或者点击面板下的Add new layer（增加新图层）按钮也可弹出该对话框），将名称改为“水滴”， 设置完成后按下OK按钮，就可以把设置好的图层样式保存在样式面板中，以后在制作类似效果的时候，只要在样式面板中点击这个新样式图标，将此图层样式应用到图层，即可实现水滴的效果了。参考资料：

成都创新互联是一家专注于成都网站设计、成都网站建设与策划设计,吉水网站建设哪家好?成都创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:吉水等地区。吉水做网站价格咨询:13518219792

求css3 高手 帮画一个水滴图型 如图

html

body

style type="text/css" 

span{height:40px; width:40px; display:block; position:relative;} 

.demoSpan1{width:26px;}

.demoSpan1:before{content:''; height:16px; width:16px; border:5px solid #333; display:block; position:absolute; top:2px; left:0px; z-index:1; line-height:26px; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px; color:#fff; text-align:center;}

.demoSpan1:after{content:''; height:0px; width:0px; display:block; position:absolute; bottom:2px; left:3px; border:10px transparent solid; border-top-color:#333; border-width:15px 10px 0px 10px; }

/style

span class="demoSpan1"

/span

/body

/html

这个是中间空心的，你自己略加修改。

给你个便捷的CSS3图标网站，那里有很多责成的。

这里不给发网址，下面的东东，自己参吧：

www-uiplayground-in/css3-icons

草图大师如何做水滴

方法如下：

1、打开电脑里的草图大师软件，点击资源管理面板，调整数据。

2、新建零件。使用草图中的样条曲线勾画出水滴半侧外形，及旋转中心线。

3、对草图进行旋转。可以得到水滴外形模型。

4、对模型进行渲染，这里选择蓝色玻璃。将水滴渲染成透亮蓝色样式。

5、点击渲染命令，可以查看渲染结果。

6、随意调整参数后，得到水滴

水滴矢量图的制作方法是什么？

一、水滴矢量图的制作方法——一滴

1. 创建一个新的画布，并把它放在绿叶的图片上(因为水是透明的，需要一些其他的东西来突出水滴)。

2. 画一个椭圆(你可以用椭圆工具或钢笔画一个水滴的形状)。

3.设置绘制的形状和填充为0%。

4. 然后添加图层样式到绘制的形状:内阴影，阴影。

下列数值只供参考;由于物体受到环境光的影响，我们需要为阴影添加周围的颜色。

效果如下:

5. 在水滴上加一个高光:画一个椭圆形，用面膜擦拭。

二、水滴矢量图的制作方法——大量的水滴

创建一个新的画布，恢复前/背景色(黑色和白色)。

2. 创建一个新的空白层，使用滤镜:滤镜，渲染，云。

3.然后用一个滤镜:滤镜和其他来保持高对比度。更改为以下效果。

4. 使用另一个过滤器:过滤器库草图戳记。

5. 使用魔棒(或通道)得到黑色的部分，创建一个新的空白层，并填充任何颜色。然后设置该图层的填充为0%，加上UI设计效果:内部阴影，投影。(背景中放入一片绿叶，产生水景效果。)

效果如下:

6. 最后，添加高光和使用图层效果的斜面和浮雕层效果。

单水滴矢量图的制作方法主要是为了增加效果(高光、内阴影、投影)，而大量水珠的设计，主要是成型加工。使用过滤器内部的一些功能(云、高对比度、图章)来制作形状。将UI效果添加到其形状中。环球网校将会持续更新ui设计的相关资讯及技巧，你也可以点击本站的其他文章进行学习。

如何给照片加上水滴效果

在Photoshop里面做

1. 打开你的照片。

2. 用圆形或者椭圆选框工具在图片上选择一个大小合适的区域，按下快捷键“Ctrl+J”，把区域复制到新的图层中。在新的图层中，运用旋转工具将区域旋转一定的角度。

3. 点击菜单“滤镜→扭曲→球面化”对新的图层进行处理，数量设置为60%。

4. 在新图层上点击右键，选择“混合选项”。使用“投影”样式，设置不透明度为75%、角度为30°、距离1像素、扩展0%，大小为1像素。再使用“内阴影”样式，设置不透明度为95%、角度为30°、距离为1像素、阻塞0%，大小2像素。设置完成后，点击“好”，回到新图层中，就可以初见水珠之影了。

5. 为了让水珠更加逼真，我们还得对水珠做光照产生的反光处理。用椭圆选框工具在水珠上半部分选择一扁小的椭圆区域，并用渐变工具进行从上到下的填充，颜色变化为白色到透明。再在水珠下半部分同样选择一扁小的椭圆区域，用相同的渐变色对其进行由下至上的填充。

到这就完成了水珠效果的制作，你可以用同样的办法制作更多角度不同的水珠，会有更好的效果哦！