创意设计工厂

作者:Haoning Page 1 of 6

透明毛玻璃效果图标设计

2020年已经过去一半了,今年我们经历了太多的艰难险阻,而现在终于能够基本恢复到往日的样子。2020年注定是不平凡的一年,是精彩的一年。今年,我也决定对网站 UI 和素材进行全面更新。下面给大家介绍几个子站点 Logo 的设计。

设计想法

在开始设计前,我在考虑用什么风格进行设计,最好是这几个图标风格统一,这样摆在一起就很好看。

首先,我考虑用当下流行的 Yoga Style 风格设计,但是子站点的 Logo 有的过于简单(比如 Terminal 终端的图标),用 Yoga Style 风格时,不能过多分区做阴影渐变(毕竟 Terminal 终端的样子就是个方框框…),所以放弃了 Yoga Style。

Yoga Style

最后,我决定使用了简洁的透明毛玻璃效果,并使用单一颜色,不会对主 Logo 造成视觉上的干扰,喧宾夺主。

设计完成

我的小小空间 Logo

新 Logo 采用青绿色毛玻璃设计,颜色很年轻,图案用 FaceID 的身份认证图标,认证的身份刚好就是我,与「我的小小空间」名称很契合。

建筑展示厅 Logo

「建筑展示厅」的 Logo 设计变化并不大,依旧采用了相机设计。由于相机的层级较多,所以毛玻璃效果会感觉更加的立体。正义颜色由亮绿色改为青绿色,更加年轻一些。

建筑创意屋 Logo

「建筑创意屋」的 Logo 设计变化也不大,只是将创意灵感灯泡的样子换成了透明毛玻璃效果。整体配色依然是橙色,依旧给人一种充满活力、充满灵感的感觉。灯泡玻璃由于采用了毛玻璃效果,发光的感觉更好了。感觉这是个进步的设计!

论文报刊亭 Logo

「论文报刊亭」的科技原子 Atom Logo,只是在原先的设计上毛玻璃效果化,使层级区分更明显了。感觉就像是中心质子、中子产生的强相互作用引起的变型模糊,感觉很酷炫。我觉得这个设计很赞!除此之外,原子颜色、轨道颜色并无改变。

代码工作室 Logo

2020年,「代码组织」正式合并到「图筑风暻」品牌下,从此所有子品牌都归于「图筑风暻」品牌之下,当然原先的代码 Logo 就必须要重新设计了。

新 Logo 以 终端 Terminal 为原型设计,采用毛玻璃效果透明化输入层,实现了一个超级简约的图标。配色采用 #333333 经典的程序员黑。

机器学习实验室 Logo

「机器学习实验室」的旧版 Logo 完全按照 “实验室” 中的元素 “试管” 进行设计。之后网站内容确定为 “机器学习” 的相关只是,那么新 Logo 就可以按照 “机器学习” 相关元素进行设计。

人工智能,英文缩写为 AI,拼音就是:ài=爱=❤️,很好,这样子设计就有头绪了。设计一个爱心,分两层,一层纯色(采用红色,废话心脏当然是红色),另一层采用毛玻璃效果。

最后,在爱心上增加了两个芯片焊接点的元素,更加能体现出智能化的感觉,我个人很喜欢这个设计!

创意设计工厂 Logo

「创意设计工厂」旧版 Logo 以工厂为原型,抽象设计了工业建筑的顶层厂房(因为工厂建筑一榀框架的平面图大都是三角形顶的),颜色采用红色系。而新版 Logo 依旧采用的三角形顶(只不过没这么明显),看上去像一个建筑房屋的样子,在透明毛玻璃上增加 F 为 工厂 Factory 的英文首字母(因为不加元素的化感觉光秃秃的)。

其他 Logo

最后,还有一些其他图标设计,这里就不过多介绍了,直接上图吧:

XP3文件提取Galgame中内容

我们在学习绘画 CG 的时候,经常会借鉴并学习一些优秀 Galgame 的成品 CG、视频动画以及一些配音、音频文件等。部分 Galgame 会以 xp3 格式封存文件,这类的 Galgame 提取最方便!

XP3 工具

支持 XP3 文件的工具有很多,例如 FileView Pro, Extractor, XP3 Viewer。这次针对 XP3 文件的提取,推荐使用后两个。

Extractor 提取方法

