PS教程:从平面图到2.5D图的变换,伪3D海报制作的基础

这一篇主要是平面图到2.5D视图转变的基本过程演示并说明一下原理。

当然2.5D视图制作之前,最基本的就是等角网格线的绘制,这个是平面图到2.5D图等比转变的基础。

2.5D视图目前在电商网站海报上越来越多应用了,没有了解过2.5D视图的话,可以仔细这篇基础原理哦。

目前做这类海报用ai比较多,不过原理都是一样的。

对比图:

2.5D视图:

平面图:

现在说一下详细的操作步骤,主要分为等角网格线制作、平面图制作和2.5D图转化三部分。

2.5D图区别于3D图,也叫等距侧轴图,能看到的只有3个面,顶面和左右两个侧面;我们要做的当然不是随意画出一个2.5D图;而是根据平面图做出一个长宽和原图相符的等距侧轴图。那么我们就需要一个参考点和参考线,去确定比例,所以我们首先做一个等角等距网格线。

第一部分、等角等距网格线的制作

1.新建一个文件,大小根据自己的要求就可以。

2.首先要做一排铺满画布的直线,点击工具栏>直线工具;

填充颜色自选,好分辨的颜色就可以,粗细1像素;

画直线之前,可以先按ctrl和-,缩小画布,这样直线可以画长一些,要不然后面旋转后边缘会有缺;

先在左边,按住shift,向下拉出一条直线;

直线拉好后,点击工具栏,用直接选择工具;

按住ctrl+alt,用鼠标去拖动直线,这样就可以复制并移动出一条新的直线;(不用在意位置和高度,后面可以一起调整)重复上一步,不断的拉出新的直线,直到画出足够的直线,如下图。

3.调整直线的间隔和位置。

用直线选择工具拖拽选中所有直线;

点击上方对齐工具,选择垂直居中;

这样所有直线就上下对齐了;

再点击对齐工具,选择按宽度均匀分布;

完成后,就有一个间隔相同,长度相同,上下对齐的直线群图层,为形状1。

4.复制组合成等角网格。

复制形状1图层,得到形状1副本图层;

点击编辑>变换>旋转(或者按ctrl+T);

上边栏的角度改成60度;(就是顺时针旋转60度)

改好后按enter确认修改;

得到如下一个顺时针60度斜线群;

再复制形状1图层,得到形状1副本2图层;

同样ctrl+T到旋转界面,角度填-60度(逆时针旋转60度);

按enter确认后,我们的等角等距网格线就完成了。(这个网格线的组成,应该都能看出来了,其实就是无数个正三角形组成的,等距就是正三角形的边长,等角就是等三角形的60度角。)

最后点击图层栏下标,右起第三个,建立网格线组,将网格线的三个图层拖进去,和后面要做的图区别开来。

到这里网格线部分就完成了,接下去我们要先做出平面图。

第二部分、平面图制作

平面图可以先做一个简单的,后期做复杂一些的,这个先熟悉一下。

1.首先新建一个图层,在网格组下一层,建立新图层,这样可以清晰看到网格参考线。

然后点击矩形工具,按住shift,在画布上脱出一个正方形,颜色用蓝色渐变色,如下图。

2.矩形图层上加一个文字图层,这里用PS两字母,颜色浅蓝色。

这样我们的平面图就做好了,这是很简单的平面图,接着我们要让它变得不简单。

第三部分、2.5D图转化

1.将底图转变成等角侧轴图。

当然不会让你用自由变换工具,手动旋转斜切,这样不准确;

首先选中矩形1图层,按ctrl+T(或编辑>变换>旋转),将上方的H值改为-30度;(H值即水平斜切值,可以理解为水平中心轴(黄线)不动,所有水平上的长度不变,整个平面,顺时针方向向两边,拉开30度)

角度改为30度。(即图形中心点不动,整个图片顺时针旋转30度)

然后需要将H即高度设置为86.6025%;这一步是为了将斜切后的两边边长(原正方形左右两边)变回原先的边长,这样才是等比例的变换。至于为什么是这个值,可以根据30度直角三角形去换算,高度应该变换成原先的二分之根号3(也就是0.0866025),才能让拉长后的边长变回原先的长度。

到这里,正方形的变换就完成了;

接着选中PS字体图层,用同样的设置将字体也变换好,如下图。

字体层的宽度没拉好,所以稍微拖动到中间;嫌麻烦,可以格式化字体后,再选中就不会有多余的部分。

移动到上面一点,因为要做正方形2.5D的3面。

3.复制一个矩形1副本,键盘方向键向上移动一定距离,作为顶面;

