怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程

怎么用PS设计等距像素工厂图标的PS图标设计教学-photoshop教程

PS设计,工厂图标设计,photoshop图标设计,图标设计,教程,PS教程,PS

我们继续我们的等距像素艺术世界的工作,在这一次,我们将增加一个工业工作场所到我们的图书馆。让它看起来很乏味也许是件好事,但这并不意味着它也不可能那么漂亮。我们将再次一些砖块质地,一些金属元素,巨大的烟囱和一些烟羽。我们开始工作吧。

如果您还没有,请查看本系列中以前的教学,大多数课程涉及photoshop技巧和技巧以及像素艺术细节,我可能在后面的教学中不一定涉及这些细节。所有这些等距、几何图形、像素完美的工作都会变得困难或乏味;如果你觉得做这项工作不吸引人,那就随便买些现成的好东西吧。

先看看处理后效果

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第1张

1. 定义维度

把你的像素字符拿出来。我们将建造一个两层高的工厂-它不会很大,但是它会是一个大盒子,里面会有一些很高的烟囱和巨大的烟羽,所以它仍然是一个非常可观的尺寸。

我考虑过做锯齿形屋顶(在描绘工厂时很常见),但后来我认为它没有必要,而且可能已经不太常见了。我们仍然会使我们的大楼看起来很工业化。

步骤1

该字符可以找到您喜欢的水平高度,然后将其加倍。

我为每个级别添加了额外的行(每个级别之间有4个PX),作为以后添加砖块纹理的指南。这样,在放置窗户和其他建筑元素时,我就会注意到砖块的线条。

在第二层上面,我给屋顶留了一条线,让它有一个小小的平台。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第2张

步骤2

现在,让我们定义一个建筑物的宽度。这应该是足够至少一辆卡车-不是说我们已经在这些教学中覆盖了一辆卡车!

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第3张

步骤3

现在增加一些深度。这不需要是一个固定的大小;我们可能希望在添加窗口时编辑它。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第4张

步骤4

通过增加一些额外的线来关闭一些表面。另外,你可能已经定义了金属栅的宽度,我们将在前面加进去。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第5张

步骤5

这些是窗户的宽度。在一扇窗户下面,我们会有一扇门,所以基本上,我们需要像我们所期望的那样把门线拉得很宽。其余的窗户不会有门,但为了保持一致性(并使工作更容易),它们都将是相同的宽度。

然后,可以通过添加其余的角行来关闭卷。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第6张

步骤6

我们已经给大门和窗户增加了一点深度。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第7张

步骤7

然后再给屋顶增加一点深度。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第8张

2. 创建附加结构

我们的大盒子做得差不多了。这座建筑很简单,但是还有一些更多的结构能真正传达出它是一个工厂:也就是大烟囱。

步骤1

在这里,我开始添加一个正方形的轮廓,作为其中一个烟囱脚印的边框。我也在标记烟囱之间的距离,并在烟囱盒的另一边加上一条同样遥远的线。这些线条将帮助我们为烟囱奠定基础。

在一个 新层.

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第9张

步骤2

让我们再加一条线,就像最后一行绕着烟囱参考广场的后面走一样。将最后一行与屋顶对齐,并开始将其延伸到我们将增加两个烟囱的地方。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第10张

步骤3

使新的烟囱等距。我不会让烟囱和它们的底部中心或完全对称。你可以,如果你想,但有时一些设计门打开,当你放开刚性对称或平衡。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第11张

步骤4

这是基座的宽度。我希望它从正面后退一点点,所以我使它与前面不对一点。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第12张

步骤5

底部将是一个长的盒子,有点高,就像几步。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第13张

步骤6

用额外的角线和清理背线来完成组成底座的盒子。

我添加了一些粉红色标记线与屋顶角相匹配,以帮助移动和放置在地面水平,在那里他们将匹配左下角。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第14张

步骤7

盒子放在地面。现在可以删除标记行。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第15张

步骤8

这些是制造烟囱的三个圆柱体。它们够高吗?

为了让他们,你可以,在一个 新层 ,画一个圆,其边缘与烟囱参考广场的边缘相匹配。圆圈可以用 椭圆选角工具,用大纲颜色填充椭圆选择,然后删除内部像素,这可以通过收缩选择来完成( 选择>修改>合同… )1 px并点击删除。

