【互动媒体】像素风画板

想要创作这样的作品吗?我们为你准备了一件趁手的好工具!
在这里插入图片描述
(通过本画板创作)

前言

创作背景与目的

“像素风”是一种电子时代的复古美学,它产生于上世纪八九十年代,游戏开发者限于设备性能,只能用一个个像素点来堆积人物和场景,创造了许多经典佳作。时至今日,游戏画面早已变得平滑,“像素风”却反而成了一种特殊的技艺,获得了众多艺术家的喜爱。

我们这个画板的灵感来源于“像素游戏”。在时光的长河中,许多像素风的作品经受住了洗礼,从众多类别的作品中脱颖而出,成为经典。我们最熟悉的莫过于在红白机时代就已经出现的超级马里奥。
在这里插入图片描述
而当下的“像素风”热潮带来了一波复古的游戏与画作。最著名的应该是沙盒类游戏“我的世界”。
在这里插入图片描述

并且在互联网上已经有许多艺术家把我们当前熟悉的事物进行了像素化,比如像素风的emoji和像素风的蜘蛛侠。
在这里插入图片描述
在这里插入图片描述
如果你也想要创作自己的像素作品,但是又不知道从何下手,我们这个画板就能助你一臂之力。并且我们的画板还有一些会令你惊喜的功能,让你的像素风作品能够技压群芳。

画板介绍

模块介绍

画板界面
画板主要有5个模块

  1. 画板主界面,该界面用于作画和涂色,以及后期的效果呈现
  2. 画板和笔刷设置,包括:
    ·画板背景颜色
    ·画板网格颜色以及透明度
    ·笔刷颜色
    ·笔刷功能设置(是否涂色和是否拉伸)
  3. 涂鸦风格设置,包括:
    ·开启涂鸦模式
    ·涂鸦的潦草程度
    ·涂鸦的线宽
    ·涂鸦线之间的平均距离
    ·涂鸦线的倾斜角度
  4. 闪粉粒子设置,包括:
    ·开启添加闪粉模式
    ·闪粉粒子的数量、大小、颜色、运动速度
    ·闪粉粒子的运动模式选择
  5. 保存作品时的文件名以及帮助模块

以上功能只需要有一个印象即可,在后文中会被多次提及。

使用方法

让我们使用这个画板进行一次案例教学。视频如下。
http://v.youku.com/v_show/id_XMzk5MDY3MTIwOA==.html?spm=a2h0j.11185381.listitem_page1.5~A
案例的成果:红玫瑰
在这里插入图片描述
看完视频之后,对这个画板的工作流程有了一个大致的了解,现在来对功能进行一些补充说明和详细介绍。

1、单击鼠标左键进行网格拖动
在这里插入图片描述
2、单击鼠标右键进行局部还原
在这里插入图片描述
3、单击空格,进行全局还原(包括网格的整体移动与放大)
在这里插入图片描述
4、滑动鼠标滚轮改变受力范围
在这里插入图片描述
5、点按鼠标滚轮切换力的大小
在这里插入图片描述
6、按住‘G’键,使用鼠标左键进行网格整体拖动
在这里插入图片描述
7、按住‘G’键,使用滚轮进行网格整体缩放
在这里插入图片描述
8、点击‘Z’键,撤销一步
在这里插入图片描述
9、点击‘S’键,保存当前画作
在这里插入图片描述
10、在GUI中可以一键将画作转换成涂鸦风格
在这里插入图片描述
11、在GUI中可以进入加闪粉模式
在这里插入图片描述

记不住吗?记不住太正常了,所以点击页面左上角的帮助中心即可获取帮助页面。
在这里插入图片描述

