Project1

标题: 【ps画商业远景图】图文教程--朽木筷子 [打印本页]

作者: p7l8k90 时间: 2010-9-4 16:56
标题: 【ps画商业远景图】图文教程--朽木筷子
本帖最后由 p7l8k90 于 2010-9-6 17:03 编辑

如题了，ps画商业远景图，类似于仙剑2啦，幻想三国志之类的，并不难，我陈述的很细，只要有耐心绝对能学会，做出来的效果我不敢保证，一个人一个看法，反正我自己觉得还过得去，但是由于是完全原创，所以这项“技术”还有许多不足之处，欢迎大家指出并修改，此次发的教程是画城镇的，下一次将会发布迷宫（山地，密室等等）的画法，不过下一次是什么时候…………最晚也得过年……以下是我画好的两张，基本已经画完，只是还有些地方需要修改，这两张图将会出现在我的游戏测试版里。以下是图片，最下面的链接是教程的下载地址，下载完成后解压找到里面的一个文本文档打开，那里面是文字说明，剩下的图片是将会用到的图片图标和一些重要步骤的效果图。好了，说明完毕。
远景之--【长白山腰】

远景之--【海道】（未完成）

教程下载链接：没有了……大家都不喜欢米盘……又都说下不了……教程帖子在下面，注意看吧。最后祝大家使用愉快。敬请期待迷宫画法的发布。

作者: moy 时间: 2010-9-4 17:05
纳米盘下载不能...如果是txt的话可以考虑上传论坛附件.反正不会超过5M,肯定.
PS:这个应该发在图像那一版吧...

作者: zyshra 时间: 2010-9-4 19:03
我想知道，画这么一张图要花多长时间？而且要画得跟楼主上传的这样好。

作者: 日月星辰 时间: 2010-9-4 20:40
表示在下载中，火狐真的很好~~~~我搞了一个纳米盘解码插件，自动下载~yes！！

表示如果我真的话出来我就是神了……建议不要纳米盘。115没有大小限制的。

作者: p7l8k90 时间: 2010-9-5 11:35
本帖最后由 p7l8k90 于 2010-9-6 16:45 编辑

好吧，既然大家都对米人无爱，而我又不会其他上传文件的方法，那就只能以论坛为寄存工具了，由于时间关系，这次只编辑一点入门，说的很细（也很罗嗦……），看之前做好心理准备。

ps篇：
概述：ps这玩意，据说功能很强大，可以做各种东西，3d图，平面CG等等，额，这个CG具体什么意思我也不知道，我就理解成平面图形了，不过呢，我只会用ps干以下几种事：上色，画远景图，额，就是类似幻想三国志那种比较逼真的远景图，做行走图，额，我的意思不光是对现有素材的拼接，我还可以原创，具体方法一会说，是在rm美工群里学的，特技动画制作，恩，这个也是一样，不光是对现有素材的拼接，也是可以原创，不过，特技动画原创需要用一个软件：illusion（粒子风暴），这个也会在稍后说明，还有就是最近学会并正在熟练的，矢量图形。至于它是什么，有什么用，稍后说明，好了，概述做完，现在开始逐一说明。额补充一下：注意在制图时多保存，每成功几步就保存一次，无论你做什么都要这样，一是防止有无法挽回的错误发生，二是防止停电……
远景图：远景图分为2远景和3远景,这里我讲2远景。2远景由两部分构成，远景，远景_2。先说远景2吧，其实这都不用我教，你也都会，如果原来的素材就有遮挡图，那好了，省的抠图，直接把各个遮挡图对应在远景上，然后隐藏远景，显示所有遮挡图，最后保存成png格式的图片就可以了，名字就是【远景图的名字_2】。如果你有耐心和信心，就可以原创远景，事实上并不是完全原创，而是半原创，什么意思呢，就是你必须现有一张远景图，随便什么样的都可以，最好还有遮挡图，然后新建一个文档，额，你可以先画一个【草图】

，（额，那啥，我这里有样本，到时候你打开文件夹就看到了）画完后再根据草图画出远景图。恩，新建文档之后，就找一个叫【修复画笔】

