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

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


当前标题:水滴css样式,css水滴特效
转载来于:http://hbruida.cn/article/hoocec.html