蒙版

adobe xd使用的几点记录

拟墨画扇 提交于 2019-12-30 19:57:43
记录一下xd使用,还不熟悉,偶尔画一画东西,防止忘记 1. 新建画板 快捷键:A,即切换到画板模式,鼠标点击文档空白处即可新建画板, 右侧面板是画板各移动端型号和不同分辨率参考模板 2. 缩放画板 按住Alt键,滚动鼠标可缩放 ctrl键,结合+/-可进行画板缩放 3. 图标使用 图标库建议使用 iconfont ,图标导出为svg/AI,直接拖入画板,即可使用 4. 图层选中 鼠标点选-直接选中对应图层 ctrl+鼠标点选-可选中编组中压在底层的图层 5. 组件移动 鼠标拖动 上/下/左/右键,每次移动1px shift键+上/下/左/右键,每次移动10px 6. 布尔运算 对两个以上的矢量图层进行布尔运算:添加、减去、交叉、排除重叠 7. 矢量编辑 对矢量图层,双击可切换为编辑模式,即可进行编辑,可拖动更改大小( 按住Alt键拖动,可固定中心点编辑 ) 8. 背景模糊 一般用于毛玻璃效果,即高斯模糊(前面文章提到过实现方法) 9. 文字样式 字间距、行高、段落间距 10. 重复网格 定义好图层或组件后,可使用重复网格进行列表操作,方便之处如下: 拉框直接列表循环,可统一更改间距 所有样式更改跟随列表第一项 图片可批量添加(不重复) 文本可批量更换(文本编辑器中,换行编辑好,直接拖入文本文件) 11. 蒙版组件 一般用于,图片和矢量图形的叠加:选中图片和矢量图形,快捷键ctrl

ps基础

有些话、适合烂在心里 提交于 2019-12-22 00:02:20
1. 空格,拖动鼠标:可以移动画布; 2:ctrl+1,画布100%,+0,正常比例; 3.esc退出旋转视图 4 5 o键,快速切换裁剪格式,同时注意删除裁剪的像素的作用 6.图层右键转换为智能对象,   自由变换后放大缩小不会失真,有更多详细的功能; 7  ctrl +t自由变换,ecs退出变换, 8 自适应广角,拖动,shift 结束,之后可以用裁剪工具裁剪完,对广角的矫正(和标尺类似吧) 9 创建组,对组内对象可以进行统一的操作 10.勾选自动选择和图层,可以自行移动自己需要的图层,也可以的自动的吸附和对齐。,选中想要得到图层进行,相应的变换。 11.alt 拖动图层,即可对图层进行拷贝,也可以的ctrl+J 对图层进行复制。 12 栅格化文字:文字从可编辑层,变成图像层 11.选框工具,按住shif 相加,alt相减,shif+alt相交选框 12,按住alt 点击蒙版可进行查看,shift 点击蒙版,可进行开启或者关闭 13,蒙版中白色是选中区域,黑色是受保护区域 14,选择-色彩范围-可以选中不容易被选中的那些选择,通过色相饱和度建立蒙版,改变选中区域整体颜色 15,新建图层,运用渐变工具, 更改颜色,图片会得到杂合后的颜色 16, alt+添加蒙版,会得到一个黑色不显示的蒙版 ,渐变到透明可以得到镜像的效果 17,色阶,alt,移动滑块可看到高光和阴影的变化 18

CSS :实现仿 Windows10 鼠标照亮边框效果

给你一囗甜甜゛ 提交于 2019-12-16 09:23:43
安装最新 Windows 10 update 之后,注意到系统 UI 里有一个很棒的细节效果,在开始菜单的磁贴里或者 UWP 风格的设置界面中,元素的高亮边框是可以感知鼠标的,边框的高亮部分会跟随鼠标的移动而移动。顿时灵机一动,这个效果用 CSS 可否实现? 分析 拿桌面日历中的效果为例,鼠标移动时附近的边框也渐变性可见。这个效果不就是探照灯效果嘛!这个完全可以用 CSS 中的 mask 蒙版配合一个径向渐变实现。 但问题是,mask 蒙版是作用于整个元素的,没办法只作用于 border 而不影响内容。这个,那只能把 border 和实际内容分离用不同层来表示了。嗯,鼠标移动就更新蒙版位置,应该不成问题。 实现 准备工作 首先,撸好两层日历格子,一层展示日期信息,一层展示探照灯效果的边框。用 flex 布局也好,grid 也好,哪怕 inline-block 也都是没有问题的,这都不重要,重要的是上下两层的格子一定要对齐,然后我们用 relative 的容器把这两层 absolute 层圈起来,固定住。 <div class="calendar"> <div class="calendar-header"> <div class="week-day">一</div> <div class="week-day">二</div> <div class="week-day">三</div

