全部分类
  • 全部分类
  • 原创素材
  • 样机素材
我删除了所有配色网站,只留下这一个
我删除了所有配色网站,只留下这一个

对于设计配色而言,系统的理论学习固然重要,但是对于初学者或者对色彩理论提不起兴趣学习的人来说,难道就没有可以快速完成配色的方法么?当然有,那就是本期教程我要推荐给大家的这款配色工具:Adobe Color。当然这个工具大家都不陌生,因为它出自 Adobe 之手,而之所以要将它做成一期教程,一方面是因为虽然很多人知道这个配色网站,但是往往都是收藏起来作为摆设;另一方面即使有的人会用到它,但使用的方法不对,没有将这个配色网站的价值发挥到最大。所以这期教程就让大家彻底了解它的用法,以便在你的配色能力还没有达到游刃有余之前,能够帮助你快速创作出优秀的配色。 这是 Adobe 官网对于 Adobe Color 的概括介绍,它是一个基于网络的应用程序和创意社区,提供免费的色彩主题,全世界的设计师都可以在这里创建和共享颜色与灵感,并且在 Adobe 相应的软件中也提供了扩展程序,比如我们常用的 Photoshop 和 Illustrator。但是,想要了解这个工具光看这些文字说明是不够的,还是需要通过实际操作去了解。 进入 Adobe Color 网站,显示的就是这个页面,当然这个页面中提供的颜色是随机的,所以大家进入这个网站的时候首页显示的未必是这组颜色。 我们先来看右上角这部分,因为我们并不是单纯的去介绍这个网站,所以我会挑重点去讲,一些不重要的功能一带而过。第一个按钮我们之后会讲,我们先来看第二个按钮是干什么的。 当我们鼠标停留在相应位置上时会弹出文字提示,这个按钮的功能是「切换主题」,我操作一下大家就明白是什么意思了。 也就是很多软件都会有的一个功能:日间模式和夜间模式,简单的讲就是在白色背景和黑色背景之间切换,至于选择哪个完全看个人喜好。 然后我们再来看它右侧的这个问号图标,它是「说明」。 点击后会进入官方提供的说明页面,感兴趣的同学可以自己看一下,不过这里都是简明扼要的文字,如果你看完了这期教程的话,不去看它也是可以的。 返回首页,我们看右上方的文字,这里说明了两件事:第一件事是告诉我们如果想要储存这些颜色,首先需要有一个账号;第二件事是说,在 Photoshop 或 Illustrator 等软件中也是可以使用 Adobe Color 的,而本期教程我们主要是以网页版来进行讲解,因为使用的方法都是一样的,而网页版的功能更多。所以想充分利用好这个网站,首先需要创建一个账号,点击「登入」或「储存」都会跳转到建立账户的页面。 建立账户有一个细节很关键,但是不方便在这里讲,我会放在课后的练习文件中,大家下载练习文件的时候可以留意一下。 创建完账户之后就可以登陆上去了,这时右上方的界面已经发生了变化。 首先是储存的位置问题,画面中的这些是我的账号创建过的名称,可以通过最下方「建立新资料库」来命名,这个是很自由的没有什么标准,可以按照自己的方式来分类和命名。 然后是为你想储存的这组色卡命名,这里我就随便填了一个「演示」。 还可以为你的色卡添加「标签」,添加标签是为了方便通过关键词查找,可以直接选择系统提供的,也可以自己填写,这里我就选择了一个系统提供的「Green」和自己添加的「蓝绿」,标签用英文和汉字都是可以的。 然后我们看下方有一个「发布至 Color」,现在是点亮的状态,选择点亮状态发布你的这组颜色就进入到了全局色彩库中,也就是共享的状态,别人是可以看得到的,如果只想自己能看到,那就把它关掉。 然后点击储存,储存好了之后右下方会弹出一个提示窗口,如果想查看你储存的这个颜色可以点击「检视」,就会进入到这组颜色的界面。 如果想查看你储存的所有颜色,可以点击顶部的「我的资料库」,这时就可以查看你储存的所有颜色了。 大家可以看到,这些都是我之前储存的一些颜色分组,这里可以选择资料库的排序方式,现在是默认的按照「上次修改时间」来排序的,你也可以选择按「名称」来排序。 刚才那组颜色我们储存在了同类色这里,我们打开同类色,大家可以看到,第一个就是我刚刚储存的那组颜色,后面的是我之前储存的一些。 我们点击刚刚储存的这个色卡,就会跳转到这个色卡的页面,当我们鼠标移动到相应的颜色上时,就会出现复制的字样,单击一下就已经复制这个颜色了。 这时我们回到设计软件中,打开色板,「Ctrl+V」就粘贴进来了,就是刚刚我复制的那个绿色。 如果想同时复制这五个颜色的话,我们看右侧这里,提供了很多下载或复制的选项,其中对于设计师前两个是比较常用的,后面一些涉及到代码和计算机语言,如果你的工作会用到也可以使用,如果是平时作为设计取色的话,用前两个就可以了。 我们先来看第一个,「ASE」是一种色彩文件格式,主要针对于 Photoshop 或 Illustrator 这类设计软件。 我们打开 Photoshop,点击色板右上角,会弹出一个下拉菜单,点击「载入色板」,选择刚刚下载的这个文件,这时我们会发现这五个颜色就进入到色板当中了。虽然这是一个比较好的方式,但是我个人平时不太用,只是给大家提供一个选择。 而我个人平时还是比较喜欢直接一点的,「下载为 JPEG」,然后拖到软件中直接用吸管吸取。 下载下来之后是一个图片,打开后是这个样子的,因为图片质量还是很高的,所以直接吸的话也不用担心会出现色差。 吸取之后就可以应用了,比如这里我们就用这组颜色来填充这个插画图形。当然了,针对这个插画图形这组配色还是可以的,比如树木用绿色,房子用蓝色,但是大家平时在工作的时候还要考虑设计的内容,尽量在前期就挑选符合的色彩组合,而不是盲目的填充。 刚才我在储存这组色卡的时候没有选择发布,进入到色卡界面中也是可以随时选择发布、编辑、删除的。 同样,「名称」和「标签」也可以随时更改。 然后我们会看到下方还有两个可以点击的地方,我们先来看「潘通配色」。 点击后会出现和这组颜色最接近的潘通色,同样也提供下载。 最后是「色彩模式和代码」,点击之后会出现这组颜色的色值,总共有四组,也就是我们平时常用的四种色彩模式。以上就是我们在 Adobe Color 上储存颜色的一个流程,操作上很简单没什么难度,但是大家要知道重点不是为了教大家这个方法,而是大家学会了这个方法之后,建立属于自己的色彩库。 下面我们回到主界面,这部分可以算是这个工具的一个应用核心了,大家可以看到最上方有一个色轮,色轮下方有五个颜色。 其中中间的这个颜色上有一个三角形符号,这就代表了这个颜色是作为主色和基色的,当你调整的时候,其他颜色是围绕它来变化的。 色块下方是色彩模式,也是四个:RGB、CMYK、HSV、 LAB。 现在是「RGB」模式,右侧对应的就是可以调节的滑杆,只不过跟我们软件中不同的是,这里多了一个亮度的选项,方便调节。 我个人平时喜欢使用的是「HSV」模式,也就是 「HSB」,如果看过我之前教程的同学就应该知道,我是极力推荐使用「HSB」模式的,因为它最符合人眼的视觉感受,色相、纯度、明度一目了然,所见即所得。 大家可以看到这里现在选择的是「自订」,相当于自定义模式,在这个模式下,你是可以随意更改调整颜色的。 调整颜色可以直接在色轮上拖动调整,也可以拖动下方的滑杆,或者是手动输入色值都可以。 除了自订这里还提供了很多色彩搭配组合,官方的说明是根据设定的基色来得到确保色彩和谐平衡的搭配,换句话说,也就是这里提供的颜色原则上搭配起来是不会有太大问题的。 我们先来看「类比」,也就是我们平时讲的「同类色」,这里提供的都是五个颜色, 当你选择了相应的色彩搭配模式之后,无论是改变哪个颜色,它都是在这个规则下变动的。 得到了颜色之后我们就可以应用了,这里我们就用这个海报来进行配色演示,这是类比色的效果。 然后是「单色」,当我们选择单色模式的时候,大家会发现无论如果改变色相,得到的都是这个色相的单色模式,也就是在基色的基础上进行纯度和明度的变化。和类比不同的是,单色没有色相上的变化,类比是色相左右的微弱变化。 同样我们提取这组色卡对这个海报进行填充,效果是这样的。 然后是「三元群」,也就是三个对比色,因为色相环是 360 度,所以平分成三份每一份 120 度。大家会看到这里不仅可以改变色相,也可以改变纯度明度,最外圈是纯色,往内收就会降低纯度和明度。我们在看色相关系的时候是不需要考虑纯度和明度的,只看它们的色相位置,比如这个三元群,无论你收缩到多么靠内,它的色彩关系仍然是三元群的关系。 我们填充这组颜色看看,三元群因为对比色的关系,所以通常配色效果在色相的对比上都是很强的。 然后是「补色」,这个就很好理解了,也就是「互补色」,虽然这里提供的都是五个颜色,但是整体色相上就是互补色两色,其他三个颜色是这两个补色在纯度和明度上的变化。 同样用这组颜色填充试试,可以看到补色的对比效果是最强烈的。 然后是「分割补色」,我们平时也叫做「分裂补色」,也就是一个颜色和它的互补色两侧的颜色的搭配,大家看色相环就明白了。虽然这里可以调整角度幅度,但是调整过大的话,其实原则上已经不能算做是分割补色了,所以如果大家想用分割补色的话,建议还是使用它提供的默认角度比较好。 将这组分割补色提取出来进行填充,得到的就是这样一个效果。 除了分割补色还有「双分割补色」,也就是在分割补色的基础上再增加基色两侧的两个颜色,其实配色效果和分割补色差不多,只不过更适合你需要色相较多的情况,比如说如果你需要三个颜色,那就直接使用分割补色就行,如果三个颜色不够,而你又不想改变配色的效果,那就使用双分割补色,因为新增加的两个颜色距离基色很近,所以色相相差并不大,不会对整体的配色效果造成太大的改变。 我们试一下这个双分割补色,五个纯色的搭配,视觉效果还是很强烈、很刺激的。 接着是「正方形」配色,这个也很好理解了,从字面含义上就能够明白是什么意思,也就是在色相环上选择正方形四个端点的颜色,也可以理解为是十字形配色。这种配色形式的好处是对比适中,颜色丰富的同时又不会太乱,因为彼此距离相等,所以会让配色效果显得很平衡。 我们填充试试,效果也是可以的。 然后是「复合」型配色,也就是在色相环上先选择一对补色,然后在补色附近选择其他颜色,而之后的颜色要在同一半球,这种配色形式大体效果接近补色,但是因为同半球类比色的加入,多了一些变化,丰富了色彩层次,但是又不会产生强烈的冲突。 我们填充一下看看,就是这样一个效果。 最后是「浓度」,也就是同一色相的不同纯度变化,这里它规定好了明度,我们改变的只是色相和纯度的变化。跟单色模式不同的是,单色是纯度明度都在变化,而浓度模式下明度是不发生变化的。 刚刚我们尝试的这些配色效果并不是所有的方案都是好的,因为这些都是直接使用 Adobe Color...