的工具，（跟样本在一个文件夹里，我这里提到的图片资源基本都在那里，要是没有就没有了。）然后点击你先前打开的远景图文档按住alt，点地面，就是远景图里的地面，然后切换到你新建的文档，开始画，我建议在画之前现用多边形套索工具（你的多边形套索工具默认图标可能会是【圈环套索】

工具，不要紧，右击圈环套索的图标，然后找到多边形套索

，点击，或者按相对应的按键就可以了，或许你的修复画笔也不是默认工具，也没关系，我都在那个图片文件夹里截了图，你找找肯定会有的。如果在默认选项中找不到，就右击那个默认图标的，然后再选中那个你需要的工具就可以了。）圈一块地出来，然后按ctrl+c复制下来，再粘贴（ctrl+v）到你新建的文档里面去，然后用移动工具移动到左上角。再粘贴，然后移动到紧贴第一块地面的地方，然后再粘贴，移动到紧贴第二块地面的地方，注意，所谓的紧贴并不十分严格，第二块地面可以覆盖住第一块地面，但是两块地面之间绝对不能有缝隙，如果你铺完第一行之后开始铺第二行，上下左右之间也绝对不能有缝隙，地面的形状可以不规则，不过材质必须一致，我的意思是，假如你的远景图是一个村庄，（汗，如图：村庄）

。

作者: memory 时间: 2010-9-5 17:29
提示: 作者被禁止或删除内容自动屏蔽

作者: 退屈￡无聊 时间: 2010-9-5 18:22
表示对双远景的烦琐很无爱 - -
但是又懒得去拼元件 - -
咳咳,米人的资源我大部分都无视的..

作者: 592361524 时间: 2010-9-5 20:13
楼主不能下载啊！！！！！！纳米盘的东西，连几百K的文件都下载不了，比魔方还不好用。你能传到115去吗

作者: p7l8k90 时间: 2010-9-6 16:58
本帖最后由 p7l8k90 于 2010-9-7 05:42 编辑

那么你圈的那块地里不能既有草地路面，又有碎石路面，额，有阴影之类的东西也不行。那样铺在底下的效果会很不好。选择一种材质做衬底路面，这里我选草地。额，【圈一块全是草地】

的铺，直到铺满你新建的整张远景图之后，（你可以先【横着铺4块，再竖着铺4块】

，然后一直续道【16块】

，最后按ctrl+shift+e【合并可见图层，注意，在合并时你所在的图层必须是【可见】

的，否则就无法合并】，就会出现一块较大的地面，然后按ctrl+a（全选），在复制，粘贴，移动，粘贴，直到铺满整个远景图。如果你新建的远景图很大，那就再重复16块地面的步骤，然后就可以很快的【铺满】

整个远景图了。额，铺的时候也不用很严格，只要保证中间没有缝隙（空白像素）就好。）现在进行第二步，修复画笔。选择修复画笔，然后按住alt点击你打开的远景图的草地部分（一样的要求，不能有除了草以外的东西，即使是阴影也不行），再切换到你新建的文档，在铺好地面的图层上开始画，画之前最好复制一下铺好的图层右击图层，选择复制图层，然后在你复制的图层上画，要不保存一下也行，这么做是因为使用修复画笔重复画一个地方会造成【局部地区半透明】

，严重的会【大面积半透明】

，（两种都有图）还要注意的是你修复画笔的直径，就跟选择铅笔直径的方法一样，在文档上点击鼠标右键，然后【选择大小】

，建议选择150像素左右，然后开始在【不自然杠线】

的部位画，直到画到杠线消除。注意，画的时候不要按住鼠标左键不放的连续拖动，要一下一下的点，就像做行走图点像素一样，连续拖动可能会造成新的不自然杠线的出现，不要以为一下一下很麻烦，150像素有不小一块面积，而且也并不是全点地图，只是点地面衔接处出现的不自然杠线。寻找复制源（所谓的【复制源】