画板亮点

  1. 画板的完成度特别高,不仅仅是简单的在画板上留下痕迹,并且具有非常多一个画板应该有的人性化的实用功能。比如像PS一样可以拖动、放大和缩小画布,可以撤销返回上一步,还可以保存当前画作。
    尤其是撤销,这一步虽然看上去简单,但是背后的代码量巨大,需要一个新的数据栈进行每一个操作的存储,要能够实现栈的先进后出。
    但是如果不提供撤销,画板的可使用性就会大大降低,毕竟大多数人在画画的时候还是希望有一个橡皮擦在身边,而不是在画错一笔之后就要重新开始。

  2. 画板的趣味性非常高。可以对网格进行拉伸,然后涂色,也可以先涂色然后再改变网格。这种类似绘画,但是又与传统的纸笔绘画不同的体验能够激发人们的创造力。目前的玩法是我们团队在各种可能性中选择的最佳的像素画的作画方法。
    在设计过程中,我们团队为了增加更多的趣味性,特意增加了涂鸦风格的转换以及闪粉粒子系统。在画完网格像素画之后,进行涂鸦风格转变或者加一些粒子,有时候效果真的会给人惊喜!

  3. 画板的可玩性极强。虽然在画板只能进行像素风格的创作,但是所有最伟大的建筑都是在限制最多的条件下建成的,同样的,最伟大的艺术往往也是在有限制的情况下才能完成。如果直接给艺术家一张白纸,可能他们也难以创造令人兴奋的艺术品。拉伸网格这个玩法更是为创作添加了无穷的想象空间。
    在文章末尾贴了一份我们团队使用这个画板创作的作品,非常惊艳。

  4. 就像我们目前在画板中添加了涂鸦风格以及闪粉粒子一样,如果还有足够的时间,我们可以继续添加各种各样不同的效果,就像插件一样。内部的代码也进行了接口化处理,之后就像我们目前在画板中添加了涂鸦风格以及闪粉粒子一样,如果还有足够的时间,我们可以继续添加各种各样不同的效果,就像插件一样。内部的代码也进行了接口化处理,在学期结束后,我们团队还会对这个绘画系统进行优化处理。

写在最后

和传统绘画相比,我们这次做的绘画系统的实现过程不同于手绘的实现过程,它更像是一种带有强烈目的性和容错性的网格编辑工具,它不像是手绘那样一笔一笔,一个点一个点的实现(当然据我所知的大部分绘画系统包括码绘也都是从一个点出发,以点为基准的),而是以一个点带动一条或者多条线,实质上是以一条或者多条线段为基准的绘画。
工具上很大的创新就是我们只有网格,所有的操作其实就是每个小网格的变换一个一个相叠加累积,最后让所有被牵动的网格形成的大网格完成作品实现。但这结束了吗,创作就到此结束了吗?其实还没。
填色是同样重要的二次创作过程,而因为是一个一个网格,所以不光填色过程会实现的更快速,填完色的结果也更是另一种只属于它,像是像素又是极富个性的画作。
经过我们的多次应用实现,我们发现在临摹上,用它临摹出来的画作都带有其强烈的标识,而就像这个时代所展现出来的一样,越是会流行风靡全球,它一开始就越是带有标志性的,我可能有点夸大,但这种标志性确实很难是由工具造就的,像是各类笔、笔刷、它们是各有其特点,却很难让通过它们呈现出的作品同样带有强烈的个性,让每个用户或者说绘画主体都能充分展现出工具的作用,其实一个工具,它的功能和全部用途如果能被大多数甚至全部人知道,那它就是一个很好很好的工具,才是真正从用户出发。
局限性肯定是有,很多功能我们想到的因时间问题也都没一一实现,还包括它虽然我们用起来得心应手但是它的使用门槛还是有些高,和传统绘画相比,可能更需要后续的教学和引导,但这也没关系,毕竟是在当今这个什么都有可能的时代。

彩蛋:
狮子头在这里插入图片描述

回眸1
在这里插入图片描述


  1. 在创作这幅作品时,使用了更多的网格节点。但是因为浏览器性能原因,导致绘画有所延迟,所以为了良好的用户体验,最终选择减少的画板的网格节点数量来换取流畅度。 ↩︎

猜你喜欢

转载自blog.csdn.net/weixin_37897027/article/details/85408965