Sketch 快速创建调色板技巧(PS 同样适用)
这期分享来自 Marko Vuletič 写的配色板技巧文章,主要用 Sketch 来操作,但 Photoshop 上也是同样道理的,对于配色不熟悉的设计师们可以试试这个方法来创建调色板,简单快捷!
Photoshop 用户推荐尝试「免费好用的调色剂 PSD源文件格式」
首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。
我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161
,绿色图层为#4F953B
和蓝色的图层为#0076FF
。
选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上选择的“Around Selection”(周围选定)。让我们来重命名画板为“Color Palette”(画板与调色板)。
现在我们要给这些矩形添加阴影,将它们划分成三个垂直相等的部分。在画板顶部的正方形上创建两个相同宽度的的矩形。高度应该是正方形的高度除以三-在我们案例中高度为80pt。
对齐矩形到画板的顶部并且改变填充色为白色。对齐另外一个矩形到画板的底部并且改变填充色为黑色。
现在改变透明度为20%-这样做我们就可以从我们的红色、绿色和蓝色中分别得到3组不同的形状。让我们来重命名这两个图层,稍后我们就知道它们是做什么的。
我们要再次划分这些正方形-这次是水平方向的。创建一个和正方形高度一样的矩形。这个宽度是正方形的基础宽度除以三。水平对齐矩形到红色正方形的中心,现在让我们来重复的这个矩形并右对齐到红色正方形。
现在到有趣的部分,用些充满活力的东西来更改这两个图层的填充色。我们会用黄色(#FFE200)修改中间一层的透明度为40%,右边的为80%.最后改变这两个图层的混合模式为叠加(overlay)。
重复上面的步骤,把2个矩形分别复制到绿色和蓝色的正文形里,这样他们就分成了9个相等的矩形,完成调色板!
如何在Sketch中用这些颜色
Sketch有一个隐藏的功能-我们可以在文件中检查使用频繁的色彩。当我们选择填充颜色的时候,就可以在检查器面板找到它。它位于透明度值的右上方。当你点击了那个颜色面板扩展,你就会看到常用的颜色。
在Sketch中置入颜色是很简单的。一旦选中一个颜色,你可以在检查器中找到两个面板—全局颜色、和文档颜色。全局颜色是哪些可以固定在所有文档中(所有文档都可以使用全局颜色)。而文档颜色只会出现在你当前处理的文件中(当前从文档中导入的颜色,只能在当前的文件中使用)。
要保存颜色只要点击插件,在全局颜色或文档颜色面板中任选一个。用这个方式你就可以将当前选中的颜色置入到面板中。想要把颜色从面板中删除,只需要拖动颜色到面板外面即可。
小技巧:想要快速的选中颜色,只需要在键盘上按“Control+C”,然后去点击你想要的色彩。这是吸取色值(拾色器)的快捷方式。
Sketch 调色板插件
当你在做一个有许多文件的大型项目时候,手动的创建文档颜色会是一个繁杂多余的过程。
在这里 Sketch Palettes(调色板)插件就派上用场了,这样做你就可以把调色板保存成文件,然后导入到不同的文档中。用这种方式你就可以快速的给一个新建的文件添加品牌色。
要保存你的调色板 前往 Plugins (插件)》Sketch Palettes(Sketch 调色板)然后保存你的全局或者文档调色板。这个选项就是用来加载和清除调色板。
原文地址:
Sketch 快速创建调色板技巧(PS 同样适用)相关推荐
- win用户计算机批量添加用户,win10系统巧用cmd命令快速创建新账户的技巧
有关win10系统巧用cmd命令快速创建新账户的操作方法想必大家有所耳闻.但是能够对win10系统巧用cmd命令快速创建新账户进行实际操作的人却不多.其实解决win10系统巧用cmd命令快速创建新账户 ...
- sketch浮动布局_使用智能布局和调整大小在Sketch中创建更好的可重用符号
sketch浮动布局 Sketch is a widely used tool for UI designs. It implemented the Sketch是用于UI设计的广泛使用的工具. 它实 ...
- 『中级篇』docker之虚拟机创建vagrant技巧(番外篇)(81)
原创文章,欢迎转载.转载请注明:转载自IT人故事会,谢谢! 原文链接地址:『中级篇』docker之虚拟机创建vagrant技巧(番外篇)(81) 之前一直用的原生的centos7的源镜像安装虚拟机,然 ...
- SpringBoot番外篇(一):使用Spring Initializer快速创建Spring Boot项目(IDEA版)
IDE都支持使用Spring的项目创建向导快速创建一个Spring Boot项目: 选择我们需要的模块:向导会联网创建Spring Boot项目: ps:需要联网 1.创建新项目时选择Spring I ...
- 如何使用Zotero快速创建bibliography
如何使用Zotero快速创建bibliography 为什么要用Zotero 安装与使用Zotero 安装Zotero桌面客户端及浏览器插件 使用Zotero快速创建bibliography 更多 为 ...
- MATLAB做一个简单的3d模型,简易3D建模,让你快速创建3D模型
原标题:简易3D建模,让你快速创建3D模型 MagicaVoxel Mac版通过其显著的直观性.任何用户,乃至那些有素的编辑或其余3D建模运用程序之前没有任何经验的朋友,可以开始创建的对象吧,无需经过 ...
- Redis快速创建conf配置文件
Redis快速创建conf配置文件 熟悉Redis都知道,企业级开发启动Redis时是带上配置文件去启动的.因此对于初学者来说,如何快速按照自己需求创建对应的conf文件尤为重要,这里分享一下自己的操 ...
- node aws 内存溢出_如何使用Node.js和AWS快速创建无服务器RESTful API
node aws 内存溢出 by Mark Hopson 马克·霍普森(Mark Hopson) 如何使用Node.js和AWS快速创建无服务器RESTful API (How to quickly ...
- vscode 新建php模板,使用VSCode快速创建vue文件模版的方法介绍
VSCode怎么自定义代码模版?下面本篇文章给大家介绍一下VSCode快速创建vue文件模版的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 修改位置 打开vscode首选项- ...
最新文章
- Result Maps collection already contains value for
- 入职第一天,老板竟然让我优化5亿数据量,要凉凉?
- android中 onResume()方法什么时候执行 ??(转)
- c语言assign用法,object-c语言的nonatomic,assign,copy,retain的区别
- google search console的使用
- Intel Core Enhanced Core架构/微架构/流水线 (10) - 先进存储器访问
- python操作excel模板_Python Excel模板读写,维护公式和格式
- 敏捷开发中的MoSCoW优先级排序方法
- 计算机专业英语第五章ppt,计算机专业英语课件5.ppt
- 3D游戏常用技巧Normal Mapping (法线贴图)原理解析——基础篇
- 用 GitHub 来部署静态网页 ꒰・◡・๑꒱
- c语言编程思想pdf,C 编程思想(PDF)
- C语言自己写代码实现的strcmp函数
- 腾达老的路由器W311R-V2 升级固件为NH326 -路由器中继
- PHP 如何使用Mobile Detect来判断访问网站的设备 安卓,平板,电脑
- shader基础学习摘要(一)
- 淘宝价格带卡位公式是什么?如何定价?
- 如何在PDF文件中插入文本或图片?
- android 美妆相机,Android类似美妆相机高级美妆列表
- 路由器和交换机的作用及区别,不再为路由器的选择而烦恼