最新文章页面

第一套插画和实物设计

2021年下半年,因为画长篇原创校园漫画《那些年的校园与我们》,耗费了我太多精力,所以我决定暂停更新漫画,把精力转到插画这条路线上。回到2022年1月,我完成了第一张插画绘画。整整一年,2023年1月,我完成了第14张插画的绘画,也终于凑够了一套明信片的数量了,填上了这个坑。

插画经历和插曲

大家访问全新主题的 “创意设计工厂”,肯定能处处看见我的插画设计作品,这也是我目前完成度最高的一个设计系列。这次就不跟大家聊绘画了,这次想跟大家分享下我这一整年填这个插画坑的心路历程,以及每张画的一些解读。

#1 First Meeting

初次见面

初次见面,我叫布丁 Pudding

阳光洒在脸上,但是脸上透露出一丝悸动。

“初次见面” 严格意义上并不是我的第一张插画,它起初只是人物 “布丁” 的形象定稿设计图,后来增加了教室过道的背景,拼成了一张插画。但是,这也是我的开始。

#2 After Class

课后教室

充满夕阳的课后

充满阳光的教室,加上惬意的课件休息,是我们学生时代最舒服的一刻。

这张 “课后教室” 是我的第一张真正意义上的插画,绘画过程中,从人物到背景分了超多的图层,所以耗时也比较长,阴影和细节的处理还有由一些偷懒和一些问题。

#3 Gift Box

礼物盒

到底送什么礼物呢?那就把自己当成礼物~

喂!我在画些什么东西啊 (っ °Д °;)っ

我第一次尝试了画了画限制级的构图和内容,这张插画带有一些暗示性的表现,也是我第一次的尝试。丝袜也是第一次绘画,但是光照和阴影明显画得不太对。

#4 Drink Pudding

喝饮料

布丁爱上茉莉味

夏天当然要喝冰镇饮料啦,而且必须是听装的!

“喝饮料” 这张插画,我尝试了绘画了 “布丁” 的早期形象,整个人物趋向于低龄年幼的阶段。至于喝的饮料为什么是茉莉味而不是碳酸饮料呢?我的回答是,茉莉味饮料可能更符合她乖巧的设定吧(行了我瞎编的)。

#5 Rabbit Cosplay

那兔 Cosplay

到底送什么礼物呢?那就把自己当成礼物~

夭寿啦!居然 Cos《那年那兔那些事》中兔子啦!

这段时间我非常喜欢看《那年那兔那些事》,于是画了这么一张 Cos 风格的插画。不得不说,那兔的兔子真实又腹黑又可爱。

#6 Aquarium

海洋馆

炎炎夏海洋馆看看海豚比表演吧~

海豚表演诶!拍照,拍照!

“海洋馆” 是我前半阶段最满意的一张,不论是配色还是性感的服装、皮肤的阴影的细节和层次,都是目前为止最精细的一次,当然最后的效果也是相当不错哒~

#7 Pudding JK

布丁全身立绘

那我就随便摆个 pose 哦~

布丁还是最适合 JK 服饰了。

之前画了这么长时间、这么多张插画,都没有画过一张布丁人物的全身图,这次我终于补上啦。

#8 Change Clothes

换衣服

啊,你不要进来啊!!

喂!我又在画些什么啊 (っ °Д °;)っ

这张是我第二次尝试限制级别的内容,也是第一次横板绘画,但是比上次稍微多了那么一点点(你懂的)。

#9 Side Face

侧脸

泡芙的手持烟花全身立绘来啦~

尝试画了一张侧脸。

起初是想画一张侧脸的局部特写,联系一下脸部的细节,但是感觉构图画得比较一般。

#10 Puff Firework

泡芙全身立绘

泡芙的手持烟花全身立绘来啦~

新朋友 “泡芙 Puff” 来啦!

“泡芙” 的特点就是黑色的披肩散发,加上随身都会携带的一个泡芙挂件。当然,她也是一个非常文静、乖巧的女孩设定。

#11 Puff loves learning

泡芙爱学习

泡芙,学霸一枚

你再学?能不能别这么卷啊~

“泡芙爱学习” 来自于课上抓拍一个女同学的照片,然后将这张照片改成了插画。

#12 Merry Christmas

圣诞泡芙

Merry Christmas

圣诞快乐!

“圣诞泡芙” 是我这个一套作品里面最最最好看的一张,那朋友的话来说,简直就是叠纸乙游美宣图。

当然我在画这张画的时候,大概是2022年的12月,这时候 Stable Diffusion 非常火爆,这张图的背景和构图当时是使用了 AI 进行前期的辅助打稿,然后再 Procreate 从头绘画。AI 辅助确实节省的很多时间,也提高了我的绘画质量。

#13 New Year Fireworks

新年花火

烟花易逝,人情长存

新年快乐!

刚好到了2023年的元旦,这张 “新年花火” 插画就作为了最后的收官图啦。

#14 Postcards Cover

明信片封面

最后画了一张简笔可爱的 Q 版风格,作为这套明信片的封面吧。

明信片实物

2023 年年初,经过紧张的定稿和生产,终于生产出了一堆衍生品。一起来看看吧,嘿嘿~

整个包装还是采用原来的白卡设计,纸张则采用了特种纸张 “莱布尼纹”:

背面设计采用了三种不同的设计,分为横板和竖版:

下面是好朋友开发的一些好玩的装饰方法:

亚克力挂件

除了明信片,我这次还做了四种亚克力的钥匙扣挂件:

继续阅读“第一套插画和实物设计”

透明毛玻璃效图标的制作教程

大家期待的透明毛玻璃效果的制作教程,今天它终于来了!

应大家的留言需求,今天给大家出个详细的教程,来教大家制作 “透明毛玻璃效果图标”

相关文章:透明毛玻璃效果图标设计

透明毛玻璃效果图标

所用工具

由于我们制作的是「图标」,那我们就用矢量软件吧 。所用到的工具是 Adobe Illustrator。如果你是 macOS 用户,还可以使用 Sketch 这个软件,会更加的方便和简单。

今天我会把 Illustrator 和 Sketch 两种软件的操作都讲一讲。

几个要素

在开始动手前,我先说一些我自己觉得的几个要素:

  1. 图标:图标一定是要有前后可拆分的层次,一个在前作为毛玻璃层,一个在后作为颜色层,最好是 2~4 层效果较好。
  2. 颜色:你的图标颜色的选择最好是单一颜色,颜色多了我个人总觉的怪怪的,也不太好看。
  3. 高光:高光是点金之笔,加上后的感觉更好。
  4. 阴影:增加一些淡淡的阴影更有质感。

操作步骤

  1. 拆分层次并绘制基础图形;
  2. 填充颜色和叠放;
  3. 对浅色图形进行高斯模糊;
  4. 颜色补充;
  5. 高光;
  6. 阴影。

准备好了吗,我们开始发车了。我挑选了3个实例给大家讲解,这3个实例在一些地方的处理上还是有些不同的,所以挑选了这三个具有代表性的。其中实例一、实例二用 Illustrator 操作,实例三用 Sketch 操作,也兼顾了大家不同的学习需求。

继续阅读“透明毛玻璃效图标的制作教程”

图筑风暻2020年新版品牌Logo设计

2020年夏季,我终于完成了「图筑风暻」的新 Logo 设计。这次设计的 Logo 终于解决了之前由图章图案演变而来的各种痛点,比如:随意设计、没有比例、Logo 元素过于复杂,重心靠右,特点不突出等。在今年立秋的“秋季更新”中正式更换使用啦~

Logo 的进化

三个版本的 Logo 对比

第一版 Logo:2014年成立之初,当时没有考虑到 Logo 的作用,直接将图章中的部分图案单独拿出变成第一版的 Logo。当时的 Logo 其实都不是 Logo,颜色完全是红色印章的单色,图案花里胡哨,设计没有意义、特点、比例也不好。

第二版 Logo:2016年8月用 AI 重新进行了矢量绘制,将树木元素替换成了绿色方块渐变的样式,建筑主体的红色调淡了一些,不再是正红色。对复杂、无用的元素进行了删减。

第三版 Logo:2020年8月7日立秋,正式更换使用了全新设计的 Logo。

新版 Logo 的设计想法

我在设计新版 Logo 的时候,总在犹豫要不要保留之前的部分设计元素,还是完完全全的另起炉灶?因为这一次我想要设计一个能够长期使用,识别度高,适应范围广的 Logo,最好还能有些计算机元素、科技感的东西。为此,我的另起炉灶设计方案,尝试了 “猫”、“花”、“代码楼房” 等等各种各样、千奇百怪的建筑与计算机融合风格的 Logo,但总是不满意。

于是,我就开始想想,能否保留一部分之前的设计?因为之前的那两栋大厦设计特点很突出啊,大家一看两个双子大厦就是我的 Logo 图案么!

然后,我就开始折纸,裁了个正方形的纸,开始摆弄,看能不能叠成出我的楼的样子?最后,经过不断的尝试,一张正方形的纸,我沿着对角线,以 1/3 正方形边长为半径,用三段 1/4 弧长分开这张正方形的纸张:

我最后得到了 A 和 B两部分,然后按照 1/3 进行两次折叠。发现,B 部分折出来的部分跟我之前的右边大厦很相似啊!顶部的圆弧尖与旧版设计的避雷针很相近。

于是,我的最终设计大改就这样确定了!下面开始调色:

按照 Fluent Design 的设计风格,我做了三层大小递增渐变正方形,增加深度和明度:

Fluent Design 的设计风正方形

然后折叠起来:

剪开后的 A 和 B

配色继续采用红色,但是再次减淡红色,没有之前那么正红,更接近于粉色,给人一种温馨、舒适的感觉,反正我看起来感觉很舒服。由于使用了正方形,所以最后的比例也不会差距过大。由于取消了树木元素,使得两个折纸部分的重心可以在中心,看起来位置更正一些。

新版 Logo 折纸演示动画

我还做了动画演示:

新版 Logo 的适应性

Logo 想要长期使用,适应性也得好,可以用在很多途径上,比如圆形图标、比如 iOS /macOS App 图标。

我还设计了两种风格的图标:浅色图标和深色图标。浅色图标的 icon 是镂空风格的,给人的感觉是白色折纸在下层。而深色图标的 icon 是凸起的,就像是白色的折纸放在的红色桌子上的感觉一样。

圆形图标:
方形或程序图标:

继续阅读“图筑风暻2020年新版品牌Logo设计”

透明毛玻璃效果图标设计

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 文件相同的目录。这样,我们需要的文件就提取出来了。

继续阅读“XP3文件提取Galgame中内容”