“点”出来的精彩:精巧“像素画”绘制手册

原创 2004年09月15日 19:16:00
“点”出来的精彩:精巧“像素画”绘制手册

  我们这里说的“像素画”并不是和矢量图对应的点阵式图像,其实像素画的应用范围相当广泛,从小时候玩的家用红白机的画面直到今天的GBA手掌机,从黑白的手机图片直到今天全彩的掌上电脑,包括我们天天面对的电脑中也到处能看到各类软件的像素图标,更有现在大家熟悉的QQshow形象。
  如今像素画更是成为一门独特的电脑绘画艺术,深深地吸引着电脑绘画爱好者。绘制这种像素画除了须具备相当的耐心之外,造型、绘制方法也很重要。
  本系列教程将由浅入深介绍绘制像素画的各种绘制方法和技巧,希望大家喜欢。

关键字 去网纹 抠图  选区 路径 色彩调整 图层 特效 输出 批处理 设计 Photoshop

 title1.gif “像素画”绘制基础
  基础教程1:像素画简介和工具的选择

  很多人总是在想应该使用什么工具来绘制像素画,其实选择什么样的软件可以因各人的习惯而定,无论你选择什么软件,绘制像素画的方法和流程还是一样的。不过如果选定了软件,使用的时候也要注意一些技巧。   >>> 详细内容

softyl201101_2.gifsoftyl201101_1.gif  基础教程2:基本线条

  正如组成汉字有基本的点、横、竖、撇、捺等笔划一样,在像素画中也有规范的笔划,我们称之为基本线条。每种特定线条都是根据像素特有的属性排列而成,并且广泛运用于各类像素画的绘制中。很多人画像素画时总感觉边缘粗糙,主要就是由于线条使用不当造成的。下面我们一起来看看像素画中常用的几种线条以及将常用的线条笔划形定义成笔刷的方法。   >>> 详细内容

  22.6度的斜线 / 30度的斜线 / 45度的斜线 / 直线 / 弧线
  参考文章:像素图常用线条类型及绘制方法

yl-021105-ps-4.gif  基础教程3:基本图形

  掌握了像素画基本线条的画法之后,我们来尝试基础图形的绘制。通过本章的学习,我们将初步了解到线条之间的组合规律。   >>> 详细内容

  等边三角形 / 矩形 / 圆角 / 圆形

  基础教程4:基础透视

  在像素画中如果只绘制单一角度的形态,始终是缺乏表现力的。如果要转变角度,那就涉及到透视的规律。而像素画中绘制一点、两点以及三点透视的线条很难有规律可寻循,因此像素画中的透视法简化变通了上述的透视规律。根据像素线条的特有属性,一种没有灭点的俯视平行透视被广泛的运用起来。    >>> 详细内容

softyl201107_00.gif

  22.6度透视 / 45度透视 / 圆柱的透视 / 锥体的透视

  透视实例
softyl201107_05.gif
 title1.gif “像素画”造型和色彩
  这部分我们重点来看看像素画的造型方法、色彩及明暗控制。

  基础造型

  造型是体现像素画特征的基本要素。通俗一点来说造型就是用来表现作品形态的一种构图概念。学习造型没有捷径可寻,只有通过多看、多记、多学、多练才能有所提高,因此本章学习的并不是教你如何去造具体的型,而是引导你有一个正确的造型思维方式去造更多的型。   >>> 详细内容

  softyla201122_5_02.gif
  把造型复杂的东西简单化
  softyla201122_5_04.gif
  逐步深入刻画
  softyla201122_5_06.gif
  用图片资料作为参照