4.侧面没有做,(一般来说在刚开始做平面图,就会画好侧面需要的图)可以复制一个矩形1图层,一条边旋转到水平,然后用矩形工具,做一个宽度一样的小矩形,即矩形2图层。

别忘了删掉或屏蔽复制的那个多余图层。

将小矩形图层复制一个,得到矩形2副本图层;

4.将矩形2副本变换成左侧边;按ctrl+T,将V值改为30度(V值即垂直斜切值,可以理解为垂直中心轴(黄线)不动,所有垂直长度不变,整个平面,顺时针方向,向上下拉开30度),w值即宽度改为86.6025%。这样左侧面就做好了;

将做好的左侧面移动到贴合好矩形1图形左侧边;

5.将矩形2变换成右侧边;按ctrl+T,将V值改为-30度(V值即垂直斜切值,可以理解为垂直中心轴(黄线)不动,所有垂直长度不变,整个平面,逆时针方向,向上下拉开30度),w值即宽度改为86.6025%。这样右侧面就做好了;

将做好的右侧面移动到贴合好矩形1图形右侧边;

最后,将左侧面(矩形2副本)的颜色变换到浅一度的颜色;

这样正方形的2.5D图就做好了

6.到上一步,基本过程就完成了;

为了让PS文字也加入进来,所以重新输入PS正面文字,按照上一步中左侧面的设置,制作好PS侧面效果,如下图;

复制一次PS侧面图层,移动一定的距离,这个移动一定要沿着网格线的斜线移动,才会达到准确的视图效果。

7.接下来要做文字的右侧面,因为是曲面,只要将一个最外面的两点链接填充颜色就可以,连接线一定要与参考线平行。(当然最好还是做矩形,再根据第5步中的右侧面变化,复制几次,移动到下图相应的几个地方,这样最为准确)