photoshop学习入门:选择和处理

ぃ、小莉子 提交于 2019-12-10 02:02:40
昨天花了一天时间看了李涛的视频《高手之路》入门的24集,累得连写工作日报的力气都没了,19点就睡。今天4点起来,补一下记录。 photoshop是个 位图处理工具 (别的花里胡哨的功能忽略)—— 位图 指的是若干像素组成的图片。 处理 包含两件事:选择目标,将目标做改变。 photoshop工程的基本模型: 1.将一幅位图,分成k 层 ,来分别处理 2.每层,分为m*n个 像素 3.每个像素,有3种 原色 ,每种原色有255个光点可明可暗,亮暗程度用0-255的数字表示 所以,图像处理实际就是对(256 * 3) * (m * n) * k个光点进行控制。 怎样选择要控制哪些光点? 1.使用 图层 在k层中选择 2.使用 选区 在m*n矩阵中选择 3.使用 颜色通道 在3种颜色中选择 4.使用 蒙版 在某一图层中选择选区并进行控制 5.使用 alpha通道 保存选区,以备之后使用 怎样对选中的光点们进行处理? 针对像素,可以调节其色调、饱和度、亮度或红色、蓝色、绿色; 针对色点则只调整其亮度(实际就是数字大小,范围为0-255)。 图像-调整菜单 下: 1.色阶:控制亮度。可以针对亮部、暗部做精细处理,这实际是针对明度来选择,再处理。 2.曲线:控制亮度。可以针对亮暗程度不同做精细处理,这实际是针对明度来精确选择,再处理。 3.色相/饱和度:控制色调、饱和度、亮度

Android中点击空白区域控件自动隐藏(事件传递机制中的一个小例子)

余生长醉 提交于 2019-12-05 11:39:53
随着android技术日趋成熟,android应用程序已经由刚开始的单纯效果展示变得越来越艺术话了,各种动画,各种布局层叠,那么由此就产生了一些问题,比如:一个listview的view的item点击时没有反应,界面上罩了层好看的蒙版后,下面的布局中的控件点击时无反应等。 今天我在修改bug的时候就遇到了这样的问题。 一、item点击时没有反应 原因:你的item中有button或者checkbox等控件,默认情况下焦点focus是最先交给这些子控件,而ListView的Item能被选中的基础是它能获取Focus焦点。 解决办法: 1、将item layout的根控件设置属性(android:descendantFocusability=”blocksDescendant”),以下是item的布局 <!-- lang: java --> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#F4F2EE" android:descendantFocusability="blocksDescendants"

九宫格图片制作

本秂侑毒 提交于 2019-12-05 05:03:08
1.原理及说明 九宫格图片就是将一张图片分成9份,再拼成一个完整的图片,如图: 原理:创建9个正方形容器,利用背景图定位,每个容器只显示其中的一部分,最终拼接成一张完整的图片 实现思路: (1)使用flex布局,让9个子元素以 3*3 的形式摆放 (2)因为图片有纵向和横向两种可能,所以要对图片的宽高比进行判断,以此来判断图片的方向,并根据图片的方向决定背景图定位信息。 (3)将图片的url放入文本框中,通过按钮点击事件将url对应的图片设置成容器的背景图 (4)使用FileReader()读取本地选中的图片时,会花费1-2s的时间,在此时间内显示一个蒙版遮罩,用来提示用户“加载中...” (5)为了美化按钮,使用了bootstrap 2.HTML代码 HTML代码分为3个部分: (1)操作区,包括文本输入框和按钮 (2)九宫格图片区,用于显示背景图 (3)蒙版遮罩 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- 引入bootstrap -->

(数据科学学习手札71)在Python中制作个性化词云图