一旦你有了你的圆,你把它复制到顶部,直接在你喜欢的高度,然后添加垂直线来完成形状。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第16张

步骤9

把不必要的线清理干净。增加内部圆圈打开烟囱。

我把外圈编辑成我认为更干净的样子。在像素艺术方面,清洁剂往往比精确性更好。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第17张

这样,所有的主要结构现在都完成了。

3. 修整建筑物的表面

让我们把着色和纹理已经排除,因为我们将增加几个铃铛和哨子的建筑物。

步骤1

在本系列的许多教学中,我都了砖块纹理。我不想滥用它,但我真的很喜欢砖块纹理,所以这次我们将做一个稍微不同和简单的版本。

我想让工厂看起来有点黑,所以我选择了一种巧克力色。它暂时应用在所有的墙壁上,在相同的阴影下。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第18张

纹理线条非常刺耳,所以让我们给他们一个更好的颜色。这很容易用 油漆桶工具 带着 毗连 选中(只要纹理线有唯一的颜色…否则,您将更改在该层/选择中共享相同颜色的所有内容的颜色)。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第19张

步骤2

现在,让我们降低门和窗户的顶部,并消除不必要的线在该地区。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第20张

步骤3

最前面的窗户是在第一层有一扇门,所以让我们给它一个框架。

你也可以开始在右边加一个更深的棕色的颜色(或者,只要它和你的其他部分一致,哪一边不重要)。记住,也要在阴凉处把砖头的线条遮荫得更深一点。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第21张

步骤4

为了不使工厂太乏味,我们将在它的顶部和底部再加一种颜色。

这是新的奶油色的顶部(也许是巧克力奶油工厂?)已经有阴影了。和往常一样,我建议让最轻的阴影在顶部,最暗的在右边-他们的亮度可能会变化8%至15%。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第22张

步骤5

在底部涂上颜色。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第23张

步骤6

我们根本不需要砖头。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第24张

步骤7

我们将使烟囱底部与建筑物顶部相匹配,所以让我们把屋顶涂上深灰色。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第25张

步骤8

在这里,一个简单的纹理被应用到深灰色的表面-它可能是砾石,或者任何可能是屋顶表面的好材料。

另外,让我们把高光添加到顶部,并清理更暗的线条。并降低内部角的对比度,在那里的表面相交。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第26张

步骤9

因此,现在我们采取上述步骤,并将它们应用于烟囱底部,主要区别是这个盒子没有像屋顶那样的平台。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第27张

步骤10

现在,让我们给烟囱一个凉爽的灰色。它也可以作为一个温暖的灰色在大约40˚调色,但由于我们已经有足够的暖色,我选择了一个凉爽的调色。

你可以试着让它看起来像混凝土,或者你可以做工厂烟囱有时有的白色和红色条纹。我试过了,我更喜欢混凝土的外观。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第28张

步骤11

完成烟囱顶部的遮阳。

最后,我改变了原来的线条相当多,但我认为这是最好的,因为正如我前面提到的,清洁往往比准确的像素艺术。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第29张

当然,你不需要画所有这些元素三次-你只需要在一个烟囱上工作,当你满意的时候,你可以把它拷贝给另外两个。

步骤12

现在我们要给烟囱加上阴影。圆柱形阴影有很多种方法。这里只有一条光条纹,就在左边边缘,右边有一条深色条纹,我加了一些锯齿状的小边沿,只是为了去掉条纹上完美的垂直线条;它们使烟囱看起来有点光滑。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第30张

步骤13

现在让我们把窗户的顶部做好。你可以把它们放在正方形,但我心里有个拱门。

我是为了得到拱形而做的。

把这看作是多个步骤;我只是觉得在一个外观上演示进度是很方便的。

在.上 新层 ,取一个与窗口相同宽度的圆,并设置垂直倾斜( 编辑>自由变换 )至26.5˚。那就只保留大纲。清理线路,以更好地评估进展。最后对圆圈做你自己的编辑,如果你能让这条线看起来不那么锯齿状或更圆,那就去做吧。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第31张

一旦到达窗口的最终版本,就可以将其应用于其他窗口。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第32张

步骤14

让我们把亮点加到窗户(和门)上。高光像往常一样出现在拐角处,但在拱门上它可能有点棘手,在顶部,一条突出线必须在某种程度上变成一个黑暗的轮廓。

