设计神器!立体像素风一键生成

  • 水平 : 入门
  • 观众 : 6012
  • 时间 : 2017-12-15

教程

工具作者:@pissang

文章作者:@短腿僵尸木

网站→传送门

时下大火的像素风格不仅曾经是FC红白机时代的霸主,如今又以情怀和独特的风格引起人们的关注,像素画是一种以【像素】为基本单位来制作的电脑绘图的表现形式。像素画以位图的形式,从电脑最原始的图像表现方法,演变成一种独立的数字艺术创作风格。此风格通常被人称为【像素艺术】。另外,由此衍生出的立体像素更是将像素的趣味成倍放大!

所以,我们设计神器小分队一直都努力在寻找像素风的神器网站!终于!

木木玩神器网站上瘾怠工三天,然后默默捧上安利——立体像素风素材图在线生成网站!

我们先来看两张behance上的此类作品:

作者:Pierpaolo Mantuano

是不是很心动?来不及解释了,快上车!

打开首页,是酱婶的:

哇这一排代码是什么鬼?不要方!

为了更方便我们的素材使用,找到第33行代码,把它删除 !

 

点击一下代码框右上方的“刷新”,就可以看到素材的背景变成干净的透明状态了~然后点击代码框右下角的箭头,把它们藏起来。

我们来看看右边这一排的参数调整栏,下面是它的大致中文释义(快,夸我是贴心的小仙女!)

 

这里注意啦!敲黑板重点!

只有除了下图这光源三兄妹以外的其他参数才可以 Freestyle!因为一旦修改了光源参数,保存的素材就不是透明背景了哦!

接下来开始我们的创作时间

点击页面右下方一个半透明的矩形框,可以从本地的文件夹里选择替换图片~

木木太喜欢五彩斑斓了,所以这里选一张色彩丰富的颜料图作为原始素材!先给小伙伴们瞅一瞅原图。

当当当当!接下来就是见证奇迹的时候。

你可以通过鼠标拖动来改变视角,通过滚轮来放大缩小图像。像这样。

是不是超酷der ?再调整一下参数试试。

简直整容术有木有!

再稍微调整一下,然后只需要在画面中心右键→图片另存为,大功告成!

拿去当壁纸、海报背景素材、网页素材……统统都没有问题!如果觉的颜色不够好还可以拖进 PS 调一调,简直完美!

再试一个人物肖像,稍微调整一下数值就是个性十足的平面像素画。

再调整一下,朋克小姐姐摇身变成了柱形城市。

而且有了左边的代码,来自开发小哥哥“你是要逼死我吗?”的灵魂拷问也都是不存在的呢~

当然还有很多更高阶的玩法, 会有意想不到的惊喜!

比如你可以自己绘制某些图形、文字放进这个网站处理,;或者如果电脑足够流畅的情况下,尝试录屏,也许还可以做一个《权力的游戏》片头低预算版本呢!(甲方听了激动地搓手手)

 

Voxelize Image网站操作简单,效果酷炫,自定义程度高,经得起修改和编辑,简直是素材界的良心~

好了,以上就是我们今天的安利,童叟无欺,咽下去妥妥的!

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

教程拓展→免费体素建模软件!神器MagicaVoxel

像素画教程合集 + 像素画神器Aseprite


结语

本期分享到这里就结束了,希望大家在使用过程中多思考、并举一反三运用到原创作品中!


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···

从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发

【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示)

【收获】更好的自己

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/other/121222945.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

立体像素风设计神器
img

相关文章

教程评价

基于 0 条评论
0.0
平均分
5 stars
0%
0
4 stars
0%
0
3 stars
0%
0
2 stars
0%
0
1 stars
0%
0

发表评论

电子邮件地址不会被公开。 必填项已用*标注

CAPTCHA Refresh

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新