杀马特。学长 韩版系。学妹 提交于 2019-12-04 18:25:38
本文对应脚本及数据已上传至我的 Github 仓库 https://github.com/CNFeffery/DataScienceStudyNotes 一、简介    词云图 是文本挖掘中用来表征词频的数据可视化图像,通过它可以很直观地展现文本数据中地高频词: 图1 词云图示例   在 Python 中有很多可视化框架可以用来制作词云图,如 pyecharts ,但这些框架并不是专门用于制作词云图的,因此并不支持更加个性化的制图需求,要想创作出更加美观个性的词云图,需要用到一些专门绘制词云图的第三方模块,本文就将针对其中较为优秀易用的 wordcloud 以及 stylecloud 的用法进行介绍和举例说明。 二、利用wordcloud绘制词云图    wordcloud 是Python中制作词云图比较经典的一个模块,赋予用户高度的自由度来创作词云图: 图2 wordcloud制作词云图示例 2.1 从一个简单的例子开始   这里我们使用到来自wordcloud官方文档中的 constitution.txt 来作为可视化的数据素材: 图3 constitution.txt   首先我们读入数据并将数据清洗成空格分隔的长字符串: import re with open('constitution.txt') as c: '''抽取文本中的英文部分并小写化

Adobe Camera Raw 10 for Mac中文破解版附安装教程

匿名 (未验证) 提交于 2019-12-03 00:34:01
Adobe Camera Raw 10 for Mac中文破解版下载地址 点击打开链接 Adobe Camera Raw 10 for Mac中文破解版正式上线,目前Adobe Camera Raw 10.4最新版本已经更新,小编第一时间为大家带来其破解版本,同时提供中文语言界面,更加方便各位小白用户进行操作。camera raw 10 mac 破解版作为一款强大的RAW处理工具,一直深受用户的欢迎,此次更新更是加入了许多新功能,各位需要的朋友快来下载试用吧! camera raw 10 mac 破解版破解方法 1、camera raw 10 mac 破解版软件包下载完成后,双击安装【CameraRaw_10_4.pkg】,如图: 2、Adobe Camera Raw 10 for Mac安装器将引导你完成所需步骤,点击“继续”,如图: 3、camera raw 10 mac中文版将占用您电脑的906MB 空间,点击继续“安装”,如图: 4、输入你的Mac电脑密码,然后点击“安装软件”,没有设置的朋友跳过此步骤。 5、Adobe Camera Raw 10 for Mac中文版正在安装,请耐心等待一会。 6、“Adobe Camera Raw 10 for Ma0”安装成功点击“关闭”,如图: 7、然后在ps的增效工具中可以找到安装好的Camera Raw。 Adobe

Lumenzia ps亮度蒙版插件for Mac v6.0.0 破解版

匿名 (未验证) 提交于 2019-12-03 00:34:01
Lumenzia ps亮度蒙版插件下载地址 点击打开链接 今天和大家分享是Lumenzia for Mac 6..0.0最新版,是一款Mac平台上非常好用的ps亮度蒙版插件.Lumenzia插件拥有先进的JavaScript引擎,使光度掩蔽比以往更容易和更强大,让用户能够在多个摄影领域取得惊人的成果,PS亮度蒙版插件Lumenzia是您创建令人惊叹的图像的更简单的方法。 PS亮度蒙版插件Lumenzia安装教程 1,PS亮度蒙版插件Lumenzia软件包下载完成后打开,将左侧的【com.lumenzia.ext】和【com.lumenziabasics.ext】两个文件拖到右边的【扩展】文件夹中进行安装。 2,Lumenzia插件安装好了,打开PS,在窗口的扩展功能里看到已经安装好的Lumenzia与Lumenzia Basics Lumenzia for Mac官方介绍 PS亮度蒙版插件Lumenzia允许您在Photoshop的中创建华丽和逼真的编辑.Lumenzia允许您快速轻松地使用它们。其先进的JavaScript的引擎在后台处理所有的光度掩盖复杂性,所以你需要考虑的是制作漂亮的图像。 PS亮度蒙版插件Lumenzia主要优点 直观地选择并掩盖任何东西! 使用Lumenzia,您可以在应用之前全屏预览蒙版。以您想要的程度交互地点击图像以选择(或取消选择)色调/颜色