THE END
1.平面图app有哪些?手机绘制平面图的app推荐平面图软件平面图app有哪些?现在很多的平面图绘画都是设计师最基础的能力,好的平面创作app能提高大家的创作效率,今天小编就给大家带来很多好用的手机绘制平面图app,让更多的设计师小伙伴在手机上也能轻松绘画平面图,轻松提高自己的绘画能力,有兴趣的小伙伴快来和小编一起看看有没有你想要的绘制平面图的app吧! http://www.downcc.com/k/pmtapp/
2.建筑平面图建筑平面图制作软件,教程和例子亿图包含详尽的建筑平面图符号库和和强大的平面图制作工具,这使得您可以轻松地设计自己的有专业水准的建筑平面图,包括商业建筑设计、空间计划、建筑布局、施工文件、结构图和设施规划。 下载建筑平面图软件 使用亿图建筑平面图软件为您的房屋、办公室、和特殊的活动设计建筑平面图可以帮您在施工之前为您呈现任何一个工程https://www.edrawsoft.com/cn/floor-plan-solutions.php
3.平面图制作软件免费APP推荐平面图制作软件免费下载2022平面图制作软件免费下载是大家经常在寻找的内容,对于设计专业或者是从事该行业的小伙伴们来说,能够手机或者是平板电脑编辑甚至是绘制平面的效果图对工作和学习有着巨大的帮助,其实目前手机平台上能够实现的软件也有很多,感兴趣的小伙伴一起来看看吧。 No.1 https://www.wandoujia.com/bangdan/401909/
4.平面图制作软件排行榜前十名偏玩手游盒子分享十大平面图制作软件排行榜前十名手机应用,编辑为您推荐手机平面图制作软件排行榜第一名到前5名到前十名的应用。找平面图制作软件有哪些、平面图制作软件哪个好用,上偏玩手游盒子https://m.pianwan.com/s/zj-2774012
5.10个简单好用的平面图工具分享动态界面设计和原型制作:InVision Studio提供了强大的动效设计功能,可以让设计师轻松地创建高保真的动态界面。并且,它的原型制作工具也非常出色,可以快速地生成可交互的高保真原型,是一款功能十分强大的平面图工具。 强大的协作功能:借助InVision生态系统,Studio用户可以轻松地进行团队协作。设计师之间可以实时共享设计稿,进行https://pixso.cn/designskills/10-plan-design-tools/
6.4款好用的平面图制作软件推荐,轻松实现在线制作Design Wizard 是一款在线平面图工具,它的操作简单,比较容易上手,是最适合初学者使用的平面图制作工具之一。不仅提供了图像编辑功能,还提供了视频插图资料库,拥有超过 10000 种免费模板,可以根据模板的内容进行编辑修改,设计各种各样的宣传图片和卡片。 3、Befunky:轻松制作3D效果 https://js.design/special/article/4-plan-making-softwares.html
7.平面图制作软件哪个好平面图制作软件下载大全平面图制作软件免费下载。平面图制作是建筑工程中不可缺少的步骤之一,用于房屋设计,建筑设计,平面设计图体现了设计师对空间的整体规划,所以说平面图制作软件对于设计师来说是必不可少的。平面图制作软件拥有简便的绘图操作功能,可帮助用户在绘制平面图的时候更加方便快速的完成。那么平面图制作软件有哪些?哪个好?下面是https://www.qqtn.com/qqkey/pmtzzrj/
8.学校平面图怎么制作3d溜溜设计问答平台为广大设计师们提供各种学校平面图怎么制作问题解答,3d溜溜素材问答平台汇聚全球各地的设计师、名师名司、设计爱好者等设计灵感和经验,迅速为您解决学校平面图怎么制作的困惑。https://www.3d66.com/answers_relation/relation_3132985.html
9.生产流水线平面图制作软件零代码企业数字化知识站要制作生产流水线平面图,可以使用AutoCAD、SolidWorks、SketchUp、Visio、Edraw Max等软件。这些软件功能强大、易于使用、支持多种文件格式。例如,AutoCAD是一款广泛应用于工程和设计领域的软件,它提供了精确的绘图工具和丰富的功能模块,适合复杂的生产流水线设计。AutoCAD不仅可以创建二维平面图,还支持三维建模,这使得设计人员https://www.jiandaoyun.com/blog/article/488605/
10.平面图制作软件免费下载安装简单的平面图制作软件推荐简单的平面图制作软件推荐多场景的在线商业平面图设计软件,操作简单,通过简单的“拖、拉、拽”等操作,即可完成设计创意。它适合各种场景下的需求设计,这里面的软件新手也能轻松上手,感兴趣的快来本专题下载吧。更新时间:2024/4/30 17:13:28Adobe XD v50.4.0 等级: 8.3 2024-05-10 55.5MB 简体中文 下载 https://www.92sucai.com/ruanj/pmsjrjtj/
11.ps制作简单平面图教程以上是彩图平面图制作的主要步骤,通过这些步骤可以制作出质量高、符合需求的彩图平面图。1. 打开PS软件https://www.hxsd.com/wenda/68901/
12.免费平面图制作软件下载海文平面图制作软件是一款完全免费的平面图制作软件,这软件的特点是体积小巧、使用方便,相比起现在动则几个G的平面图制作软件要更加的小巧和实用。海文平面图制作软件中提供了绘制平面图所需要的各种工具,可以轻松满足用户的平面图制作需求,有需要的朋友赶紧下载吧! http://www.kkx.net/soft/49215.html
13.翰文平面图制作软件平面图制作软件翰文平面图制作软翰文平面图制作软件是一款专业的平面图设计软件,软件简化和集成了一些常见的绘图操作,采用美观友好的用户界面、简单便捷的操作方式,您只需移动鼠标,就可快速绘制出完整、准确的施工平面图。本系统符合绘制施工平面布置图的特点和要求,是在准备投标和高水平施工组织设计中施工平面图设计的理想工具。 https://www.wmzhe.com/soft-29935.html
14.《设计表现技法》课程教学大纲主要知识点:平面图赏析;立面及剖面图赏析;透视图赏析。 6模型表现技法(2课时) 6.1模型表现概论 主要知识点:模型的用途;模型制作的要求;模型分类。 6.2工具,材料介绍和选择 主要知识点:工具与材料分类;主要工具的使用和常用材料的加工处理方法。 6.3模型制作的方法 https://chenghuan.xcu.edu.cn/info/1126/2986.htm
15.彩色平面图用什么软件做用哪些app制作彩色平面图更好一些简单的平面要是到电脑上用专业的软件去制作,可能节省不了太多时间,反而会增添一些麻烦,以下是彩色平面用什么软件做,为了方便大家去制作这类纸,各大厂商推出了专门的手机应用,它们的功能也很完善,经过简化后,操作起来也不复杂,很适合新手小白去体验。 https://www.daqmw.com/gonglue/147553.html
16.10个不为人知却好用到爆的PPT辅助网站依然是之前给大家推荐过的一个神器。我们在制作PPT之前需要构建PPT的逻辑框架,传统的思维导图制作工具显得过于笨重。所以百度脑图成了三顿的不二之选。 百度脑图操作也非常简单,新建脑图后可以自己调整脑图的思路、外观和视图 4.低平面图制作 (http://qrohlf.com/trianglify-generator/) https://www.jianshu.com/p/ef781c53d496
17.在wps上画平面图(在WPS里面制作平面图)爱问知识人2.wps如何做平面效果图 新建一个ppt空白版式 插入一个表格,利用表格的属性来快速制作平面图 插入好表格https://iask.sina.com.cn/b/new5bR7p5Jjgfl.html