就是你在你打开的远景图上按alt点击的时候）的时候要注意，不要太死性，一定把修复画笔的直径控制在草地之内，即使小于150很多也没关系，重点是必须是一种材质。

套索默认图标.png (3.56 KB, 下载次数: 22)

套索种类选择.png (5.33 KB, 下载次数: 20)

圈住的地面.png (55.89 KB, 下载次数: 23)

作者: 冷茶 时间: 2010-9-6 19:21
第一张好漂亮

路人甲小意见..顶楼第2幅图山海图..感觉山有点浮了..—v—再细化/加重一点完美仂

作者: p7l8k90 时间: 2010-9-7 06:07
本帖最后由 p7l8k90 于 2010-9-7 06:09 编辑

恩，当你点完全图的时候，就把不自然杠线（就是那些图块强行拼接在一起所留下的边界给模糊一下）给消除了，基本上一张【草地衬底完成】

然后开始第三步，铺路……，这回铺的是主干路线，就是那种经常被人走踩出来的，或者是特意垫出来的石头路面，我这里画的就是石头路面，步骤跟铺草地一样，圈一块石头地，然后开铺，【铺出你心中，或者草图上的路线】

，然后消除杠线，最后合并可见图层，注意，合并可见图层时要隐藏草地图层，一定要。然后我细说说如何消除杠线以及草地和砖地之间的完美衔接。当你画完石头路面之后，如果觉得可以就直接处理石头与草地的衔接，如果觉得不行就用修复画笔消除杠线也可以，由于是教学，我就偷个懒，直接处理衔接了，画完石头路面，就合并可见图层（只有石头路面和草地为可见的情况下，其他均为不可见），然后把修复画笔的直径调整至15像素左右（px=像素，以后我就用px代替像素），在你打开的远景图上的草地上按alt点击取样，老规矩，纯草地啊。然后点击你新建的文档，沿着石头路边画，这回可以连续画了。【画好后】

你会发现路面和草地已经找不到太难以接受的分界线了，注意啊，在画石头路面之前一定要把草地处理到你满意的程度，如果后处理的话会很麻烦，至于如何麻烦如果有兴趣你可以试试。弄好这些就可以弄其他的东西了，花花草草啦，建筑物之类的，花花草草呢你最好有一些现成的遮挡图，如果没有那就用修复画笔也可以，建筑物，建议你自己抠图取，抠图的方法要是不会的话就等一下，我会在以后说明。如果你觉得全都弄好了，就隐藏地面图层，然后合并花花草草建筑物等等，然后保存成【远景_2】

（你把房子留下来合并可见图层后在处理一下房子和草地的衔接保存【远景】

（主远景图，就是除了远景2以外的那个）也可以。最后进行游戏测试，修剪远景_2（这是为了处理一些在不该遮挡的地方而被遮挡的问题，相信使用双远景的都出现过此类问题），然后一张简单的自创城镇远景就完成了。至于村庄上那些树，就是存使用修复画笔弄得，随便找一大片树然后不间断的画，必须全是树叶，画到你想要的面积（如果一次画不了那么多，就新建图层，然后接着画，直到画够了以后，合并可见图层，处理杠线），再在底下修复画笔一些树根子，有需要的可以画树干。至于那个房子，完全就是抠图抠下来的，（原先的房子不很完美，你和仙剑2余杭镇对比一下，我那个房子原先是有树叶子等等东西的，后来放大了几倍倍，修复画笔，原点是那个房子上类似或相同的部分，然后修复就ok了）{由于我这是教程，所以比较偷懒……大家可千万别地啊，否则画出来的效果不会好的，我这个树都没有认真处理，本来现成遮挡图里面就有一个整树，但是来懒劲了就没认真拼，建议你们认真拼一下……还有，房子那里可以弄出阴影的，以后教给大家。好了，城镇的远景就到这里了，敬请期待迷宫远景。}

作者: 冷茶 时间: 2010-9-7 06:20
半夜没啥心情爬起来..（-3-我不是德古拉..可是我的白天是从北京时间11点开始的……）

