如果你经常读我的博客,你就会知道我喜欢用简单或基本的形状在Illustrator中创作艺术品。本教程通过使用矩形工具不使用任何东西来创建一个简单的8位样式的像素字符,将这种想法推向了极端。像素通常与photoshop相关,beplay足球but the great thing about Illustrator is your artwork is 100% vector,因此,与Photosbeplay足球hop不同,您可以将设计扩展到任何尺寸,同时保留这些块状8位特性。

8位风格像素字符

我们要创造的角色是一个50年代风格的润滑器和光滑的绒球,皮夹克和蓝色牛仔裤。字符的所有特征都必须非常简化,以适应像素网格,所以用基本块来重建你的角色需要一点想象力。

In beplay足球Photoshop if you zoom in far enough you'll see the individual square pixels,but in Illustrator we'll need to set up a grid to work from.Under the View menu option select the Show Grid option and make sure Snap to Grid is turned on.

Select the rectangle tool then draw a square within the major grid lines.矩形将自动捕捉到网格点,which will make it easy to achieve that perfect pixel alignment as we build up the character.给这个最初的方块一个肉色的填充物来代表你的角色的脸。

Switch the fill colour to black then begin constructing the hair using basic rectangle shapes.

由于限于基本的块形状,因此很难表示曲线形状,但随着这些街区的建立,人们很快就开始认识到这些东西了。

尽管是二维设计,简单的透视效果可以通过使用比例来实现。The left lens of the sunglasses is two grid blocks wide,而右边的镜头是三个街区宽。

绘制一个大的黑色矩形来表示字符的主体。将矩形与头部重叠,but send the object to the bottom of the stack with the shortcut CMD+Shift+[.

通过绘制另一个肉色矩形来将头部延伸到身体中,以表示角色的颈部。用黑色填充网格块,形成衣领,从而形成夹克。

绘制两个长矩形以表示角色的手臂。黑色和黑色的形状会混合在一起,so offset the shapes so they're still recognisable.

用白色填充身体中央的区域,以表示夹克下的白色T恤。Even though two shapes are aligned perfectly in Illustrator a visual glitch will show tiny hairline gaps.这些线条不会出现在最终导出的艺术作品中,但您可以通过重叠任何相同的颜色形状来避免它们。

画一个窄的长方形,只画一个网格线,然后用深灰色填充它们,为夹克添加一些基本细节。

用中等大小的长方形和蓝色牛仔布填充物构成腿部,代表一条牛仔裤。Leave a considerable gap between the legs for the that goofy stylised appearance.

使用相同的肉色填充几个块以表示角色的手。只有一个大拇指小的方块就足以构成一个可识别的手形。

Finish off the character with a couple of boots and two lighter blue rectangles to represent the turn-ups.

Head back under the View options and turn off the Grid to see the completed character.作为矢量艺术品,它现在可以缩放到任何尺寸,同时保持其8位像素的形式。

8位风格像素字符

如果你觉得很冒险,为什么不创造一个8位像素字符的村庄呢?The process is super simple and it just goes to show what kind of cool stuff you can create with the most basic of tools.

访问此下载

Love this design?拿着T恤!

分享
在Pinterest上共享
14评论 提交 加上你的!
订阅接收spoon图形通讯beplay全方位手机移动娱乐平台

Subscribe to my newsletter to be the first to hear about new posts

14评论

  1. 这太棒了!I got the 8-bit bug too lately: a carrot eating alien in 3D :)

    prntscr.com/154cuv

    我用一些我们正在开发的软件来做这个…有点像绘图和雷艇的结合。

    This trend of 8-bit or lo-fi seems to coincide with a move away from skuemorphic design towards flat design.我认为手机加速了这一趋势。

    (十四)
  2. Beautiful and simple tutorial once again.Just curious,你没有提到最终图像中的噪声梯度。Did you do it in AI or PS?And how is your most efficient method for getting layers or objects from AI to PS for post processing?

    再次感谢这篇精彩的博客。:)

    ()
  3. 疯狂的想法,我刚决定用它来给我的网站贴上商标。我肯定是+1。

    (-3)

Comments are now closed