PhotoShop平面效果图后期处理实例

PhotoShop平面效果图后期处理实例利用AutoCAD软件可以准确高效的完成建筑、规划方案的设计，绘制出建筑施工图、总平面图、以及各类规划设计相关图纸。作为一款优秀的图形辅助设计软件，AutoCAD软件绘图效率和准确性上有较大的优势，但在图面效果的表现上，如色彩、材质、光影效果、配景素材等方面还略有不足而对于这些有关图面效果表现的因素，图像处理软件则具有比较好的优势，因此利用PhotoShop软件对AutoCAD绘制线框图进行后期处理，将AutoCAD的方案设计图制作成图面效果丰富的图像则是设计人员最常用的形式之一。一、AutoCAD图形输出与PhotoShopDODOAutoCAD图形文件完成后，将图形输出成图像文件主要有直接输出和虚拟打印两种方法，下面将这两种方法予以简单的介绍。1、直接输出法在AutoCAD软件中，直接单击“文件/输出”菜单命令，在打开的“输出数据对话框”中可以选择输出的文件类型，其下拉列表中的“封装PS*.eps”、“位图*.bmp”等类型都是Photoshop支持的图像格式。通过设置“文件名”、“保存于”等参数，可以将图形输出到指定的位置保存为图像文件。AutoCAD输出数据对话框如图15-1所示。J9?UJ&!S*,a*.t图1AutoCAD输出数据对话框“封装PS*.eps”和“位图*.bmp”两种格式的图像，PhotoShop都可以打开，但用PhotoShop打开“封装PS*.eps”格式文件时，可通过调整分辨率和图像的长、宽数值，确定图像文件的大小，用这种方法可以打印出需要的任何大小图幅的图像。但打开eps格式文件时，有可能出现图像不清晰的问题，这里有一个小技巧可以借鉴，可以先建立一白色的背景图层，然后再将打开的图像图层连续复制出多个图层副本，这样处理可以使图像清晰一些，最后将复制出的副本图层合并成一个图层即可，如图15-2所示。图2在PhotoShop中打开eps格式图像2、虚拟打印法虚拟打印法是通过设置虚拟打印机，将图形打印输出成图像，把输出的图像再导入到PhotoShop进行后期处理，虚拟打印发有JPG、BMP等输出格式。在进行虚拟打印之前，首先要添加输出光栅图像的打印机。执行“文件/绘图仪管理器”命令，会弹出一“Plotters”窗口，在窗口中双击“添加绘图仪向导”图标，会弹出一“添加绘图仪简介”对话框，单击“下一步”按钮，在弹出的“添加绘图仪开始”对话框中，将要配置新打印机选择为“我的电脑”，单击下一步按钮，弹出“添加绘图仪绘图仪型号”对话框，如图3所示。在“添加绘图仪绘图仪型号”对话框中选择光栅文件格式，对应的“型号”列表中可以选择JPEG、BMP等不同文件格式，执行下一步设置“引入打印机信息”、“选择绘图仪名称”等，最后单机完成按钮，完成添加打印机操作。:cizinJinwiHipnEl匚11CilCstpHT0E4阴；阿fl带TUTViriLaaEH口口创二堆压鑑TIFTVwTLan6rFJE.)Ttutfiriwi畀2(lEJE-fij兰泵加绘悍I牧-发閨仪型号K上一齿|下一爭怕H(ft.flj逍堆勰瀛彎朝碍遇未囲两週嘶e匡也里号BAncr嗽rcz前口此出号的供应ta札比1丈件桔式kiii-由Auul&sk.In.ttff-生产商如图3添加绘图仪对话框在AutoCAD软件中执行“文件/打印”命令，打开打印对话框,在“打印/绘图仪”区域，打开“名称”下拉列表，选择“PublishToWeb.Jpg.pc3”,单击打印机名称后的“特性”按钮，打开“绘图仪配置编辑器”对话框，如图4所示。图15-4“打印”和“绘图仪配置编辑器”对话框在“绘图仪配置编辑器”中可以对输出的光栅图像的尺寸大小进行设置，在“设备和文档设置”选项卡的窗口中单击“自定义图纸尺寸”框中的“添加”按钮，可弹出“自定义图纸尺寸”对话框，在“自定义图纸尺寸开始”中选择“创建新图纸”，依次设置“介质边界”、“图纸尺寸名”等，可完成图纸尺寸的设定，过程如图5所示。图5“自定义图纸尺寸”对话框在“绘图仪配置编辑器”对话框中，保存创建的图纸，按确定按钮后返回“打印”对话框，在“图纸尺寸”下拉列表中可以选择创建的自定义图纸，确定后出现“浏览打印文件”对话框，设置“文件名”、“保存位置”等参数，单击“保存”按钮，虚拟打印设置结束，可以将AutoCAD的图形文件输出为图像文件。在PhotoShop中打开输出的图像文件，即可进行对图像的后期处理操作。二、建筑平面效果图绘制1、从AutoCAD中输出图纸在AutoCAD中打开如图6所示的住宅建筑户型平面图，调整图层，将地板填充、中轴线、文字注释等图层关闭，保留墙体、门窗、尺寸标注等图层，然后采用虚拟打印的方法将图形输出为2500X1800像素的图像，女口图7所示。1E1J00图6CAD图形文件L2000500图7“虚拟打印”输出的图像2、墙体的处理在PhotoShop中打开上一步中“虚拟打印”输出的2500X1800像素的图像，并将其存储为PhotoShop默认的PSD格式文件，调整图像“亮度/对比度”使图像更清晰。新建一图层命名为“墙体”，利用“魔术棒”工具选择墙体内部，快速建立墙体选择区域，（注意：用“魔术棒”创建选择区时可将“魔术棒”设置为加模式，以连续添加选区）。将“前景色”设置成黑色，用前景色填充选择区。同样的办法将阳台墙体填充为浅灰色，墙体填充后的图像效果如图8所示。图8墙体填充后效果3、填充地板、地砖在PhotoShop中，可以采用“图案填充”的方式，在住宅建筑平面图上填充上各种图案丰富的地板、地砖贴图。打开如图9所示的“瓷砖贴图”素材图片，并执行“编辑/定义图案”命令将其定义为图案。在打开的住宅户型平面图PhotoShop文件中，新建一“地板、地砖”图层，利用“魔术棒”工具选择阳台、卫生间建立选择区，执行“编辑/填充”命令，用“瓷砖贴图”填充阳台、卫生间区域。同样的办法，打开如图10所示的“地板贴图”和“地砖贴图”，并将其定义成图案，填充完地板、地砖后图像效果如图11所示。图9瓷砖贴图图10地板贴图和地砖贴图图11“地板”、“地砖”填充后效果“地板”填充区域的图像效果颜色偏暗，此时可利用“图像/调整/曲线”命令对地板区域的明暗效果进行调整，如图12所示。利用“图像/调整/曲线”命令对图像的效果进行调整也是常用的一种高效的图像调整方法。43图12利用“曲线”调整地板填充效果4、添加配景素材在PhotoShop中大部分的配景素材可通过复制相关的素材贴图就可以，少量的配景素材也可在PhotoShop中绘制，本例中以电视和电视柜绘制简单介绍配景素材的绘制，其余沙发、卫浴设施、桌椅等素材则都是以复制贴图文件来完成。在住宅建筑平面图PhotoShop文件中，新建一图层并命名为“电视柜”创建矩形选区，打开如图13所示的“木纹贴图”并定义成图案，用此图案填充矩形选区绘制出电视柜雏形。图13木纹贴图直接填充图案形成的电视柜边缘过于刻板，可以采用“图层样式”中的斜面和浮雕”选项进行调整，如图14所示。Hx_r;U1左.枪吐果pout同样的方法，创建选区填充颜色并设置“图层样式”，绘制出电视和音响，如图15所示。利用复制图像的方法，添加家具、植物、卫浴设施等贴图配景模块，在调整复制的配景模块时注意“自由变形”命令的应用，最终效果如图16所示。图16住宅建筑平面效果图三、小区规划平面效果图的制作1、使用AutoCAD输出图纸运行AutoCAD软件，打开前面第十一章完成的小区规划总平面图，如图17所示。到PhotoShop中进行后期处理，主要是添加树木、建筑、人物花草等配景，并对图面效果进行优化，而在PhotoShop中进行图像处理，首先就是要建立选区，因此在AutoCAD中进行图形文件的虚拟输出时，就要考虑到PhotoShop中选择区的建立，应将各类地块边界等突出显示、而其它的辅助和填充图层应关闭以方便到PhotoShop中进行后期处理。将小区规划总平面图中的绿化、树木、用地填充、文字注释、辅助的标注等图层关闭，如图18所示。嚣已怦3陰硒氓i|tifl4=iFTi11|I-41Hf3K-IW!I-*K1-rl!iff*1iirp:-WY*声君益ST醫兀右CLhN、r*图17住宅小区规划总平面图图18调整后的住宅小区规划总平面图按照前面所述的虚拟打印的方法，将小区规划总平面图的AutoCAD图形文件输出成图像。这里需要注意的是，因为地形背景在PhotoShop中也是作为背景图像单独显示的，因此应将地形背景单独输出，而如图18所示的图形则一起输出，因此如何保证两次虚拟打印输出的图像大小及图形位置一致就是一个需要解决的问题。对于这一问题，我们可以在虚拟打印之前新建一图层，将图层命名为“打印窗口”，并将其图层属性中的打印属性设置为不可打印，然后在新建的“打印窗口”图层中绘制一矩形框，作为打印的捕捉窗口，在虚拟打印时，均以此窗口作为打印捕捉窗口，这样可以保证两次打印时的图像大小及图形位置一致，两次虚拟打印输出的图像如图19所示。图19虚拟打印输出的住宅小区规划总平面图及地形背景图像2、调整输出的图纸启动PhotoShop软件，打开上一步虚拟打印输出的两幅图像，先通过“图像/调整/色相、饱和度”命令和“图像/调整/亮度、对比度”命令分别调整两幅图像，“饱和度”数值可调整为-100，使图像转为单色图像，“对比度”数值可调整为50以上，增强图像的对比度，这样处理后图像将更清晰些。利用“移动工具”将两幅图像复制到一个PhotoShop文件中，两个图像将作为两个图层显示，可再另新建一图层作为“图层背景”。图像的对齐可利用“对齐链接图层”的办法予以对齐，也可通过降低上层图像的透明度然后利用“移动工具”对齐。然后创建矩形选区，用选区来裁切图像，将图纸多余部分予以裁切，效果如图20所示。图20调整裁切后的图像3、路面的处理为了表述方面，我们将前面导入的两幅图像的图层名分别命名为“地形”和“规划图”，地形图层暂时不用可以将其关闭并锁定。使用“缩放工具”将视图放大，检查规划图，利用“铅笔工具”将不闭合的线条封闭，并将规划主干道路两端封闭。在检查过程中一定要细致，线条不闭合将无法正确填充，特别需要注意的是由于虚拟打印图形像素化过程中曲线与直线的交叉处容易出现线条不闭合的问题。在“规划图”图层利用“魔术棒工具”选择道路，建立道路选区。新建一图层命名为“道路”，并作为当前图层，将前景色设置为浅灰色（171、173、176），背景色设置为深灰色（132、129、126），使用渐变工具从左上方向右下方做线性渐变，用渐变来填充道路选区。再利用“减淡工具”和“加深工具”对填充后的道路进行局部的明暗处理，道路填充后效果如图21所示。图21填充道路后效果图22人行道铺地贴图和人行道填充效果新建一图层，命名为“人行道”，在“规划图”图层中选择主干道两侧的人行道建立选区。打开如图22左图所示的铺地贴图并定义成图案，用图案填充“人行道”选区，用“减淡工具”对人行道进行局部的明暗处理，完成人行道的绘制，如图22右图所示。图22人行道铺地贴图和人行道填充效果图22人行道铺地贴图和人行道填充效果4、填充广场图22人行道铺地贴图和人行道填充效果新建一图层命名为“广场”，在“规划图”图层中将方形广场内除了将代表沙坑的部分保留其余的多余线条删除。打开如图15-23左图所示的铺地贴图并将其定义成图案，用此图案填充方形的广场，同时用浅灰色填充篮球场，方形广场填充后效果如图23右图所示。整i-r4:uIlJFir.ITnEk图23方形广场铺地贴图和填充效果图24圆形广场铺地贴图及其布置位置图24圆形广场铺地贴图及其布置位置打开如图24中的圆形图案贴图，利用“魔术棒工具”结合“反选”、以及“圆形选区工具”将其中圆形图案选中，利用“移动工具”将圆形选区复制到“小区规划平面图后期处理”PhotoShop文件中，利用“自由变形工具”和“移动工具”调整其大小和位置，将其放在“圆形广场”的位置，最后将复制的圆形贴图图案合并到广场图层中。1图24圆形广场铺地贴图及其布置位置图24圆形广场铺地贴图及其布置位置5、填充停车场图24圆形广场铺地贴图及其布置位置停车场采用镶嵌草地的“间草砖”来铺装，首先来制作用来填充停车场的“间草砖”填充图案。打开如图25左侧图案所示铺地贴图，使用矩形选择工具，均匀创建一系列举行选择区，并使选区成一整体，将前景色设置为草绿色（81、132、18），用前景色填充选区。对填充成绿色的选区执行“滤镜/杂色/添加杂色”命令，再执行“滤镜/模糊/动感模糊”命令，然后配合“减淡工具”和“加深工具”对局部明暗处理，制作相对真实的草地效果。效果如图25右侧图案所示，并将此贴图定义成图案。图25制作停车场铺地贴图在“规划图”图层中，利用“多边形套索工具”创建停车场选区，然后新建一“停车场”图层，填充上一步中制作的“间草砖”图案。6、建筑的处理住宅建筑的处理，按照规划图中给定的建筑轮廓填充颜色即可，以点式住宅的处理为例简单介绍住宅建筑的处理。使用“魔术棒工具”在“规划图”图层中建立点式住宅选区，新建一图层命名为“住宅建筑”并设置成当前图层。由于虚拟打印出的图像线条不是很清楚，因此在填充颜色之前，先执行“编辑/描边”命令，将点式住宅选区外轮廓描边2像素。再执行“选择/修改/收缩”命令，将点式住宅选区向内收缩4像素，执行“编辑/填充”命令，PhotoShop中，可以使用“图层样式”的设置来制作阴影等特效，利用“图层样式/投影”来制作阴影，“投影”属性设置参数如图27所示。F.HI5I二St-Hi2I爭事图27点式住宅建筑颜色填充公共建筑中住宅底层的裙房处理的方法与住宅建筑类似，只是填充颜色改成了橙红色（232、100、27）。而对于小区会所、托幼、老年活动中心等公共建筑则是以复制建筑模块的方式，直接插入制作好的建筑模块，建筑模块如图15-28所示。将托幼、商业服务设施场地填充铺地贴图图案后，建筑处理效果如图29所示。建筑模块图28图29建筑填充后效果7、草地的处理草地的填充可以直接填充草地贴图图案，也可使用前面制作“间草砖”贴图时用过的“填充颜色”结合“滤镜工具”的方法自行制作绿地，这里我们采用填充贴图图案的方式来完成草地的填充。打开如图30所示的草地素材图像，利用“矩形选择工具”在草地素材上选取草地色调较自然的部分，然后定义成图案。图30定义草地填充图案在住宅小区规划平面图后期处理PhotoShop文件中，将“规划图”图层设为当前图层，使用“魔术棒工具”选择草地区域建立草地选区，执行“填充”命令填充图30中定义的草坪图案，草地填充后效果如图31所示。图31草地填充后效果在规划图中还有两处“沙坑”，北侧的“沙坑”周边的小路可以采用前面的“人行道”铺地贴图填充即可。在“规划图”图层中选择“沙坑”内部区域，创建选区，先用类似“沙子”的颜色（188、185、111）填充选区，然后执行“滤镜/杂色/添加杂色”命令，形成杂点效果，如图32所示。图32填充沙坑8、添加配景向图像中添加树木、花草、人物、汽车等配景素材，使图像丰富多彩。本例中用到的树木配景素材如图33所示。树木主要沿道路两侧布置。图33填充沙坑打开如图34所示汽车配景素材，通过调整图像“色相/饱和度”，可以改变汽车的颜色，这样可以再生成两个不同颜色的汽车素材，如图35所示。祀心IWiLL2帖JI幵曰I图34汽车素材和调整“色相/饱和度”Si&ij!KiWEai!L严:L,JM：边图35调整图像“色相/饱和度”改变汽车颜色利用“移动工具”将树木、任务、汽车等配景素材复制到“小区规划平面图后期处理”PhotoShop文件中，使用“自由变形工具”（快捷键ctrl+T）调整素材图像的大小，添加配景素材后的图像效果如图36所示。图36添加配景文件后图像效果9、处理“地形”背景和添加文字使“地形”图层成为当前图层，切换到“魔术棒工具”并取消“连续的”选项，利用“魔术棒工具”选择白色区域，按“Delete”键将白色区域删除。调整“地形”地形图层的“不透明度”为60%，“填充度”为60%，调整图层顺序，将“地形”图层放在“建筑”、“树木”、“汽车”等图层之下，而在“广场”、“草坪”、“停车场”等其它图层之上，图像效果如图37所示。图37显示“地形线”后图像效果在图像处理完成之后，需要添加相关的文字信息、图框等。小区规划综合技术经济指标可以在AutoCAD中以“虚拟打印”输出的方式制作成图像文件，在使用“移动工具”复制到“小区规划总平面图后期处理”PhotoShop文件中。新建立一图层命名为“图框”，放在背景图层之上并使其成为当前图层。使用“矩形选框工具”，创建矩形选区作为图框线，执行“编辑/描边”命令形成大小为10像素的图框线。利用“魔术棒工具”快速选择图框线内部区域，填充成颜色（186、231、229），作为图纸背景，关闭“规划图”图层的显示。将“综合经济技术指标”和“指北针”分别放在单独的图层中，使用“魔术棒工具”配合“选取相似”选择“综合经济技术指标”和“指北针”图层中的白色区域，将其删除。图像最终效果如图38所示。图38小区规划总平面图