Extractor 效果一般,对于一部分未加密的 XP3 文件支持良好,对于部分 XP3 文件也存在提取失败的结果,但是我仍然推荐首先使用 Extractor,因为它几乎支持大部分 XP3 文件。

我们以 《三色绘恋 Tricolour Lovestory》为例。

打开 Extractor 选择 XP3 以及设定保存路径即可,下方的文件格式、文件包格式,首次尝试可以不做修改。

设置完成后,我们点击 开始 开始解密和提取。

根据文件大小决定时间,喝完一杯咖啡后,提取完成。点击 解压确定 就可以保存到你设置的路径处。

当你尝试打开有些提取后的文件时,可能会遇到一些错误,例如提取出的格式是 swf 格式,或者视频文件大小是 0字节,或者是只提取出了一个文件等。这些问题可能是由于 XP3 文件被加密了。

不用着急,下面再来试试 XP3 Viewer。

XP3 Viewer 提取方法

当 Extractor 解密出错,或者不支持的时候,我们再改用 XP3 Viewer 尝试。 XP3 Viewer 仅支持部分 Galgame。

XP3 Viewer 打开的方式比较特别,是将 游戏启动程序(exe文件) 拖动到 XP3Viewer.exe 上,你双击 XP3Viewer.exe 是打不开的哦。

如果支持此游戏,那么就会自动弹出 XP3 Viewer,并自动打开游戏(如果没有后续,那么就是不支持,你就要另寻他路了 ),而且会有提示框提示你:

然后,我们设定好保存目录,再将 XP3 文件拖动至里面即可:

如果你设定了保存路径,则文件保存在相应路径中。如果你忘了设定,就默认保存在与 游戏 exe 文件相同的目录。这样,我们需要的文件就提取出来了。

iPad Procreate 人物绘画

今年1月份因为画漫画和记笔记入手了新款 iPad Pro + Apple Pencil,并正式开启了我的 iPad 绘画之旅。下面来看看绘画人物的基本步骤吧~

Procreate for iPad

iPad 版 Procreate 的图标是黑色底色的,而 iPhone 版 Procreate 的图标是白色底色的,这两者的在使用上差别不大,但是当然是 iPad 版更为好用。

配合 Apple Pencil 或其他兼容的触控笔,都可以完成相当不错的画作。

Procreate for iPad

Procreate 上线了官方中文教程:点此阅读

当然这里不是强调必须 Procreate,譬如 Artstudio Pro 也相当优秀,而且最近还更新了简体中文,也安利一下。


Artstudio Pro for iPad

那我们就以 Procreate 工具,展开 iPad + Apple Pencil 绘画系列吧,原理都一样,日后也慢慢地写写 Artstudio 的。

漫画人物绘画

我们先看看漫画人物绘画的步骤:

  1. 先需要绘出人物勾线,并作为最上图层。
  2. 一种颜色一个图层进行上色(复杂上色可根据部位再细分图层)。
  3. 选择同色系更深颜色进行阴影绘制。
  4. 补全细节、细化、调整即可。

即,勾线上色阴影细化

最后就是形成了这样子的图层:

Procreate 目前非英文名称的图层导出成 PSD 文件后会乱码,不过不影响使用,你可以将图层全部命名成英文名称即可解决。

那些年的校园与我们

最后,推广一下我和大师合作的院校校园漫画《那些年的校园与我们》

官网网站:cattalk.nousbuild.org

Adobe Color随时随地取色

Adobe Color 是一款 Adobe 开发的网页版取色工具,之前有 iOS / Android 版的 App,现在已经下架了,取而代之的是基于 Creative Cloud 的在线取色工具,以及 Capture CC App。取色能够很好的帮助设计师确定主题颜色。

使用 Adobe Color

直接访问 color.adobe.com 即可打开取色工具,上传图片或者拍照即可:

可以根据 Adobe Color 已设定主题,或者自定主题来调整整体色调,还可以查看比较热门的颜色搭配:

调整取色

以 macOS Mojave 的明、暗两张照片取色,确定白天、黑夜沙漠颜色主题:

Creative Cloud

如果你有 Adobe 账号,还可以将主题保存在云上,随时随地取用。

Page 1 of 6

COPYRIGHT © 2014 - 2020 SCENERY ARCHITECTURE. ALL RIGHTS RESERVED.