睡不着了于是在你的图上画了蛇脚—。—加深了一点>_<我不知道能不能诠释明白我的意思..
我觉得我想表达的估计是这样（语言表达无能..我是粗娘-.-b）..如果我错了，还望继续交流指导—3—

作者: wxx45600 时间: 2010-9-7 09:19
看到是纳米盘。。我被吓走了

作者: 邪恶滴哆啦 时间: 2010-9-7 11:28
画的真漂亮，那张草图...

作者: p7l8k90 时间: 2010-9-7 11:41
回复冷茶的帖子
完全没有错误！你那个画法正好给了我启发！我这张远景是以仙剑1某码头取材的，那个码头是一副波涛汹涌的景象，但我这个远景看上去并不波涛汹涌，你后填上去的部分更能表现出水质的清澈！很牛逼的想法！偶支持！由于本人巨懒，所以直接采用你修改过的那个远景了，不过放心，偶会注明这张远景是你做了最后修改的，谢谢关注！

作者: 冷茶 时间: 2010-9-7 12:08
-。-回笼觉睡醒完毕。

你喜欢就好—3—粗娘很感动..

作者: p7l8k90 时间: 2010-9-9 11:42
本帖最后由 p7l8k90 于 2010-9-23 08:38 编辑

这个教程要现做，由于第一个教程是事先做好的，所以几下子就弄上去了，而这个就不那么容易了，更新进度将会很慢……请诸位多多包涵……正文。
本次教学用到的两张远景图。凤巢3

，武林群侠传乐山去路

。老规矩，还是那几个工具，步骤稍有不同。由于本人巨懒，就不画草图了，想到哪画到哪吧，此次取材对象是梦幻西游的凤巢和武林群侠传的乐山大佛哪里……老规矩，铺路并消除杠线。看下【衬底】

（事实上，这底下还有个【超级衬底】

，这个衬底的作用除了让画面看起来更充实一些意外就没有其他什么作用了，不喜欢不放也可以，把这个衬底图层放在【第2衬底的下面】

，切记！）{所谓的超级沉底就是rmxp自带远景图中的一个，原来的大小是640*640，后被我调整图像大小成768*960（这是我新建的文档的大小），如果不需要这层衬底也可以不要，我这个就是因为需要}，然后就是【消除杠线后的第二衬底】

（将修复画笔调整到适当大小，在你新建的文档上点出一块面积，然后在调整你新建文档上点出面积的大小，从新取材，以此类推会加快很多速度。还有，可能你的修复画笔直径越大，越不容易出现半透明区域。我不敢肯定，不过差不多。）然后选择衬底2，最好你能看到全局，如果你新建的远景实在太大，那就用放大镜缩放吧，直到缩放到你能看到全局为止，然后用【圈环套索工具圈出一块地方】

，圈好后按delete按键或者回格键（删除键）

，这样，大体区域就划分完成，然后再用圈环套索圈并删除，你就会得到你想要的迷宫，我这是教学，所以就简单点

，好了，这个地面切割完，我们开始铺另一种路面，当然，你可以直接把这个路面处理完成，不过为了华丽点，我就接个别的路面了，以下为武林群侠传去往乐山大佛的地图。还是铺路，大约铺成这样

，还是老规矩，图形是否规整和杠线都不重要，重要的是地面中没有空白像素。除非特殊需要（比如你要画出环形的地面），之后就又是修复画笔模糊杠线。[attach]29247[/attach]，接下来是重要部分，道路描边（描边的时候按住鼠标左键，最好一拖到底，不要一下一下点，否则描出来的边会很难看。就是不能一下全描完也要尽量少接着上一笔的尾部描边，否则会半透明，如果必须要接很长就新建图层在描边，只要不半透明，一切都好说。），我会在我圈住的地方取材（修复画笔定义原点大小自定，我此次用的是27px）

。看清楚，我圈住的地方在下部，所以我也在我新建的远景上的衬底2下部描边

然后再从凤巢上部取材（不给图了），上描边，最后取圆形区域，到你新建文档上圆描边，我这个庙的不好，没关系，还有补救的机会。

