平面设计 
首页 > 平面设计 > 浏览文章

Photoshop制作像素画入门实例详解

(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )
首先声明我是菜鸟,近些日子做了一些像素图,得到了一些朋友的好评,在这向你们表示感谢对我的支持。很多朋友希望我做一个类似教程的东西想了解像素的绘制方法,我也是刚接触像素,教程谈不上,只是向朋友介绍一下我所了解的知识。

1、什么是像素。

画这个自然要知道什么是像素图。电脑中的图形分矢量图和位图(像素图)两种。

矢量图:

Photoshop制作像素画入门实例详解

像素图:

Photoshop制作像素画入门实例详解

区别在于矢量图根据的是数学公式,所以可以无限放大。像素图是由点组成,因此放大后你就能看到放大的点[ ],这些点成为像素[pixel],像素图创作需要的是点绘。

2、优点

就因为它由很小的点组成,我认为它最适合运用到带液晶屏的电子设备上。具体如下:

掌上游戏机,别怀疑所有的掌上游戏机,gameboy什么的都是像素图,当然我的文曲星也属于这类。

电脑屏幕:桌面图标、网页gif、QQ秀、字体等。

手机:手机上的手机电池、信号等图都是。

玩具:有没有感觉乐高玩具都像是像素一样。

3、工具

不像矢量图需要专门的工具。像素只需要[开始]>[所有程序]>[附件]>[画图],不是开玩笑的。最简单的就是最有效的,这一款免费的无需安装的及破解的绿色软件。要是复杂的创作还是选用photoshop吧,功能上很多优势,最低版本都可以。当然像素也分很多类,需要不同的工具,我只介绍上面这两种软件。像素不需要技术,需要的是细心。

4、基本元素举例

在ps里工具就是铅笔工具。快捷键是,导航器最好放大到400%

点:

Photoshop制作像素画入门实例详解

线:

Photoshop制作像素画入门实例详解

角:

Photoshop制作像素画入门实例详解

面:

Photoshop制作像素画入门实例详解

友情提示:常用的线条可以设置为画笔,选中线条>编辑>定义画笔预设。之后用铅笔工具时就右键就会看到在列表的最后。

5、字体

自然在图形中需要出现字体。这个就不需要你费事了,有专门的字体,推荐几个。

英文

Photoshop制作像素画入门实例详解

中文

Photoshop制作像素画入门实例详解

友情提示:如果字体不想变形,一定要成倍放大。如英文字体上面举例的都是8号,放大就要变成16号,依此类推,当然图形也是如此。

6、下面举一些实例来说明

例1:先教大家画一个MP3,以后有时间再写点“教程”,没有固定的方法,看自己的习惯,仅演示我做的过程。

Photoshop制作像素画入门实例详解

Photoshop制作像素画入门实例详解

通常640*480就足够了

Photoshop制作像素画入门实例详解

放大到400%,选择铅笔工具或者按键盘。

Photoshop制作像素画入门实例详解

Photoshop制作像素画入门实例详解

要在新的透明层上绘制选择一种笔形,设置为1像素。

Photoshop制作像素画入门实例详解

Photoshop制作像素画入门实例详解

绘制几种线条,存为笔形之后就方便了。

Photoshop制作像素画入门实例详解

选中线条>编辑>定义画笔预设。

Photoshop制作像素画入门实例详解

常见的,当然也可设一边的,之后进行水平或垂直翻转。可以在画笔预设管理器中把这几种放到最前面。

Photoshop制作像素画入门实例详解

Photoshop制作像素画入门实例详解

友情提示:绘制过程中难免有错的地方可用历史记录挽回。如果是多出来的点,可以先填充成白色,之后通过[选择]>[色彩范围]。选中白色再删除就可以了。

Photoshop制作像素画入门实例详解

接下来填充颜色要去掉这个,否则颜色会溢出。

Photoshop制作像素画入门实例详解

最外面的描边填充颜色最好是黑色。

Photoshop制作像素画入门实例详解

开始画一个虫虫的图举例说明

Photoshop制作像素画入门实例详解

新建一张画布,不用太大。

Photoshop制作像素画入门实例详解

上来先放大400%。

Photoshop制作像素画入门实例详解

开始画1/4脑袋的半圆,不用画完。

Photoshop制作像素画入门实例详解

选中后再复制三个即可,因为是圆。

Photoshop制作像素画入门实例详解

再把嘴和脸部稍改改。

Photoshop制作像素画入门实例详解

加上触角。

Photoshop制作像素画入门实例详解

接着是身子。

Photoshop制作像素画入门实例详解

同上面的脑袋,画身体相同的部分也只需复制即可。

Photoshop制作像素画入门实例详解

接着开始上色步骤,先用魔术阳选择脑袋里面任何处。

接下来按住[shift]键,多蜒身子都选上。

Photoshop制作像素画入门实例详解

选取填充工具,按住[alt]键在色板处选择一个深绿色,

直接按[alt]+[delete]进行填充。

Photoshop制作像素画入门实例详解

选择菜单>[选择]>[修改]>[收缩]>

Photoshop制作像素画入门实例详解

看图操作,默认[1]像素。

Photoshop制作像素画入门实例详解

在原选区基础上整体收缩1个像素,并选择一个浅绿色。直接按[alt]+[delete]进行填充。

Photoshop制作像素画入门实例详解

开始高光等部分。用魔术棒[shift]进行多选,选取图上的部分。

Photoshop制作像素画入门实例详解

然后按左键将选取移动到图上高光部分。

Photoshop制作像素画入门实例详解

选取亮色后直接按[alt]+[delete]进行填充。

(上面的选取感觉有些多了,因此下面又去掉多余部分了。)

Photoshop制作像素画入门实例详解

填充高光也是用上面的复制选取填充方法。

Photoshop制作像素画入门实例详解

然后是修改黑色轮廓线,先到右面[图层]面板,按住[ctrl]键在层上点击一下,选取了整个图形。

Photoshop制作像素画入门实例详解

之后菜单>选取]>[色彩范围]>

Photoshop制作像素画入门实例详解

用鼠标单击原有轮廓的黑色部分,将图形黑色轮廓选中。

Photoshop制作像素画入门实例详解

上一页12 下一页 阅读全文

上一篇:PS如何画出标准圆环?photoshop画圆环方法
下一篇:photoshop修补工具使用方法介绍
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 站点导航 SiteMap