今天给大家带来的是制作透明玻璃的教程，这个教程对于光的效果制作有难度，但是只要你有好的分析方法，我想这个PS教程对你不会有什么难度。让我们开始吧。最终效果图：素材下载：第一步：把“木纹”下载下来，直接就在上面开工，因为它的用处是背景，也不会编辑它。所以不需用新建，但是在其它的设计制作中，大家还是要习惯性的CTRL+J。然后我们使用圆角矩形工具，圆角为“10”。拉出一个矩形来。现在我们双击矩形图层。
用到的基础知识 一、两种模糊库 工作中要用到高斯模糊的事的图片做背景图，在android下面实现高斯模糊，有两种方法， &
转载
2024-01-31 01:59:18
188阅读
进过一番预研，找到了3中实现方案，其中各有优缺点：1、如果系统的api在16以上，可以使用系统提供的方法直接处理图片 if (VERSION.SDK_INT > 16) {
Bitmap bitmap = sentBitmap.copy(sentBitmap.getConfig(), true);
final RenderScrip
转载
2023-06-06 10:52:01
121阅读
玻璃是目前使用较广泛、应用范围较广的无机非金属材料，能够应用于建筑、日用、艺术、仪表等领域，种类十分丰富。除了常用的钢化玻璃、印花玻璃以外，还有光学玻璃、调光玻璃等对技术要求较高的类型。本篇文章中我们将介绍光学玻璃有哪几种类别，并着重说明超白玻璃跟白玻有什么区别 1.无色光学玻璃对光学常数有特定要求，具有可见区高透过、无选择吸收着色等特点。按阿贝数大小分为冕类和火石类玻璃
解决的问题：我们在装饰新家的时候买了几幅抽象画，买回来之后发现有些加上色彩艳丽的边框更适合我们，而有的加上玻璃罩之后更能符合我们的使用。那我们来怎么解决这个问题呢？他需要动态的给别的对象增加额外的职责，这就是装饰者模式的目的。我们可以通过继承的方式来给原对象增加新功能，但是装饰者模式采用组合的方式比生成子类更加灵活。类图及样例实现： 在装饰模式中的各个角色有：抽象构件（Component）角
其实毛玻璃的模糊效果技术上比较简单，只是用到了css滤镜(filter)中的blur属性。但是要做一个好的毛玻璃效果，需要注意很多细节。比如我们需要将上图中页面中间的文字区域变成毛玻璃效果，首先想到的是给其设置一个透明度，并添加模糊滤镜：.content {
background-color: rgba(0,0,0,0.3);
-webkit-filter: blur(2px);
-moz-fil
刚刚做技术调研,可以给一些优缺点的对比.目前主流实现毛玻璃效果(高斯模糊)分大致三种方法:一 利用RenderScript接口利用现有Android结构,通过RenderScript调用底层接口实现高斯模糊计算.// Remix Blurprivate void blur(Bitmap bkg, View view) {
…
RenderScript rs = RenderScript.creat
转载
2023-08-29 12:38:59
443阅读
App设计时往往会用到一些模糊效果或者毛玻璃效果,iOS目前已提供一些模糊API可以让我们方便是使用。 话说苹果在iOS7.0之后,很多系统界面都使用了毛玻璃效果,增加了界面的美观性,比如下图的通知中心界面;
但是其iOS7.0的SDK并没有提供给开发者实现毛玻璃效果的API,所以很多人都是通过一些别人封装的框架来实现,后面我也会讲到一个; 其实在iOS7.0(包括)之前还是有系统
每一位坐过波音787梦想客机的旅行者，都会注意到那块魔幻的变色玻璃。当飞机进入巡航高度的时候，机长会将旅客身边的舷窗玻璃调整为深蓝色，而进入下降时间，这块玻璃又回自动变成透明色，这就是传说中的电致变色玻璃。我第一次乘坐波音787被这项技术震撼到，而我也并没有想到，这项在交通运输界方兴未艾的新材料，很快会被应用于消费电子产品。去年的CES上，欧加集团旗下品牌Oneplus（一加）就展示了电致变色概念
转载
2024-08-25 13:45:19
252阅读
毛玻璃其实就是磨砂玻璃，能够模糊的看清背后的风景，让人感觉有种朦胧美，让界面看上去有些层次感。比如：高大上啊，接下来肯定是眼馋手痒的过程。。。当然，用ps搞一个全景毛玻璃背景毫无疑问是最省事的，那接下来就没啥事可干了。当然no no no了。毛玻璃无疑就是种模糊了，少不了filter blur。最终效果（chrome）：天气预报嗯，也算是将就了。。。 <!DOCTYPE html>
转载
2024-03-05 12:57:27
320阅读
上周跟大家分享了新拟物的UI设计及相关的代码网站，这周让我们来聊一下玻璃拟物化——毛玻璃效果。相信大家最近在dribbble或者behance上浏览都看到国外设计师都在有意识地使用玻璃质感的设计，应用在图标、网页、UI界面、APP的名片、作品集封面上等等。一、什么是毛玻璃那么毛玻璃质感(Glassmorphism)的效果具体使用的场景是怎么样的呢？主要有以下三个方面：图标、Web网页、UI界面等视
转载
2023-09-06 19:02:25
489阅读
最近在整理导航栏的渐隐渐现效果，整理过程中偶然学会了图片的毛玻璃效果实现，很简单，不多说了，先上图看看效果对比，这是原图，这是加了效果后的，创建图片的代码就不上了，下面看下添加效果的代码：// 毛玻璃/*系统自带的三种风格UIBlurEffectStyleExtraLight,//额外亮度，（高亮风格）
UIBlurEffectStyleLight,//亮风格
UIBl
转载
2023-06-06 11:24:01
204阅读
大家好，小易今天又要和大家分享PS的那些骚操作啦，话不多说，上大佬图，PS赶紧打开[doge]. 1穿透毛玻璃效果先上效果图: 一、准备恰当的素材图，我勉强选了一张正面角度的图片： 二、新建一个图片，参照原图色彩，拉一个渐变背景色。把素材图中左边的马抠出来，拖放到新建图层上，执行 去色—拉低曲线，如下： 三、执行 滤镜—高斯模糊 ，采用适当参数
最终效果图: 关键代码: UIImage分类代码 ?//
// UIImage+BlurGlass.h
// 帅哥_团购
//
// Created by beyond on 14-8-30.
// Copyright (c) 2014年 com.beyond. All rights reserved.
// 毛玻璃效果
在iOS设备上我们随处可见毛玻璃效果，而且最近越来越多的场合应用到了这种美观的虚化效果，包括本人的一个开源项目BlureImageView也是受此启发。所以，恰到好处的虚化效果能很好的改善用户体验，而且也能让你的app显得更加优雅。 不过，我们目前在android上很少见到毛玻璃效果，我认为很重要的原因是性能问题，虚化一张图片所需要的时间会因设备而异，如果为了虚化使得用户需要刻意等待，那么就是弊
转载
2023-07-28 11:49:07
331阅读
背景我又双叒叕来摸鱼啦！！今天又双叒叕是做需求，发现产品给了一个缩略图排列起来的列表（虽然列表里只给了一个排列项，其他需要脑补）然鹅我发现！想象总是美好的，然而现实是非常骨感的！什么是毛玻璃效果？毛玻璃效果（Glassmorphism）是目前非常流行的设计新趋势，你可以在 Dribbble 等网站上看到毛玻璃效果，甚至像 Apple 和 Microsoft 这样的大公司也在使用它。基本上，它的主要
转载
2023-10-17 12:58:56
348阅读
在我年轻时做过的开发中，毛玻璃应用得最广是在复杂的背景图上。如果你希望在一个复杂的背景上添加文字，文字能清晰展示，并尽可能的保留原背景的话，使用毛玻璃的效果去处理是非常合适的。本文主要讲解背景毛玻璃效果，也会讲讲文字如何做出模糊效果。如果你懒得写代码，也可以使用 《这18个网站能让你的页面背景炫酷起来》 里面提到的 Glass Morphism 网站直接生成毛玻璃效果。背景图毛玻璃在 PhotoS
转载
2024-02-28 16:55:09
456阅读
其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur比如我们需要将上图中页面中间的文字区域变成毛玻璃效果，首先想到的是给其设置一个透明度，并添加模糊滤镜：.content {
background-color: rgba(0,0,0,0.3);
-webkit-filter: blur(2px);
-moz-filter: blur(2
转载
2023-11-01 21:04:47
236阅读
毛玻璃效果 UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"angry_00.jpg"]]; imageView.frame = CGRectMake(0, 0, self.view.frame.size.width, 200); [self.view addSu
原创
2023-03-02 00:00:39
143阅读
链接：http://www.cnblogs.com/ghost-xyx/p/5677168.html先上 demo 和 源码其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur 属性。但是要做一个好的毛玻璃效果，需要注意很多细节。比如我们需要将上图中页面中间的文字区域变成毛玻璃效果，首先想到的是给其设置一个透明
转载
2017-02-18 15:53:56
1084阅读
