首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

CSS3 — 元旦快乐!

相信大家如果对PS有所了解都知道里面有遮罩层的效果,可我们在这里并不打算介绍PS的效果,而是介绍在内核为-webkit的浏览器中通过CSS3的新属性-webkit-mask来实现在网页中。...-webkit-mask图片 3.-webkit-mask渐变 4.-webkit-mask的其它属性 1....其中心形为mask遮罩层,心形后面为背景图,是如何把背景以心形的形状展现出来的呢?现在我们一起来看看mask图片的实现方法。 2....让一个元素添加成为了可能,从而你可以创建任何形状且有创意的花样,可以是半透明或者全透明的的png图片。如下例所示: 背景图片: ? 版图片: ?...-webkit-mask渐变 -webkit-mask的层不仅仅可以通过png图片来实现,还可以使用它的alpha值来控制; ps: alpha为透明度,即为rgba(0, 0, 0, 1)中的

1.3K100

那些引导的小细节

什么是引导 引导(Coach Marks),从英文字面上的意思是指具有教育指示意义的引导标注。通常出现在用户初次使用产品的过程中,能够以最轻量的方式快速指引用户了解产品的使用方法或者新功能。...引导的应用场景 引导的使用场景非常宽泛,根据不同的场景设计合适的引导,才能够最为直接的达到教育作用同时也不会对用户造成困扰。...以下会结合案例来说明不同场景下的引导: 1.阐述功能 说明功能点是引导最常见的出现场景,通常会采用较为醒目的气泡或者箭头等指示性图形配合文字,直接标注在界面上进行说明。...直白的手写文案,加入了与整体产品气质相符合的可爱图形,再杂糅一些拟人化元素,使得整个引导非常生动,会让用户十分乐意去阅读完你的引导。 ?...在初次使用之前会弹出引导告诉你选择预定日期的入口和可以连续预定多天的功能。而它的引导使用与整体界面色调相同的遮罩作为间隔,从整体视觉观感上来讲,很难与实际界面做出区分。

1.5K120

那些引导的小细节

什么是引导 引导(Coach Marks),从英文字面上的意思是指具有教育指示意义的引导标注。通常出现在用户初次使用产品的过程中,能够以最轻量的方式快速指引用户了解产品的使用方法或者新功能。...引导的应用场景 引导的使用场景非常宽泛,根据不同的场景设计合适的引导,才能够最为直接的达到教育作用同时也不会对用户造成困扰。...以下会结合案例来说明不同场景下的引导: 1.阐述功能 说明功能点是引导最常见的出现场景,通常会采用较为醒目的气泡或者箭头等指示性图形配合文字,直接标注在界面上进行说明。...直白的手写文案,加入了与整体产品气质相符合的可爱图形,再杂糅一些拟人化元素,使得整个引导非常生动,会让用户十分乐意去阅读完你的引导。 ?...在初次使用之前会弹出引导告诉你选择预定日期的入口和可以连续预定多天的功能。而它的引导使用与整体界面色调相同的遮罩作为间隔,从整体视觉观感上来讲,很难与实际界面做出区分。

1.8K40

添加,分分钟搞定PPT封面

01 前言 当我们好不容易找到一个高清大图当封面时,却会出现下面这种情况,图片颜色太亮,加上文字后,不能够凸显文字内容,其实只需简单一个,轻松搞定这种问题。...本次将分享三种方法: 半透明 形状 渐变 ? 02 半透明 我们只需要加上一个矩形,改变矩形颜色为黑色,设置透明度即可。...03 形状 我们也可以插入不同的形状,例如三角形,圆形等,填充不同的颜色。这种方法可以更好的设计,玩出更多花样来~ ?...04 渐变填充 如果图片色彩较多,第一种方法可能效果并不是很好,我们可以使用渐变,留白区域更多,很适合封面页的使用。 ? 下期再见~

83720

ps cs5教程-Photoshop_CS5初学者必读(10)——应用技巧

初学者必读(10)——应用技巧讲述了的工作原理和“”调板的使用方法后,相信朋友们对有了深一步的了解。灵活的运用,可以制作出丰富多彩的合成作品来。...在本节内容中,就为朋友们安排了一幅唯美风格的插画设计,在制作作品的过程中ps cs5教程,运用到了大量的、不同风格元素的素材,跟据不同的情况,使用到了快速、图层、矢量和剪贴来编辑合成作品...(5)将选区反向选择,进入快速版模式。(6)在快速版模式中对选区进行编辑。(7)退出快速版模式。...(4)分别为两个底纹图像添加图层。(5)在“图层”调板中设置“红色底纹”图层的混合模式和不透明度。剪贴(1)新建图层,使用“渐变”工具填充渐变。(2)执行“图层”“创建剪贴”命令。...矢量(1)在“花纹”图层组的上方新建“图层2”并填充白色。(2)为该图层添加图层和矢量。(3)使用“椭圆”工具在矢量中绘制路径。

1.3K10

一篇文章带你了解SVG (Mask)

SVG功能可将应用于SVG形状。可确定SVG形状的哪些部分可见,以及具有什么透明度。运行效果可以将SVG视为剪切路径的更高级版本。...那是因为矩形只有50个像素高。矩形仅在矩形所覆盖的部分中可见。 黑色轮廓矩形是没有的矩形的大小。 二、其他形状的 可以使用任何SVG形状作为。 使用圆圈作为。...注:仅在可见圆的地方可见引用的矩形。 三、形状颜色定义不透明度 1. 如何去定义不透明度 ? 形状(圆形或矩形)的填充颜色设置为#ffffff。...形状的颜色定义使用的形状的不透明度。形状的颜色越接近#ffffff(白色),使用的形状将越不透明。形状的颜色越接近#000000(黑色),使用的形状将越透明。 2....四、在中使用渐变 如果对用作的形状应用渐变,则可以实现所应用的形状的渐变透明度。 使用渐变的,使用的矩形以及该矩形下的文本,因此可以看到其透明度如何随着的渐变而变化。

1.8K10

ps入门教程:ps剪贴怎么用【萧蕊冰】

哈喽~大家好~今天的ps小教程是有关剪贴的,你知道ps剪贴怎么用吗?剪贴作为PS中“工具”的一个重要组成部分,是创意设计中不可缺少的一个工具。用的好的话可以为你的设计锦上添花。...下面我们就来介绍一下ps剪贴怎么用。可以跟着学习哦~ 剪贴的原理即是:用下一层的图层,限制上方图层的显示、作用范围。...第三步:右键图片图层——创建剪贴,快捷键「 Alt+Ctrl+G 」。 这就相当于用图片图层去填充笔刷图层,将图片剪贴到了笔刷中,并只显示笔刷的形状区域。...image.png image.png 2、文字 试试换成文字看看~ image.png 3、柔边画笔 新建一个图层,用柔边画笔(调大画笔大小)画一个圆,然后拖进图片制作剪贴。...以上就是ps剪贴怎么用的全部内容了,剪贴也算是在ps中经常使用的一种工具,简单又好用,可以为你的设计增加更多创意,看起来美观又特别。快打开ps动手试试吧。

1.4K30
领券