事实上，衬底2的中腹部分是可以不描边的，不过为了保险起见就描一下了，描好边之后，就用圈环套索工具把地面2切割成比较规则的形状，最起码不能像原来似的棱棱角角。

，切割之后，把之移动到可以大致遮住衬底2中腹地区的部位。

，然后选择魔棒工具

，点击地面2有像素地区，容差为32，是否连续为连续。

，最后移动选区，移动到一块较大的山壁地带，

，然后右击武林乐山去路任何一处选择反向。

选好后移动选区内容（移动选区内的图像）到你新建的文档，并且与地面2的边界大致重合，然后大约剪切成这样子，

然后合并地面2与衬底2，并模糊边界（把山壁也一并合并模糊，大致方法，用修复画笔在你合并后的地面上的凤巢部分选取，然后从边界开始点，直到你自己满意为止，山壁与地面2的模糊同上，大家要记住并融汇贯通这种方法，制作远景主要用的就是这种手法，如果可以熟练灵活的运用，你就可以做任何类型的远景了，我以后还会说几种常见类型的，事实上都差不多的方法，你们看完这个以后就可以试画各种类型的场景了，如果不会的再接着看别的类型的教程。）

这步做完之后开始描边，所谓描边就是用滴管工具选取颜色较深的青色部位就是原图中山壁与地面相连接的地方，然后取色，不切换滴灌也行，按住alt然后点击深色调部分取色也可以，此时注意你的画笔样式，画笔工具

都知道吧，cs3里就是和铅笔，颜色替换工具同一目录下的，cs以下版本也应该是和铅笔同一目录的，画笔样式（不是形状）在这里调整

，单击我圈住这里会出现选项卡

，单击第二个就可以了，大小就是14px左右。透明度50%。然后沿着山壁与地面的连接处开始描边。先描出基础边（就是一条线，就像女的画唇线一样……）然后再20px左右，透明度30%，处理一下“唇线”的突出部分。（基本等于修复画笔的模糊，不同的是不会出现区域透明这种情况，注意，如果你想用这种方法替代修复画笔，劝你最好不要因为这个处理不好会让画面看起来非常不自然……尤其是大面积处理的时候，比如草地一类，弄不好就会出现单色调，额，就是看起来不想草地了，不伦不类。）

处理完之后再用加深工具

（横着看，左起第一个：修复画笔，第二个：画笔工具，第三个：仿制图章工具，第四个：历史记录画笔工具，第五个：橡皮工具，第六个：填充工具，第七个：模糊工具，第八个：加深工具。其中修复画笔/修补工具，画笔/铅笔，加深/减淡/海绵，橡皮是常用工具。）先把全体山壁都加深一下，

然后再沿着山壁和黄地面接缝处下边一点加深

，之后再沿着地面边缘往里减淡，减淡幅度不要太大，面积在50px左右，然后再从本文档山壁取色，延边加深，同样幅度不要太大，

，然后用模糊工具沿着黄地面没和山壁与凤巢地面接触的地方模糊。

作者: 莫小兮 时间: 2010-9-9 12:35
你这种方法大概算是重组素材吧，把需要的地方拼凑起来！
朽木筷子

作者: 退屈￡无聊 时间: 2010-9-11 10:10
光拼那肯定不够 - -
重点在于合理过度素材之间的冲突 - - 就像风巢那张黄色+红,很乱

不过草地那张大爱啊- - 自己先试试,如果不行就抱走你的草地范例咯 - -!
呃....其实房屋那些可以在资源提取器远景后面的桢里找的 - -

作者: p7l8k90 时间: 2010-9-11 16:34
本帖最后由 p7l8k90 于 2010-11-11 12:03 编辑

由于近期在忙自己的游戏（主要是制作音乐），所以停更了，在这里说声抱歉，其实基本方法大家都已经会了，只要不断练习变通就可以了，估计再次开更就是1年后了，感谢大家一直以来的关注！

欢迎光临 Project1 (https://rpg.blue/)