5秒自动抠图!可能是2018年最强大的去背景神器!
5秒自动抠图!可能是2018年最强大的去背景神器!

无论你是否是专业的图片设计师、摄影师或业余爱好者,应该都曾经遇过「去背」问题,简单来说,就是将图片的主体(可能是人物或产品)从画面中剪下来,贴到其他颜色的背景上。说来容易,实际操作相当耗时,抠图功力好坏几乎可以说高下立判。通常背景的颜色复杂度会影响到成效,背景越简单、越干净,那么进行去背过程的时间就会越短,在去除背景后效果也会更为自然,不过对没有绘图经验的朋友来说很难凭着自己的力量做到。 本文要推荐的 remove.bg 是一款相当厉害的免费线上去背工具,100%全自动,而且只要五秒钟时间就能完美去除背景。remove.bg 使用的是时下相当热门的 AI 技术,通过复杂的机器学习过程,训练出足以分辨前景(人物)和背景的工具,用机器帮你快速将图片完美去背,只留下前景中的人物,不用进行任何设定或操控,相当智能。 根据 remove.bg 的说法,目前机器学习模型只能准确判断图片中的人像,如果是其他非人像的物品,并不能通过这项服务进行去背工作,此外,受限于一些技术问题,当前输出的图片限制最大尺寸为500×500,网站还在研究减少受限的方法,相信以后会越来越强大好用。 注:很多人表示上传后没反应,原因是最近用的人太多,速度慢是正常的。另外搭梯子访问,速度也会快点。 remove.bg 网站链接:https://www.remove.bg/ (注:由于访问人数过多,网站打开速度稍微有点慢) 开启 remove.bg 后,点选「Select a photo」选择要去背处理的图片,或是直接输入图片网址(Enter a URL)。 有时候会跳出 Google reCAPTCHA  验证机制,为了避免服务被有心人士滥用,必须要解完问题才能将图片上传到 remove.bg 进行自动化去背。 下图是我随意 Google 后找到一张男明星的照片进行测试,通过 remove.bg 确实可以在短时间内很轻松地将人物与背景分离,将原始图片拆解成没有背景的「去背图」,剩下的只要点选右下角「Download」即可下载图片。 一般来说,人物去背比较困难的是碰到像头发发丝这些很细微的部份,如果是一般修图通常会花许多时间在这些细节上,而且也很难去除干净,remove.bg 加入更多的算法改善类似问题,包括改善图片细节及防止颜色污染,能让去背的人物更加自然。 值得一试的三个理由: 以机器学习方式建构模型,可辨识前景(人物)和背景; 只要五秒钟就能自动将图片转为无背景的去背图; 提供 API 串接方式,亦可作为开发其他相关工具使用。