这里有一个轮廓顶部消失的迹象-它接近黑色,然后是深棕色,然后就消失了。该亮点上升和消失,以及在大约同一地区,近黑线消失。他们就在那一小块地方并排跑。在墙的下方,再加上一抹较深的砖块颜色。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第33张

一旦完成,适用于其余的窗口。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第34张

步骤15

现在让我们画出窗户的底部。

对于短窗来说,这是相当简单的;我们保持砖的颜色,只是在一个较轻的阴影。

对于长窗,我试着在底部框架上给它一个轻微的斜度;线条很短,但它们是以1:1的对角线向上上升的,我想这就给了窗户额外的一点空间。颜色保持奶油(但较浅的颜色),以配合基地。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第35张

步骤16

另一个小窍门是给基座一个额外的维度:它只在拐角处突出一点点。一些亮点,在顶部的基础上,也有助于获得额外的音量。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第36张

步骤17

现在让我们研究金属卷起门。我稍微移动了一些线,因为我希望底线很细。另外,我降低了纹理线的对比度。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第37张

5. 冒烟

我有一段时间没有画象素艺术烟雾/云了,但我觉得有必要为我们的工厂制造一些烟羽。

这是一个元素(不像玻璃窗户),许多像素艺术家可能会做的非常不同的彼此。

不管怎样,这是我的方法。

步骤1

首先,画一些粗略的草图。 新层 )的基本形状,你会想要给你的烟羽。它们应该以与列内部相同的宽度开始,然后展开…。当它们散开时,它们也会变得稀薄并消失。

草图不需要是漂亮的,但它会给你的想法,完成的形状将是什么样子,并为形状和曲线,你将给你的羽毛指南。

这三个羽流应该非常相似,但我们不想只做一个羽流,重复两次,因为这样看起来不太好,看起来很懒。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第38张

步骤2

现在我们把每一幅素描变成一个很好的烟羽。

我决定大部分的形状是方形的,我喜欢,这是像素艺术。因此,从跟踪草图开始(在 新层 )具有直线、水平线和垂直线的。

然后绕过角落。当羽流上升时,使圆角变得更宽/更圆是有意义的,当圆角靠近底部时会变得更锋利。

然后,完成概述,使一些线内的形状,就像喷出的烟雾与其余的羽流重叠。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第39张

步骤3

现在让我们来点迷幻药吧。

我们希望烟雾在上升时逐渐变薄,我们将通过逐渐降低不透明度来传达这一点,但我们将通过明亮的颜色来解决这些不同的不透明度问题。

否则,在不同的阴影下最终颜色将是一种痛苦(魔术魔杖工具甚至不能在不进行一些调整的情况下分离透明度)。

所以我选择做的是在每个羽流上有四种不同的调色。第一个我只在烟囱排气,并作为一个轻微的遮阳的羽流的工作。另外三种颜色分布得更均匀一些。

我给出了不同调色相交的区域,这是一种过渡模式。我还为轮廓做了不同的调色,随着烟的升起,它和烟一起消失了。

一旦所有这些都完成了,你就可以开始用不同的不透明烟色来代替那些时髦的颜色了,我把它做成了一种几乎白色的颜色,带有一点黄色的色彩。

我从下到上做了不透明:80%,60%,40%和20%的填充。轮廓要柔和得多(从下到上):20%,10%,5%。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第40张

步骤4

当然,这是为所有三个草图,理想的同时,使他们更加一致。

这是三个羽流的处理步骤。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第41张

步骤5

在这里,他们被应用于建筑物-使工厂100%完成。

怎么用PS设计等距像素工厂图标的PS图标设计教学photoshop教程 PS教程 第42张

这项工作得到了回报。工厂已经投入,烟羽看起来很好,而且几乎干净到不会造成污染,现在你可以为一个城市配备一些工业元素,让你的像素艺术人物有一个工作的地方,让你的像素艺术小镇更多样化、更有生命力。希望这是有成效的。

原文链接:https://www.zzlz.net/archives/689581.html,转载请注明出处。部分文章来自网络,如有侵权请联系邮箱:lianzhi0000@163.com 删除,谢谢!

0

评论0

请先

显示验证码
没有账号? 注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码