&&问题详情
像素画(比如手机游戏画面)用什么专业软件制作?为什么那么小依然很清晰?
您的回答过短，请将答案描述得更清楚一些
回答被采纳后将获得系统奖励20
到每个老百姓都能买的起的时候,但这个似乎很困难。
当然可以，只要你喜欢就行啊，但是我觉得还是壁纸好看，贴瓷砖头一回听说
像素最好的工具就是Windows自带的画图,用PS也行,还有一些其他的像素工具
手机动态登录
请输入用户名/邮箱/手机号码！
请输入密码！
Copyright &
Soufun Holdings Limited, All Rights Reserved
北京搜房科技发展有限公司 版权所有
客服电话： 违法信息举报邮箱：如何画好像素图标 | 盒子UI
&保持登录状态
您可以用合作网站帐号登录(免注册):
文章开头先唠叨几句，随着用户屏幕分辨率越来越高，用户界面的图标尺寸也跟着越来越大，动辄128、256的图标也是屡见不鲜，这是不是代表以前那种用铅笔一像素一像素地画16*16、32*32的像素图标就没存在的必要了？
非也，君不见QQ表情、网站门户、甚至手机APP应用都还是会用到这些低像素的图标。
图标是网页中的常见元素，主要功能是表意，也包含装饰及品牌传递的作用。存储为gif、png等位图格式的图标，称为像素图标，大小通常为16px、24px、32px等。当然像素图标也可以理解为像素风格的图标，不一定是位图格式存在，本文中我们按格式去理解。与像素图标相对的是矢量图标，通常以svg格式及字体格式存在，大小可以随意调整。这篇文章主要介绍个人的一些像素图标绘制经验，不足之处还请各位高手多多指教。
一、基本知识
1.图片格式与透明
全透明、alpha透明、图片格式及兼容性
全透明是指图片的格式只支持完全透明和不透明两种状态，alpha透明是指图片格式可以支持不同的透明程度。
各种图片格式对透明的支持程度以及浏览器兼容性见下表
全透明和alpha透明对图标有什么影响
那么这些东西对我们做像素图标有什么影响呢？看下图
可以看到，全透明的图标需要根据应用场景的背景色进行优化，背景色变化了就要重新优化，如果不想优化并且要通用的话，就必须限制设计的表现手法，这样通常会让图标边缘锯齿感增强。而半透明的图标不用优化，也可以多处通用。
我们看一个没有针对不同背景优化的例子
可以看到，在暗色背景下使用了针对白色背景优化过的全透明图像。结果是出现很多白色杂边，严重影响了品质感。
这样看来，用支持Alpha透明的PNG-24才是王道呀。可惜，在ie6下，PNG-24的Alpha透明需要ie特有的css滤镜配合才能实现，所以如果你的产品有很多ie6用户，在做图标前，先跟前端沟通。
2.矢量工具与像素对齐
在画图标的整体大关系或者画扁平化风格图标时，我们会用到矢量工具，这里会碰到一个新手常常遇到的问题-像素对齐。
什么是像素对齐
在位图文件内使用矢量工具时（例如PS里用形状工具、钢笔工具），会遇到下图的这种情况。
可以看到右边的正方形的边缘是有虚的，这是因为这个正方形的边缘没有与像素的边缘对齐。
再看一个实际例子
（图片来源于Dribbble，）
可以看到，对齐了像素的图形有着更清晰锐利的效果。
PS内的设置帮助我们对齐像素
我们可以在PS里通过一些设置方便地对齐像素，以CS6为例。
1.将网格线设置为以像素为单位的，方便我们随时查看是否对齐像素。顺便提一句，网格显示/隐藏的快捷键ctrl+’。
首选项 – 参考线、网格和切片 – 根据自己需要设置网格大小，单位选择像素。
2.使用矢量工具时，勾选对齐边缘，绘制的图形会自动对齐像素
选择矢量工具（钢笔、形状工具） – 顶部工具栏里找到对齐边缘 – 勾选
3.设置变换矢量图形时自动对齐像素。缩放、变换矢量图形时也可以自动对齐了，注意这个是CS6才有的功能。
首选项 – 常规 – 勾选将矢量工具变换与像素网格对齐
从Ai复制到Ps怎样保留可编辑性
从Ai复制矢量图形到Ps时,应当选择粘贴为形状图层,这样就可以在Ps内继续编辑图形,用形状选择工具将锚点一一调整以对齐像素。
像素对齐并不是绝对的
个人观点：是否要像素对齐应该是根据想要的效果和图形复杂程度决定的。见下图
左边五角星需要平滑、饱满的效果，并没有对齐像素，但是不能说他比对齐像素的五角星差。
3.铅笔工具与像素画技巧
在刻画像素小图标的细节时，常会用到铅笔工具。这里会涉及到一些像素画的技巧。
像素画基本技巧
更详细的像素画教程网上很多，可以自行百度
次像素的使用
虽然像素画没有次像素的概念。但在画图标时，用好次像素可以使线条、图形更加平滑。
二、绘制像素图标的流程
1.明确图标的功能
图标主要功能是表意，即以图形化的方式表达网页上的一项操作的意义。但在表意外还有装饰性及品牌性的功能需要考虑。装饰性是指图标的视觉效果能够带来品质感、美感；品牌性是指图标的风格应该与产品品牌特性保持一致。
在不同的需求下，表意、装饰性、品牌性的权重是不一样的。例如网页的favicon，首先要考虑品牌性（与产品自身品牌形象保持一致），其次要考虑装饰（针对不同平台及使用场景，需要提供多种尺寸以达到图片不虚化）。
那么假设现在我们要画一个SNS网站功能菜单的icon——私信和收藏。
先看应用场景
可以看到在这里，表意更多依靠文字。图标主要是用来引导视线，增强视觉比重，辅助于文字的。同时一列图标会对网页的风格产品影响，应与网站风格保持一致。所以这里的图标，表意、装饰、品牌的权重差不多一致。
2.信息提炼，画草稿
接下来我们要思考如何表达私信、收藏夹。根据要表达的内容，提炼出最具代表性的相关事物、图形、色彩等视觉元素。然后画一些草稿表达自己的想法，当然草稿也可以打在脑子里。
3.画大关系
思路确定了，绘制的过程就很简单。在PS新建16*16像素大小的文件，主要使用矢量工具画出整体的形状、大关系，用矢量工具时注意该对齐像素的地方要对齐。
4.添加细节
接下来用铅笔工具绘制细节，细节的程度根据需要决定。这里我们不准备把图标画的特别有质感，所以高光、反光相对不要太强烈，细节变化不用太多。
5.输出及管理
输出的时候要考虑之前提到的格式问题，尽量与前端沟通决定。网页中的图标通常使用CSS Sprite方法，把图标放在一张图上以减少服务器请求。所以这里也要跟前端沟通，确定好图标排列的方式。
此外在画一组图标时还需要考虑图标的视觉风格及视觉大小的一致性。
全部图标画完以后，要养成良好的存档习惯，确定更新的流程及负责人。
三、总结一下
画像素图标前
要注意输出格式及应用场景,因为这对绘制时的技法会有影响，所以不明确要多跟前端沟通。
首先要明确图标的作用，装饰、表意、品牌权重不同，表现方法也不同，通常表意性越强，图标越符号化。明确作用后提炼概念，转换为日常生活中常见的事物，要注意除非是约定俗成很常见，否则少用抽象的符号表达。多用手绘画画草稿，比较不同方案。
画的过程中
先矢量工具铺大关系，再铅笔工具细化，要注意对齐像素会更清晰锐利，次像素可以更平滑。一套图标要有视觉上的一致性。
输出过程中保持和前端的沟通，画好的图标要良好存档，确定更新流程及负责人。
做人要厚道,转载请注明文章来源:
您可能感兴趣...
17,790阅读像素画制作基础_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
像素画制作基础
上传于||文档简介
&&像​素​画​制​作​基​础
阅读已结束，如果下载本文需要使用
想免费下载本文？
下载文档到电脑，查找使用更方便
还剩26页未读，继续阅读
你可能喜欢您的浏览器不支持javascript，不能使用此页面的全部功能。
请换用其他浏览器或者开启对javascript的支持。
欢迎大家来到教你画像素画！在这里我们将利用手头资源亲手为大家打造一套像素画入门连载课程。同时再推荐相关资料供大家阅读。也许你只是一个绘画爱好者，通过我们提供的教程，兴许能使你从设计师的角度进一步理解像素画，发现像素画的乐趣。★免费学习像素画★★大量像素画教程★★像素画绘制视频★★像素画软件资源★★像素画免费素材★像素画有什么用？像素画上手简单，可以低成本开发出游戏所需的美术资源，且市场上有充足的同类产品可供参考。像素画作为独特的复古风格，深受小众人群喜爱，已被应用于装饰画，墙贴，家具、箱包、床品等生活用品设计图案。像素画还可以作为个人或组织独特的虚拟形象以及聊天表情。QQ群：
//关注数：289()微信公众号：教你画像素画
//关注数：625()★像素画教程电子书/支持导出格式Html、Epub、Pdf、Mobi★1\《非常经典的像素画教程》 Mobi： 2\《So you want be a pixel artist?》中文版Mobi： ★站长推荐像素画软件★GIMP
//免费开源，支持多平台PixelStuido
//免费，仅支持windows。★站长推荐性价比手写板★和冠 Wacom 手写板 Bamboo Pen Medium CTL-671
PS：站长用的是 和冠 Wacom 手写板 Bamboo Pen Medium CTL-660 //已停产(请关注像素画画廊相册，点击原图查看效果最佳，想获得更多素材可点击链接传送门~)站长： ,管理员： , ,,★本站所有文章如无署名，均为站长三二撰写或翻译。★小站所有文章版权归作者或译者所有。转载请务必注明出处和作者信息。★如果你喜欢或者觉得教程对你有所帮助，请记得点击【喜欢】或者【推荐】，谢谢！★建站时间：
像素画展厅
与大家分享你画的大作吧 ^_^ 禁止发布任何露点作品，一经发现立即删除或封禁。谢谢大家！
教你画像素画
一、了解游戏类型，世界观设定和角色设定（如有）
游戏角色是游戏主角，比如马里奥兄弟。玩家在玩游戏的时候会有很强的角色代入感。无法想像某个游戏的主角是个丑八怪。通常主角不是高大威猛（或美丽动人）就是可爱萌傻。上图中踢腿的胡子大叔(查克·诺里斯)是 Gameloft横板过关动作手游《chunk norris》的主角。
什么......
通常美术接到场景设计的要求为文字描述,比如我需要一个足球场,周围有看台,球场边有广告牌,还有记者,教练席。有的策划会给参考图（策划喜欢的风格），也有的不给（那是希望美术根据自己的理解确定风格），通常我比较喜欢给图的策划，这样容错的范围比较小。而不给图，意味着来回修改的次数更多。因为再画具体内容之前，还需......
使用工具：gitbook 支持导出格式：Html、Epub、Pdf、Mobi
感觉Mobi效果最好。提供百度网盘下载。其余版本请移步gitbook自行导出下载。
目前已发布两本电子书如下：
1\《非常经典的像素画教程》
/book/jobyu/classic_pixel_art_tutorial
Mobi：/s/1bnN6Mp5
2\《So you wa......
2003年逛蓝色理想，发现了《非常经典的像素画系列教程》。ISO像素画入门教程。
然后顺藤摸瓜找到了像素森林论坛 (已关闭)。社区对学习一门技术有巨大的推动力。你可以查看其他人的作品，看到其他人分享的技法心得，你还可以提问，论坛私信厉害的前辈。当然你还可以发布自己的作品或分享自己的心得，让同道的朋友来点评。......
场景设计。按字面理解即可，即游戏人物或角色活动的背景空间。 场景可以简单分为以下几种类别，设计者需要根据游戏的设计来选择合适的场景透视和风格。
1、单色场景
《太空侵略者》
最简单的是一个颜色平涂的场景。黑色加上几个代表星星的白点，就是太空了。
2、横板场景。横板场景增加了场景层次，一般分为远景，中......
★免费学习像素画★★大量像素画教程★★像素画绘制视频★★像素画软件资源★
关注该小站的成员
关注该小站的成员也关注
11025人关注
4531人关注
29262人关注
4321人关注}