人工智能P图这回真的来了?看完PS 2021版设计师慌了~
人工智能P图这回真的来了?看完PS 2021版设计师慌了~

人工智能P图喊了一年又一年。这回,狼真来了 大家好,我是美丫姐,这段时间,网络上疯传着一份,所谓「流出版」的PS2021安装包。 好奇心作祟,我也弄来把玩了一阵,体验完新功能后,觉得既令人大呼过瘾,更令人深思 究竟新版Ps加了哪些划时代的功能,就让美丫姐带大家尝尝鲜: 两键换天 所谓好景年年在,好云不常有,对于摄影爱好者来说,蹲不到好云,就得自己P一个 或许是考虑到摄影用户基数庞大Adobe干脆就将天空识别、替换功能进行了整合 二者结合使用,就能轻松完成天空的识别与变换 山体与天空边界的识别巧夺天工不好好给文件命名怕第二天自己都忘了哪张是原图。 内置的天空素材多达三类16种「蓝天」、「晚霞」「壮丽」基本涵盖摄影爱好者日常所需 注意,被替换掉的不单只是天空画面中的其他元素色温、明暗也能随天空一同变换 自动处理的效果不满意也不要紧亮度、色温、蒙版早就分好了层哪里不对改哪里 可不比同事发来的PSD更暖心! 超级加倍 图片素材越是高清,价格就越贵低价买入低清版本放大后使用,又嫌清晰度又不够 但得益于Ps2021中新加入的「超级缩放」功能这种省钱的思路,以后就确实可行了! 点击打开「超级缩放」功能下的「加强图像细节」与「移除JPEG伪影」按钮 以前放大的过程中总是莫名其妙出现的烦人噪点就统统消失不见了! 人物放大两倍,皮肤依旧柔光水滑发丝根根分明! 四舍五入,光素材费能省下一个亿! 强到没朋友的人工智能滤镜 以上两个功能,只不过是开胃菜这次升级换代中,最重磅的更无疑就是「神经网络AI滤镜」 这还是Adobe头一回将人工智能独立打包成独立工具加入PS早已十足强大的工具库内 强到多离谱,试试就知道以这张从Pexels下载的免费素材为例:拖入Ps2021加载「神经网络AI滤镜」工具 数秒过后,照片当中的四个人物就会被人工智能一个不漏地识别想要对谁的面部进行编辑点击右侧头像在下拉菜单当中切换就行 而可供编辑的面部细节选项多达三组9种: 表情组:开心值、惊讶值、愤怒值 主题组:年龄、发量、面部朝向 实验组:个人特征、凝视方向、光线方向 除「保留独特细节」值是从0到100外其他8种选项调节区间都是「从-50到50」 这就意味着,你既可以让人物开心雀跃也可以将人物的开心值「清零」 既能让人变得惊喜满满也能让人变得波澜不惊,满脸嘲讽 上一秒温文儒雅,下一秒原地暴怒拉动「愤怒值」滑块,就能轻松搞定 只要将开心值、惊讶值、愤怒值细心调整,组合使用足以让照片人物的表情千变万化 这还不算完以前PS老师动不动说「修容」是「要学一辈子的事」在Ps2021当中,「修容」不过是「运算几秒钟的事」 独秃乐,不如众秃乐在Ps2021里,你不仅能给自己植发 还能给工友挨个「剃度」,排队出家 以后拍照脖子朝哪扭,眼睛往哪看大可不必听摄影师指挥反正到了设计师手上,角度随便改 运算中出现少量细节穿帮失误也完全可以接受 因为渲染出的「新面孔」将会以自动新建图层的形式输出拿柔边橡皮擦一擦就能处理得天衣无缝,不留痕迹 说到这儿,Adobe人工智能的优势似乎还「只不过」是将原本按「天」计算的工作量压缩到了按「秒」计算而已,但如果你点开「实验室」滤镜库就会发现Adobe的野心远不止于此:还有更多、更加神奇的AI滤镜正排着队向你跑来 比如已经进入测试阶段的,就有:妆容迁移、黑白照片上色 老照片修复、图像高清化 景深雾化与环境调色 尚待开发的,比如:人工智能帮你添加亿点点细节;人工智能变换人物材质、姿势等等等等…多到一篇文章中,根本写不完 这些画面效果,设计师能P出来吗时间给够当然可以,但未来的PS,不仅自己就能P出来,而且还能P得飞快 这哪还是几个滤镜的事,Adobe想做的事,分明是打算开启人工智能的P图元年 照这个势头,恐怕再过几年,入行多年的老设计,比起行业新人来,光论P图技巧,不会剩下半点优势可言 还真别不服气,你瞧上个不服气的,后来哭得有多伤心 人工智能取代繁重的基础操作在各行各业都已经成为了大势所趋,我们设计师倒是不妨,放平心态,乐观其变 你以为甲方真离不开设计师吗?甲方只是享受虐你的快感而已 哦对了,顺带再说一嘴,据说10月份,Ps2021就要发售了强到令人发指的「神经网络AI滤镜」必须要登录账号连接Adobe服务器后,在线使用 所以不仅人力P图或将会成为历史搞不好盗版PS,也会成为历史名词毕竟连不上服务器就享受不到Ps性能质的飞跃 我说得还不够清楚吗?趁着还剩一个月赶紧为正版努力存钱吧,各位!

