imick님의 프로필=[零舍]=블로그리스트온라인 인맥 도구 도움말

블로그


    8월 18일

    Ghost in the Shell - SAC

    Two more characters from SAC: Ishikawa and Togusa.

    Image and video hosting by TinyPicImage and video hosting by TinyPic
    8월 11일

    Ghost in the Shell-SAC

    Image and video hosting by TinyPicImage and video hosting by TinyPic
    Here I present you Motoko and Batou~~~~~
    Ghost in the Shell rules!
    6월 25일

    New Avatar

    这小子是俺的梦中形象,身上的东西都是俺喜欢的,有兴趣者来竞猜一下到底总共有多少样。
    Image and video hosting by TinyPic
    8월 18일

    陆游

    我站在地上,眺望着路的尽头,计算着:路的尽头=陆的尽头,陆的尽头=海;
    我张开双臂,用力的扒动着,空气如海水般海水如空气般盘绕着我,我得更用力一些;
    拼命扒水,拼命扒拼命扒,直到海的尽头,另一边的陆地上,然后接我妈妈过来过年!

    Image hosted by TinyPic.com
    7월 24일

    门神

    其实是放了一段时间的作品了,一直想找张好看的红色大门的图,然后把这两个门神放大了“贴”在上面,模拟一下真实的情况,来给实际操作做个参考,但倒霉的是一直找不到合心意的图,所以计划搁置了,连这个图也没放到blog里来。虽然论坛里的人都看过,但为了壮大自己blog的内容,还是厚着脸皮发过来吧。hoho~~

    6월 27일

    Sprite Resource

    Here they are:
    http://tsgk.captainn.net/
    http://www.bd.turbocomix.com/spritesheets.htmlhttp://www.panelmonkey.org/category.php?id=1&theme=1
    http://munkki.net/index.php?sec=sprites
    http://www.reinerstileset.4players.de:1059/index.htm
    http://www.molotov.nu/?page=graphics
    http://www.cs.uu.nl/people/markov/gmaker/resource.html (by Spudder)
    http://www.rmxp.net/resources/rmxp/Graphics/
    http://www.gsarchives.net/ (by c-gibson-s)

    More than 1300 images of Mega Man sprites:
    http://sprites.planet-megaman.com/
    Sonic sprites:
    http://www.planetdreamcast.com/sonic/see/sprites/index.html

    The below were given by codemonster:
    Emugifs
    http://www.emugifs.emuita.it/home.htm

    Fenrir's Sprite Domain
    http://www.geocities.com/cyberfenrir/

    Mario Fan Games Galaxy
    http://www.mfgg.net/resourcedb.php?cat=sprites&subcat=sheets

    Mortal Kombat Warehouse
    http://www.mkwarehouse.com

    Nintendo Sprite Sheets
    http://www.koolpages.com/nintendojjw/sprites.html

    Super Mario Portal
    http://www.marioportal.com/modules.php?name=Content&pa=showpage&pid=1498

    The Leaf Forest Zone
    http://dioxaz.free.fr/index_en.html

    The Spriters Resource
    http://clik.to/ninsprites

    Zelda Fan Game Network
    http://zfgn.gunsha.com/resources.php?page=sheets

    Backgrounds
    Background HQ
    http://www.bghq.com

    Androcity Backgrounds
    http://androcity.com/backgrounds.php

    Tilesets
    Kyodai Mahjongg Tilesets
    http://www.vikinganswerlady.com/kyodai/

    Mugwump Dillard's Kyodai Mahjongg Tilesets
    http://www.haywired.com/mugwump/

    EDIT 10/24: The below were suggested by prh99:
    Tantalus Resources
    http://olls.impressur.com/

    RPG Underground
    http://www.gaminggroundzero.com/

    First Seed Material(Site in Japanese)
    http://www.mogunet.net/~fsm/

    NES SNES Sprites
    http://www.nes-snes-sprites.com/

    via Pixel32@像素交流

    4월 29일

    论坛标志加人物头像

    好久不做像素,一做做俩!
    一个是给啊呜像素论坛做的Logo,其实是复刻于招福做的网站标记,只是做成logo方便大家连接:

    另外一个是给柒米做的写实头像,不知不觉的又画成没有像素感觉:

    一时兴起还实验了一把波谱风:

    4월 20일

    像素网站links

    +++++++++++
    +中国像素网站+
    +++++++++++

    ================================
    八一年后的阴暗角落: http://www.dinano.com
    灰调女孩: http://free.6to23.com/hdgirl/
    KoKo's 像素空间: http://www.kokonet.net/
    触碰设计: http://touch888.nease.net/
    雨夕的世界: http://www.imcici.com/
    hebe的小家: http://fukota.jahee.com/
    YOKO的魔法世界: http://www.yokoiue.com.cn/
    1001夜: http://lool.nease.net/
    夏: http://asp2.6to23.com/aiking/
    暂时离开: http://airnumen.nease.net/
    狂人秀吧: http://www.madcn.com/
    Cacti1104: http://www.cacti1104.com/
    吟游画人: http://www.xxidd.com/
    巫仙森林: http://www.riancy.com/
    LovePixel: http://lovepixel.net/
    岛中央: http://www.islandcenter.net/
    OurCall.Org: http://www.ourcall.org/
    悠Q网: http://www.youkiu.com/
    imick: http://users.adelphia.net/~ucha/main2002.htm (我的旧站,有中文显示问题)
    糖糖: http://pin-k.com/~sweety/
    影之村: http://www.falcon99.com/
    Chatbb.net: http://www.chatbb.net/
    薛凯: http://www.ismyzone.com/
    We Together: http://www.wt271.com/
    PPStudio: http://www.pipistudio.com/
    绿色感觉: http://www.cdda.gov.cn/other/apple/index.htm
    唿木-飞飞: http://www.humuguo.com/
    口味: http://www.id70.com/
    伊修卡: http://kakahome.6to23.com/
    Pixel32: http://www.freewebs.com/32x32/
    Feiwei: http://dearlarc.nease.net/
    Mayten: http://www.mayten.org/
    Qray: http://qray.go.nease.net/
    冷香: http://www.xusj.com/index3/
    PurpleSky: http://purplesky.0248.com/
    Yoyo: http://uuhome.51.net/gallery.htm
    灰灰菜: http://www.huihuicai.net/icon/index.htm
    Ryuki Design: http://www.coolife.com/web/ryuki/002/
    Pixy.cn: http://pixy.cn/
    Metaldudu: http://www.metaldudu.com/
    像素中国: http://www.xusj.com/index2/b_bankuai.asp
    像素中国: http://www.iconcn.cn/iconcn/b_bankuai.asp
    Stoer: http://www.stoer.cn
    Iconboy: http://icon.cn
    像素森林: http://pixelforest.cn/
    核桃老窝: http://www.96nini.com/
    Yoyocheung: http://www.yoyocheung.com/
    心之家: http://c04.caishow.com/special/hhome.asp?f=1519
    夏雨: http://www.touchworld.net

    Non-Stop Pixel: http://www.nspixel.com

    @Pixel: http://www.gawzu.idv.tw/
    LOVEPIXEL: http://www.lovepixel.idv.tw/
    TinJen: http://www.tinjen.idv.tw/
    和平一村: http://pixelstyle.idv.tw/
    ================================

    +++++++++++
    +韩国像素网站+
    +++++++++++

    ================================
    Tokida: http://www.tokkida.com/
    PaRa PuYa: http://parapuya.mireene.com/
    Fairy Tale: http://spin.compuz.com/
    Sakiroo: http://sakiroo.com/
    地下工作室: http://zeeha.com
    Winkerya: http://winkerya.com/
    ToonZoo: http://www.toonzoo.co.kr/
    BiBi: http://www.bibi1004.com/
    Narem: http://narem.net/main.htm
    Eter: http://eter01.wwww.to/top.htm
    exlikeus: http://www.exlikeus.com/
    uforange: http://uforange.com/
    Coolpam: http://www.coolpam.com/
    Miuz: http://miuz.net (work里)
    Netmarble: http://www.netmarble.net/
    Sei: http://sei.pe.kr
    ================================

    +++++++++++
    +日本像素网站+
    +++++++++++

    ================================
    hybridworks: http://www.hybridworks.jp/blog/
    blackmoontides: http://www.blackmoontides.com
    KU-BO: http://members.at.infoseek.co.jp/KU__BO/dot.html
    http://otoufu.s39.xrea.com/
    猫手製アイコン屋: http://www007.upp.so-net.ne.jp/nekoteya/
    kwawyoo: http://www.interq.or.jp/asia/kwawyoo/
    Playtown-Bishop: http://www.geocities.co.jp/Playtown-Bishop/2767/
    arma_eater: http://www.crazy.jp/%7Earma_eater/
    32度: http://032.oops.jp/
    D.co:http://dco.cn1.jp/
    pettyraps: http://kanami.peewee.jp/index2.html
    corekuma: http://corekuma.boo.jp/

    ================================

    ++++++++++++++
    +其他语种像素网站+
    ++++++++++++++
    (英语,法语,西班牙语,意大利语,等等等等)

    ================================
    Pinkies: http://www.pixtoki.com/
    Roberta's Dolls: http://www.robertaburattini.it/dolls/
    Dadadiablesse.Com: http://www.dadadiablesse.com/v5/dada.html
    Eboy: http://www.eboy.com/eboy
    Electriconland: http://www.electriconland.com/corner01.php
    Move Your Feet: http://www.juniorsenior.com/media.htm
    2 Pixel: http://www.lolaart.net/pixel/
    Emlan: http://artoholic.eg-games.com/
    finite's art depository: http://yallara.cs.rmit.edu.au/~reldridg/
    Icontown: http://www.be-e.de/
    encyclopedia-obscura: http://www.encyclopedia-obscura.com/
    Armyoftrolls: http://www.armyoftrolls.co.uk/
    flyingyogi: http://www.flyingyogi.com/
    Foogirl: http://www.imwithzombie.com
    Logan: http://www.2600comic.co.uk/logan/
    The Doll House: http://www.helena.bucasio.nom.br/
    adamtierney: http://www.adamtierney.com/
    blackeye: http://www.blackeye.org/
    pixeldeviant: http://www.pixeldeviant.com/graphics_pixels.shtml
    habbohotel: http://www.habbohotel.ch/habbo/de/
    pixeldam: http://www.x-panded.com/pixeldam/index.asp
    supertotto: http://www.supertotto.com/
    flipflopflyin: http://www.flipflopflyin.com/
    kenneth fejer: http://www.kennethfejer.dk
    scumskullz: http://scumskullz.com/en/skulls/search/ctime/1.html
    pixeltees: http://www.pixeltees.com/?&c=20050415-233311-0279645025
    zanpo: http://www.zanpo.com/
    Playdo: http://www.playdo.com/eng/munity.asp
    nascimpact: http://search.nascimpact.com/ and http://pixel.nascimpact.com/
    kafka: http://sylpher.com/kafka/sprites.shtml
    Icontown: http://www.icontown.net/
    extrajetzt: http://tag-der-arbeit.extrajetzt.de/
    etherbrian: http://www.etherbrian.com
    digitalmonks: http://www.digitalmonks.net/
    adept: http://www.adept-vormgeving.com/
    pixelfreak: http://www.pixelfreak.com/
    peppermint pig: http://virtual.dyc.edu/~peppermint/
    ump3: http://www.ump3.de
    pixelmuseum: http://www.pixelmuseum.com/
    mondotrendy: http://www.mondotrendy.com/
    ala: http://www.ala.ch/home/
    mrwong: http://www.mrwong.de/myhouse/
    Doompuppet: http://www.doompuppet.com/
    Toonqueen: http://faneurysm.com/toonqueen/frames.shtml
    m2kbrothers: http://www.m2kbrothers.com/Site/Literature.php
    St0ven: http://steve.neonstar.net/Sprites1.htm
    sykhronics: http://www.sykhronics.com/
    ================================

    ++++++++
    +教程网站+
    ++++++++

    ================================
    http://pixeltutorial.cjb.net/
    http://www.zoggles.co.uk/asp/index.asp
    http://www.tcp-ip.or.jp/~s-iga/tips/2-3metallic_objects.html
    http://www.isocalc.com/tutorials/index.htm (AA)
    http://www.speccy.org/remakesgraph/
    http://www.pixelfreak.com/tutorial/
    http://www.natomic.com/hosted/marks/mpat/
    http://www.rpi.edu/~laporj2/essays/aa/ (AA)
    http://home.earthlink.net/~marktroup/vlinkdotvwalkerdotcom/vlink.html
    http://primeop.tripod.com/mugenboss/
    http://steve.neonstar.net/tutorials.htm
    ================================

    ++++++++
    +资源网站+
    ++++++++

    ================================
    .M.A.M.E.: http://www.emugifs.emuita.it/mame.htm
    emugif: http://emugif.emu-zone.org/
    gifsyndicate: http://gifsyndicate.com/
    calimero’s egg: http://digilander.libero.it/calimerosegg/index.html
    RO: http://www.merchantguild.net/~ragnamart/index.php
    EMUGIFS: http://www.emugifs.emuita.it/
    Gbertho: http://members.aol.com/Gbertho/private/Art.html
    fated-circle: http://www.fated-circle.com/sprites.php
    Nintendosmiles: http://www.geocities.com/optimalprotocol/nintendosmilies.html
    Sprite Inc.: http://sprites.planet-megaman.com/
    The People's Sprites: http://www.panelmonkey.org
    vgmuseum: http://www.vgmuseum.com/
    reinerstileset: http://www.reinerstileset.4players.de:1059/
    ================================

    ++++++
    +l论 坛+
    ++++++

    ================================
    http://forum.deviantart.com/galleries/pixelart/
    http://web1.t43.greatnet.de/pixelerate/
    http://www.pixeljoint.com/forum/
    http://www.latentmedium.com/board/
    http://pixelation.proboards12.com/index.cgi?board=pix
    http://p214.ezboard.com/bblackeyesoftware56428
    http://pub59.ezboard.com/bwarmachinemadness

    http://www.iconcn.cn/bbs/
    http://bbs.chahua.org
    http://www.ourpixel.com
    http://www.pixelforest.cn/bbs
    ================================

    *鸣谢名单*
    个人: madman,pixel32,糖糖,死鱼,招福,Ж羽蓝Ж,浩沙

    网站:
    http://www.madcn.com/plink/link_all.php
    http://www.haosha.net/collection/collection-picex.htm

    4월 13일

    第二章......第一节 Photoshop的使用

    好了,到工具篇,“工欲善其事,必先利其器”,写这篇一定得以这个开头,嘿嘿。这也许是IT界最常用的成语了,伟大的祖先啊,拜拜。

    笼统的说,任何图像处理软件都可以用来画像素。他们在操作方面(指在画像素方面)差别不大,但每个有每个的利弊。在这里,给大家介绍比较受欢迎的几款软件。

    第一节 Photoshop的使用

    先讲大名鼎鼎的Photoshop(在接下来的章节会简称PS)。首先先把画像素的环境设置好。

    参看下图,第一步,是打开PS的初始工具箱,如果对PS不熟的朋友可以去看相关PS入门教程,熟悉一下这些工具的名称和用法。



    第二步,左键选择画笔工具(那只看起来像毛笔的工具),先别放手,等弹出扩展选项,点选铅笔工具,选择好后在画布上试一下,你就可以发现画出来的是一块一块的纯色块,那正是我们画像素所需要的。你也许会想画笔的效果是怎么样的,那么用同样方法选回画笔,在画布上画一下,你会发现画笔有自动抗锯齿功能,就是说画出来的一笔会有很多邻近颜色互相补足,笔画的效果比像素圆滑很多。

    第三步,这一步是设置橡皮工具(我们的修改工具),先左键选择橡皮工具。

    转到第四步,观看在PS顶端的菜单栏之下的工具属性栏(这里是设置每个工具的属性的地方,每当你选择某种工具,这里都会对应显示你所选择的工具的具体属性),在模式右边的下拉菜单里将橡皮的模式由画笔改为铅笔,那么橡皮的属性就设置为画像素所需的了。在刚才试验铅笔的地方擦一下,你会发现擦去的地方很整齐。好了,这样就设置好画像素的环境了。



    接下来,让我们探讨一下怎样运用PS强大的功能帮助我们完成像素作品。第一个也是最重要的一个,运用PS的放大功能,现在我们都知道像素画是由图像显示的最小单位像素来表现的,但这并不等于我们要在画布上眯起眼死抠1个像素,那样的话画像素的准成瞎子。所以一般画像素的(牛人除外)都是把画布放大好几倍来画的,画好了再缩小为原有尺寸。所有的图像制作工具都有放大功能,大家打开了软件就找一个放大镜的工具就好了,PS里放大镜在工具箱的位置如下图所示:



    同时在底下的状态栏会显示你放大的情况,如下图所示:100%表示原大,那么200%的话就是2倍大,etc。在状态栏里可以直接改变图像大小,只需在下图黑色边框里输入需要的大小,单位是%。



    需要注意的是放大像素图需要放大为原始大小的整数倍(如200%,300%,400%等),这样放大的像素效果才是跟原始效果一致的,如果不是整数倍(如150%,177%,230%等),放大的时候像素会挤压变形,影响我们做画。

    放大的倍数建议放大至8倍(800%)以上。

    放大了之后自然笔触就变很大了,那怎么观看原始大小的样子呢?如果需要放大了绘画然后再缩小看原始大小的话就太麻烦了。PS当然考虑到这个啦,如下图那样设置就可以为一个文件同时打开两个窗口,一个可以像上面那样设为800%,另外一个则设为100%,作为预览窗口观看我们的半成品。


    (这个版本的PS是CS,如果你用的是7或者6,这个选项也大致在窗口这个下拉菜单下)

    下一项,让我们来熟悉一下PS对层的控制与应用。PS的工具箱里有一个专门用来管理层的工具(通常位于软件窗口的右下角),先贴一张示意图:



    图上的数字标明了一些关于层控制的最基本的命令,让我们按顺序来看。
    1:眼睛,代表这个图层可见。
    2:在眼睛旁边的毛笔图案,代表正在编辑本层。控制层的时候需要注意清楚了解自己当前所在的层是哪一层,如这个图所示,图层2就是当前层,因为他是蓝色背景字体反白的,如果需要切换到其他的层,只要在其他层左键单击即可。
    3:小锁头图案,代表此层有某些属性被锁定了。稍后会说怎么锁。
    4:增加新层,当你不想影响原有图案时,可以开新层作画,作画失败了只用删除新层即可。
    5:删除当前层。删除前需要确认当前层是哪层,如果搞错了,按Ctrl-Z撤销修改。
    6:勾选此项的话图层的透明部分将不可编辑,这个对我们修改线稿的颜色非常有用。
    7:完全锁定,选了之后什么都不可以编辑了。

    有关文件操作。



    这部分很简单,跟大多数软件一样,“新建”的话就创建一个新PS文件(直接存储的话是.PSD格式),“打开”的话就打开已有文件,不多说了。

    辅助用的网格设置。画像素的时候需要很精确的计算你所画下的像素个数(如多少像素宽,多少像素高),PS有一个辅助工具可以帮助你测量这个,就是网格设置,如下图一样,在视图->显示->网格,选中后画布上就可以看见网格,利用这个可以帮助你测量像素。但根据我自己的经验,网格对你要画的像素有吸附作用,就是有的时候在网格线边放下像素的位置离你想要的地方有1,2个像素偏差,还不知道怎么去掉这个功能,大家可以试验一下找出解决方法。



    既然我们是利用网格来帮我们画像素的,当然希望网格越小越好,最好就是1×1,每个网格我们可以放进一个像素,但PS缺省的网格设置不是1×1,所以我们还需要设置一下。点击编辑->预置->参考线,网格和切片,如下图所示。





    上面这个就是设置的窗口,解释一下关于网格的设置:
    1:颜色,就是网格线的颜色。我这里选了灰色
    2:样式,可选直线,虚线和网点。
    3:网格线间隔,设为1,单位是像素。
    4:子网格,代表你设的1×1像素的网格内再细分多少网格,一般不用,设为1。

    选择了显示网格后,你会看到画布里布满了格子,如果你一开始的画布并没放大,你看到可能如下面左图所示,格子的大小并非是1×1像素大,那么请放大你的画布,放大到800%左右就可以看到格子的正确显示了,如下面右图所示。



    既然说了网格,那顺便也把辅助线一并介绍了吧。在画布上的标尺里用鼠标点击并拖动到画布的区域里,就建成了一条辅助线,请参看下图。如果你新开的画布没有标尺,点视图->标尺,勾选了就可以看到标尺了,或者按快捷键Ctrl+R。



    (例子显示的是拉一条水平辅助线,如果要拉垂直辅助线就从左边的标尺开始拉。)

    最后说的就是输出,当你对你的作品满意了,准备输出时,点击文件->存储为Web所用格式(快捷键Altl+Shift+Ctr+S),当然,你还可以用存储或存储为来存成网络用格式,但上面推荐的提供优化功能,所以推荐推荐!



    点击后出现上面的窗口,有很多选项,但只要了解其中几个就可以完成我们的工作:
    1. 输出格式,请选择GIF,不能选JPEG,因为JPEG的压缩算法会破坏我们像素的效果,或者输出为PNG,PNG-8和GIF效果一样,具有256色。
    2. 颜色数。不用设置,程序会自动感应的,在这里介绍是为了以后的教程做准备。
    3. 显示具体用到的每一种颜色。
    4. 我们的图像输出的模样,预览用。

    4월 3일

    Homunculus补完

    昨天将钢炼里的7宗罪补完了,放在一起做成一套,还做了两种效果,一个没有白色边线,一个有,哪一个效果更好呢?

    3월 14일

    第一章 像素画概述

    www.ourpixel.com里发的教程始动章,也在这贴一把吧:

    大家一定都对像素这个词不陌生,至少在这里或那里都可以见到像素画的踪影,像短信,彩信,游戏,等等。但怎么样才算是一幅像素画呢?它跟其他的画种的区别又是什么呢?说实话,这两个问题我不知道如何回答。因为比较熟悉像素的朋友都会知道像素画里有许多流派,对像素的定义也不尽相同,那么答案自然也多种多样。而我对像素画的理解就是利用像素(电脑上最小的图像单位,pixel=picture element,直译就是图像元素)作为笔触(可以是1个像素,又可以是好几个像素)所画出来的画。因为是控制到图像显示最小的单位,像素画的尺寸非常小,而且正因为此表现出一种简练鲜明的风格。精致的像素作品常让人爱不释手。

    要分辨像素画(请注意,是像素画,因为深究的话在电脑上显示的图像都是由像素组成的)和其他类型的CG或图像的办法其实很简单,请参看图1。下面的小和尚颜色色块分明,颜色数只有3,放大了来看就很清楚知道属于像素画,而上面的图是用作图软件里的比刷重绘的小和尚,放大了来看发现深灰色边线附近还有很多颜色过渡,颜色色块不再分明,颜色数也增加到10数种,这种的图则不在像素画的范畴里。看过这个例图之后,我们可以对像素画概念多加一层定义,就是不需要软件自动运算抗锯齿(anti-alias)的图。何为抗锯齿?看见上例那种非像素图里的边线了吗?相近的灰色是由程序自动运算出来填充的,目的是使线条过渡圆滑。这个只要大家将像素类的图像和任何非像素的图像放大了来看就可以明白这个区别了。



    那么像素可以应用到哪些方面呢?
    1.游戏。这个是一大类。虽然现今是3D当道,但2D的游戏并没有退出历史的舞台,而2D游戏中也有相当作品或多或少的应用了像素,更不用说在手掌机和手机游戏领域,因为其短小精悍,便于传输,对硬件要求不高,像素仍占主导地位。也有很多怀旧的朋友仍乐此不疲的回顾着当初2D游戏的辉煌,支持着2D游戏和自己做着DIY的2D游戏。应该说像素和2D游戏仍有他们发展的空间,并不会一夜间消失在业界的。而我觉得对某种类型的游戏来说,像素比起3D更具有表现能力。譬如2D的格斗游戏,对我来说,我就觉得2D的侍魂,格斗之王,街霸,月华的剑士等等就比3D的好看(好玩呢?因为没玩过3D的侍魂和格斗之王,还不敢妄下判断)。许多过去的2D游戏里的像素作品在今天看来仍是魅力无穷,并不会因为科技的进步而显得落伍和简陋。


    Zelda: The Minish Cap Copyright Capcom

    Metroid: Zero Mission Copyright Nintendo

    2.设计。像素是伴随着电脑发展的产物(但不是说凭空出现的,应该说马赛克是她的祖先,^O^)。 很多艺术家和设计师为像素的魅力所吸引,运用像素来完成他们的设计工作。例如专门用像素设计字体的,设计网站的,制作平面图形的,设计UI界面和Icon,设计Flash作品,像素的作品在设计界总可以见到。更有一大门派Isometric(虽说也是来源于游戏,但在设计界非常盛行),主要致力于建立成角无灭点透视(Isometric)的建筑和人物,来表现我们生活中的场景。用像素来设计用户界面(UI)也非常受欢迎。


    Copyright Eboy

    3.绘画。像素作为表现工具为众多绘图爱好者所推崇。和设计一样,像素运用在绘画方面不像在游戏方面有不同的限制,绘画者可以充分发挥他们的想象力(这个不受限制),用所有的颜色(但仍受图像格式的限制),用无限的尺寸(但仍受硬件的限制),任意的风格(不用光局限于Isometric和其他单样风格),在电脑里编织美丽。


    Copyright Kenneth Fejer

    4.手机图像。这一类包括了手机的操作界面,图片短信,手机游戏等等。现在的手机功能越来越强大,图像也越来越缤纷了。


    Copyright 掌掌 @ www.cacti1104.com

    Copyright GameLoft

    5.AVATAR。包括论坛头像设计,网络形象及换装。有关AVATAR的网站最近很火爆,遍地开花。


    Copyright Gaia Online @ www.gaiaonline.com

    接下来的章节将邀请像素作者们一起来分享他们作画的经验和窍门。你也抓起你的鼠标(本来想说画笔的,^O^),一起进入到多姿多彩的像素世界中来吧。

    3월 11일

    零舍的标志

    发现像素做字体好方便啊,完全做到精确计算,做完小的,再放大就可。

    这个是零舍英文名Studio Zero中的Zero。如果能做成贴纸就好了。

    1월 11일

    贺图完成!

    完成啦,上了色后放在FFTA的背景上(原先就是这么打算的),选了酒吧那个场景,还是这个场景最帅(没玩过FFTA的朋友请注意,背景这么精细的部分可不是我画的,虽然我很想做到的说)。这个的idea来源于PixelDev的Gil,他画了一张Last Exile的主题的,背景也是这个酒吧场景,谢谢他的点子!(The idea is from PixelDev's Gil. (S)He made a Last Exile-FFTA mockup. Thanks for her/his brilliant idea!)这个作品只有部分原创,但还是希望FACE喜欢。生日快乐!!



    1월 9일

    给小Face的生日贺图(线稿)

    涂啊涂的,涂出一个这个来,把线条修了成了像素作品,总是不自觉的将像素做为第一创作工具(应该说是对一笔成画的技术毫无信心吧,像素的话可以拼命的改)。

    希望小Face喜欢,生日快乐!

    PS:上色进行中。

    12월 21일

    钢!

    在圣诞之前是完成不了计划了,这个是最新的版本,请容许重复的部分吧。
    以此图恭祝大家圣诞元旦快乐!



    想把自己英文名改成Chandler,Chandler Chan,what do you think? :3

    Eboy解构(第2篇)

    这回的例子是楼梯,例子很简单的,可以作为建筑的配件来用。

    第一步,线稿:

    第二步,选择颜色,同一色调的浅色,中间色,深色3种颜色,现在加上黑与 白有5种颜色。先将受光面涂上浅色:

    第三步,在背光面涂上深色,在剩下的最后一边涂上中间色:

    第四部,最关键一步,也就是这篇文章的目的:如何将立体感突显出来?答案是处理黑色的内边线。请看图示中的两种颜色的箭头指示的地方,红色所指没有改动,仍是黑色,而绿色所指被涂成白色,区分他们的办法是让我们想像这个是由折纸做成的,折起的边缘线朝外的话将会被涂成比纸的颜色浅的颜色(因为会受光,在这里是白色,绿色箭头所指),折起的边缘线朝内的话维持比纸的颜色深的颜色(因为没这么容易受光,在这里是黑色,红色箭头所指):

    第五步,有一种风格是只将黑色边线运用在整个形体的外缘,内部的线条全部不用黑色,在很多游戏里可见,游戏人物外缘用一层黑色与背景分开,而内部则完全不用黑色,这种风格立体感很强,在这里,让我们把内部的黑色线条改为另一种和附近颜色同色系的深色:

    第六步,再介绍另一种风格,就是完全不管刚才的用黑白色强调往内折和往外翻的效果,用原有的颜色取代,这种风格在图比较小的时候容易出效果:

    第七步,照例在最后套入实际环境看看效果,整幢房子并没上色,大家可以自己来试试:

    Eboy解构(第1篇)

    OK,该继续解剖(sorry,应该是解构)Eboy了。

    这一讲是关于高楼。

    第1步:
    画一个立方体,要它长什么样就听由你任意发挥啦。

    第2步:
    挑一种颜色的三种明度给立方体三边上色,至于光源,还是老样子从右上角来吧。顺手将中间调子面和暗调子面中间的线涂上明调子的颜色,而明调子和另外两个调子相接的地方涂上白色(并非一定要白色,只要比明调子看起来还亮一些的颜色都可)。

    (我为什么选了这个颜色,怪怪的,就当训练自己色感好了。)

    第3步:
    好了,下一步是加楼层,看完这一步,你就会发现画一个高楼其实就是几何形体的组合作为外形,然后加楼层,再加窗户。那么先在暗调子里下手,从屋顶开始,数几个像素作为楼顶厚度,画上一条比暗色调还深的一条线,往下数几个像素作为楼层实际高度,画上另外一条深颜色线,在两条线之间较靠近下面那条线的地方往上数几个像素画上明调子颜色的一条线,代表围栏。

    (一点建议,这一步新开一层做,下一步有用。)

    第4步:
    观察一下,觉得立体感没出来,所以在每条深颜色线下外加一层。觉得可以了,将这层复制一层,往下移,好,2层楼建好了。

    第5步:
    将那两层楼的图层合并,再复制,往下移,合并,再复制,再下移,铺好所有的楼层。有人会建议做图章来简化这些步骤,但我个人还是倾向于Ctrl C/V。因为这样比较容易统一每层楼房的高度,另外将拷贝楼层往下移直到最顶的部分对上上面部分的最底的部分时就象“咔”的一声齿轮对上,哈哈,好爽啊。哦,说多了,我们继续。

    第6步:
    刚才预告过了,这一步是窗户。因为图的尺寸不大,一两个像素就可以表达窗户了,很简单的画一条明调子颜色的颜色,和用刚才用来画最深颜色区分楼层的颜色在旁边画上一条。这里需要注意的是窗户的明暗关系刚好跟高楼整体的明暗相反,在这个例子里浅色在左,深色在右(以后的章节会讲到为什么)。

    第7步:
    画好那一组(1个窗户加两户房子的中间间隔)后,又疯狂COPY+PASTE,铺好整个高楼。

    第8步和第9步和第10步......:
    接下来的工作就是把另一面的也铺上,当然两面都搞得一模一样的就很无聊拉,所以拿出上回做的红砖饰墙,往上一拍(为什么是用“拍”,拍砖?),感觉不错,接下来再搞点什么呢?参考Eboy的原作,屋顶上搞个蓄水池子,搞条水管通往下面,也为夜晚工作的Spiderman留条路子。基本的建法就是这样啦,怎样丰富画面就取决于你要加什么细节上去了,但细节是一定要加的,要不一个画面会很没趣的。

    12월 20일

    Eboy解构(第0篇)

    作为IPA(isometric pixel art)界乃至pixel界都鼎鼎有名的老大,Eboy用一个个pixel建筑起属于他们自己的世界。虽然没有游戏画面那般的细致华丽,但他们简单明快的风格足以让人爱不释手。作为爱好者,我决定用比观赏深入一点点的态度,自己重建Eboy的世界。所以有了以下的探索报告。

    注:此篇摆明向Eboy致敬,展示的是如何学得象Eboy一样,所以所选图样均来自Eboy本尊,属于此类的图片Eboy版权所有,我只抱学习者的态度,无意侵犯他人版权。

    建筑类第0篇--质感

    红砖饰墙

    第一步:
    画一个isometric透视的方块。

    第二步:
    用同样角度的线条将方块铺上格子一般的图案。

    第三步:
    然后给整个方块上一种中等明度褐色的底色。注意这里将线条和底色分开两个图层,这样到后来比较好处理。然后顺手将线条上一个很深的褐色,让他们都在一个色调下,这样看起来比较和谐。

    第四步:
    在边线的颜色和底色中间选一种颜色作为过渡色,再选一种比底色还浅的褐色作为高光。将四种颜色画在旁边做选色器用。接着选1像素宽的铅笔笔触,选择过渡色(从上往下数第3个),在底色那个层(如果怕破坏那个层,可新建一个层,这时这个层和底色层需位于线条层之下)东涂一下,西涂一下,随意乱涂就行,关键注意不要画出一整块的颜色,断断续续的就好。这个步骤是为砖墙添加一点破旧的感觉,如果你喜欢超级整洁,那么可跳过这步和下步。

    第五步:
    接着选最浅的褐色(从上往下数第1个),继续用1像素宽的铅笔东点一下,西点一下,感觉有点象墙的感觉就好了。

    第六步:
    完成以上步骤之后,墙的感觉已经出来了,下一步是使这个饰墙的厚度体现出来。主要分两步完成。第一步,先确定光源从右上角来,选边线的颜色(色A),在砖墙的左边线和下边线外加一层线,如图中1所示。第二步,选过渡色(色B,底色与边线之间过渡那种颜色)的颜色,在砖墙的右边线和上边线覆盖原来的边线,因为要覆盖这两条边线,你需要在边线层之上作业。然后在这个浅色边线的缩进一格的地方用两种灰色(一深C一浅D)间隔(不一定按C-D-C-D这样的规律)的填入。然后在每个灰色pixel下加一个过渡色(色B)的pixel。如图中2所示。到这步整个砖墙就做好了。

    第七步:
    将饰墙放置在做好的一幢建筑的侧面,看一下实际的效果。

    临尾八卦:
    最后这个展示图里的建筑右边端看起来有点歪,这个想必是因为isometric的无灭点透视造成的,也就是isometric的一个天生缺陷,我们需要做的是避免大片空白的区域,在里面加上更多的细节,转移人们的视线,那么作品就会更真实。如这个图的修改方法就是在屋顶加些天线,广告牌,晾衣架,飞机残骸什么的来增加真实感。