softyl201122_05.gifsoftyl201122_03.gif  色彩过渡

  要理解和运用色彩,必须掌握进行色彩归纳整理的原则和方法,其中最主要的是掌握色彩的属性。像素画中色彩运用当然也遵循着这种规律,具体针对像素画色彩运用,我们大致可以简单的理解成为:平面的纯色填充、中间色的过渡、色彩明暗关系的确立。而其中平面的纯色填充,并没有任何技巧性的东西,只要有足够的耐心就可以了。因此本章着重于像素画颜色过渡规律的学习。   >>> 详细内容

  均匀过渡 / 双色过渡 / 圆柱体过渡 / 网点渐变过渡

  明暗关系

  在像素画中仅仅把握住了明快的色调还不够,有时画面的色彩仍然不够生动,这是因为在色彩的运用还缺少明暗的变化。
  当我们准备绘制一幅具有明暗的变化关系的像素作品时,首先要定好光源的所在位置,其次根据光源的照射再在物体上添加亮部、中间色、明暗交界线、反光、投影,如果绘制的像素作品很微小的话,那就只要把握好亮部与暗部就可以了。    >>> 详细内容

softyl201128_701.gif

  物体的明暗刻画 / 人物的明暗刻画 / 重叠物体的明暗刻画

[OpenGL] 利用精灵表制作动画

说到OpenGL动画绘制,我们首先想到的就是读取多张图片并加载为纹理,然后再绘制的时候不断切换纹理图片即可。作为练习,这是可以的,但是,当我们的动画非常丰富的时候,我们就要涉及到大量的图片读取和纹理加...
  • ZJU_fish1996
  • ZJU_fish1996
  • 2016年07月13日 22:47
  • 2623

HTML5 Canvas绘制的图形的事件处理

DOM是Web前端领域非常重要的组成部分,不仅在处理HTML元素时会用到DOM,图形编程也同样会用到。比如SVG绘图,各种图形都是以DOM节点的形式插入到页面中,这就意味着可以使用DOM方法对图形进行...
  • vuturn
  • vuturn
  • 2015年05月18日 15:23
  • 4113

Python实现从excel读取数据并绘制成精美图像

Python实现从excel读取数据绘制成精美图像 一、实验介绍 1.1 实验内容 这个世界从古至今一直是一个看颜值的世界。对于我们作报告,写文章时使用的图片,也是一样的。一图胜千言...
  • oxuzhenyi
  • oxuzhenyi
  • 2017年05月19日 14:04
  • 5735

直插式精巧I/O模块:WIZ812MJ数据手册V1.1

1. 简介 WIZ812MJ是一款内嵌了W5100(硬件TCP/IP芯片,内置PHY)、带其他胶合逻辑的MAG-JACK(带变压器的RJ45)网络模块。它可以当作一个组件使用,而且不需要为W5100...
  • WIZnet2012
  • WIZnet2012
  • 2013年07月09日 14:26
  • 1197

PP3 像素完美使用手册

  • 2014年07月22日 14:22
  • 23.43MB
  • 下载

海贼王像素画资源包

  • 2016年09月08日 14:03
  • 347KB
  • 下载

立体像素画:Obelisk.js绘制等轴透视立体图形(Isometric Graphics) 作者:Alex Young

译者注:IsometricGraphics, 游戏绘图中的常用术语,可直观理解为透视立体图形,就像你在《帝国时代》或者《暗黑破坏神》这些游戏里看到那样。关于这里面的背景知识:这篇博文很有帮助http:...
  • u011581005
  • u011581005
  • 2014年03月28日 14:41
  • 1869

像素绘制软件GraphicsGale

  • 2017年08月15日 11:27
  • 1.89MB
  • 下载

unity带动画方块像素僵尸模型

  • 2017年12月21日 14:06
  • 835KB
  • 下载

opencv导入txt数据,画两幅图像的匹配点(像素精度)

#include using namespace cv; //-----------------------画匹配线--------------------------- static Scala...
  • chenzongduozhu
  • chenzongduozhu
  • 2017年07月10日 10:49
  • 141
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:“点”出来的精彩:精巧“像素画”绘制手册
举报原因:
原因补充:

(最多只允许输入30个字)