这个网站不仅能帮你自制方格纸,还能选类型、间距和线条颜色
这个网站不仅能帮你自制方格纸,还能选类型、间距和线条颜色

本文要介绍的「Gridzzly」是一个让使用者自制方格纸的在线工具,开启后选择要使用的方格类型就能实时预览,调整这些符号线条的间距、选择颜色,从较浅灰色至最深的黑色,选项会实时反映在网页上,最后按下「Print」按钮就能打印或输出为 PDF 格式保存。 Gridzzly 可以制作的包括笔记纸、方格纸、网格纸、三角格纸、蜂巢格网纸和五线谱。 Gridzzly 网站链接:http://gridzzly.com/ 使用教学 预设情况下开启 Gridzzly 会使用「公厘」(Millimeters)为单位,点选左上角的尺可以切换为使用「英吋」(Inches),选取后中间设定选项单位就会变换。 点选上方的图案切换不同的纸张类型,实时呈现于网页背景,从底下调整间距、线条颜色,也是选择后会立即更新。 调整好以后点选「Print」开启浏览器的打印功能。 可以将方格纸储存为 PDF 格式输出,或是直接以打印机打印出来,如果没有打印机,也可以在便利商店打印 值得一试的三个理由: 在线自制方格纸,可自定义类型、间距和线条颜色 支持笔记纸、方格纸、网格纸、三角格纸、蜂巢格网纸和五线谱 切换以「公厘」或是「英吋」做为设定单位