神器集大成者!自动LOGO 设计、一键双色调、配色方案全都有!

@短腿僵尸木:从2016年开始,​双色调(Duotone) 设计就一天比一天流行, 这种风格的设计看起来非常惊艳,充满活力还十分时髦。

前几天美丫姐在 PS/AI 先森教程系列中,介绍了12种渐变的基本绘制手法,其中就包括 Duotone 风格的剪影渐变:

虽说制作起来并不算难,但也是稍费时间的。而今天神器小分队推荐的神器,就是主打 Duotone 风图片素材的网站!

不仅如此,这个网站还有其他非常棒的功能——LOGO 自动生成、场景配色方案以及渐变配色方案,简直是个集成式的神器大箩筐。

ShapeFactory

网站链接:https://shapefactory.co

​首先,打开它的首页是这样的,简洁明了。

接下来,让木木来带大家逐一了解一下它的神奇之处吧。

1. Duotone

Duotone 应该是这个网站的主要功能。点进去之后就看到了这样蓝紫配色的双色调图片群。

搜索功能

你可以在右上角的搜索框内输入你需要的图片内容,比如「girl」,就能看到超多漂亮的小姐姐了。

替换颜色

颜色的替换有两种。

一是直接修改左边的两个颜色(修改色值,或者吸取颜色)。

二是点击左边的小水滴,切换预设的几种色彩搭配。

一键生成双色调图片素材

还可以点击右上角搜索框旁边的 「Upload」 直接上传你需要的图片进行色彩处理。

图片下载

点击搜索出来的图片,或者是自行上传的图片都会以放大的形式出现在画面上,只需要点击页面下方的「Download」,即可获得一张双色调图片素材(png 格式)。

2. Pigment & Gradient

这两个工具都是提供配色的。

其中,Pigment 是提供双色色卡的。点进去之后页面是这样

色卡使用

每一个渐变里都含有两个颜色的层次渐变色卡,特别适合 UI 设计。

点开之后页面是这样的,你可以随机搭配其中几种色彩。

颜色的下方显示它的色值,只需要点击,就会变成「copied(已复制)」,去 PS 里直接粘贴色值即可使用,非常方便。

右上方的「more Actions」包括了将色卡下载为 SVG、Sketchpalette 格式或者是可导入 adobe 软件作为颜色预设的 ase 格式;另外,它还与其他三个工具进行互联,比如前面介绍过的 Duotone。

页面进入 Duotone 后,我们能发现,图片被直接修改为了这样的配色。

场景搜索

右上角有一个搜索框,可以搜索你想要的配色场景。

夏天快要来了,我们搜索「summer」试试。

通过色彩寻找配色

整个页面的左边有三个控件,分别是饱和度、色温以及色系挑选,大家可以自行尝试。

在 Gradient 中,色卡的使用方法与 Pigment 相类似。唯一的区别是可以通过转动渐变圆盘来改变渐变方向。

3. LOGO

作为设计师难免遇上想要免费/低价做设计的人,他们还会假惺惺说「随便做做」,然后对你的设计挑三拣四;但是有时候遇上完全没法拒绝的人,这时怎么办?ShapeFactory 就能帮你解决烦恼,你只需要选择组合一个 logo,3分钟描图就能轻松解决!

点进去在输入框内输入产品的英文名。

比如输入美丫的英文「MEiiA」,在众多方案中选择一个最合适的。

再选择一个图标分类:

选择一个喜欢的图标:

一个 logo 就生成了。

当然,甲方如果需要它的源文件,还是得付费,不过也就200多人民币。再多花点钱,这个网站还可以提供多种着色和动画展示,真是贴心的不得了。

最后,ShapeFactory 整个网站除了 logo 设计以外的素材和色卡均不收费,页面简洁舒适,最适合设计师小伙伴使用了。

想要了解更多的设计神器,可以关注 @你丫才美工 美丫姐

欢迎同学们关注最充满智(dou)慧(bi)的设计账号:

nycmgwxqr

「更多配色酷站尽在这里」

《设计神器!一键预览UI界面配色,从此不怕甲方换风格!》 《懒得试配色方案,有其它的解决办法吗?(附常见搭配)》 《设计神器Palettable!让你在配色国度成为选妃的君王!》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

文章来源:

Author:3年2班程远
link:https://www.uisdc.com/duotone-logo-web-artifact-collection