&figure&&img src=&https://pic3.zhimg.com/v2-ae4aeea449e569e78ae629_b.jpg& data-rawwidth=&1000& data-rawheight=&559& class=&origin_image zh-lightbox-thumb& width=&1000& data-original=&https://pic3.zhimg.com/v2-ae4aeea449e569e78ae629_r.jpg&&&/figure&&blockquote&&b&简评：&/b&设计师有时候会大脑一片空白缺乏灵感，这时候怎么办呢？多看！&/blockquote&&p&分享 9 个网站寻找 UI 灵感 ~&/p&&h2&&b&1. &a href=&https://link.zhihu.com/?target=http%3A//ui-patterns.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UI-patterns&/a&&/b&&/h2&&p&这个网站提供了许多优秀的 &a href=&https://link.zhihu.com/?target=https%3A//goo.gl/ibwrbG& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UI 设计&/a&模板，同时也可以和轻松找到一些常见的移动 UI 设计模版。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-7ee7cc40d69bc08fab324_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&960& data-rawheight=&615& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&https://pic1.zhimg.com/v2-7ee7cc40d69bc08fab324_r.jpg&&&/figure&&h2&&b&2. &a href=&https://link.zhihu.com/?target=https%3A//www.mockplus.com/blog/%3Fr%3Dcherry& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mockplus 博客&/a&&/b&&/h2&&p&Mockplus 博客坚持每天推荐一篇优秀的文章，关于产品设计或 UI / UX 设计，不仅可以学习丰富的行业知识和设计趋势，也能激发设计灵感。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-f9cc1b74ed9705defb5f4_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&800& data-rawheight=&542& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic3.zhimg.com/v2-f9cc1b74ed9705defb5f4_r.jpg&&&/figure&&h2&&b&3. &a href=&https://link.zhihu.com/?target=http%3A//konigi.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Konigi&/a&&/b&&/h2&&p&Konigid 专注于&a href=&https://link.zhihu.com/?target=https%3A//goo.gl/tecDyJ& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&交互设计&/a&和视觉设计范例。这里有丰富的导航资源，所以你可以很容易地找到你想要的东西。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-14b87aca6a3dbb69a5c82b0b455f9707_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1081& data-rawheight=&604& class=&origin_image zh-lightbox-thumb& width=&1081& data-original=&https://pic4.zhimg.com/v2-14b87aca6a3dbb69a5c82b0b455f9707_r.jpg&&&/figure&&h2&&b&4. QUINCE：X Patterns Explorer&/b&&/h2&&p&这是一个 Web 应用程序，可以帮助你探索无数的用户体验设计模式，如日期选择器和面板选择器等&/p&&figure&&img src=&https://pic4.zhimg.com/v2-4c42d4d7b33daf1f17d420e147fc7f5d_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&960& data-rawheight=&609& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&https://pic4.zhimg.com/v2-4c42d4d7b33daf1f17d420e147fc7f5d_r.jpg&&&/figure&&h2&&b&5. &a href=&https://link.zhihu.com/?target=http%3A//inspired-ui.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Inspired UI&/a&&/b&&/h2&&p&这个网站提供了广泛的移动用户界面设计模式，你可以看到超过 1000 个移动应用的页面截图。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-5684cedcbb646fd90a490a22ff81fa16_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1200& data-rawheight=&651& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic4.zhimg.com/v2-5684cedcbb646fd90a490a22ff81fa16_r.jpg&&&/figure&&h2&&b&6. &a href=&https://link.zhihu.com/?target=http%3A//zurb.com/patterntap& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pattern Tap&/a&&/b&&/h2&&p&这个网站基于用户界面组件的集合，允许用户创建自己的设置。现在它拥有超过 7000 个用户集。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-fbfcd8fe80f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&960& data-rawheight=&470& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&https://pic4.zhimg.com/v2-fbfcd8fe80f_r.jpg&&&/figure&&h2&&b&7. &a href=&https://link.zhihu.com/?target=http%3A//patternry.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&The UI Pattern Factory&/a&&/b&&/h2&&p&这是一个用户界面设计库。它的最大优点是可以让你分享每个项目视频来改进你的设计，找到解决方案和解决问题。一旦视频上传，Flickr 组将会有相应的记录。使用起来非常方便。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-c568cebc7a91aa_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&960& data-rawheight=&596& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&https://pic3.zhimg.com/v2-c568cebc7a91aa_r.jpg&&&/figure&&h2&&b&8. &a href=&https://link.zhihu.com/?target=https%3A//pttrns.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pttrns：移动设计&/a&&/b&&/h2&&p&Pttrns 是许多优秀的设计模式，资源和灵感的集合。如果你想拓宽思路，获得灵感，可以试试它。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-dccb28fff1eebf0d3b874f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&960& data-rawheight=&586& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&https://pic3.zhimg.com/v2-dccb28fff1eebf0d3b874f_r.jpg&&&/figure&&h2&&b&9. &a href=&https://link.zhihu.com/?target=https%3A//dribbble.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble&/a&&/b&&/h2&&p&大名鼎鼎的 Dribbble 不用多说了。每天都有许多优秀的设计师共享他们的设计，展示他们的工作、过程和当前项目。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-74d8fba7d93720c1ffbe47fde42c5380_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&960& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&https://pic4.zhimg.com/v2-74d8fba7d93720c1ffbe47fde42c5380_r.jpg&&&/figure&&p&总之，每个设计师都会有脑子一片空白的时候，此时不如放下数位板，多看看同行的优秀作品，没准灵感就在那一瞬间迸发了 ~&/p&&hr&&blockquote&&b&原文链接：&/b&&/blockquote&&ul&&li&&a href=&https://link.zhihu.com/?target=https%3A//hackernoon.com/9-best-websites-to-get-ui-inspiration-434cfb7bb318& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&9 Best Websites to Get UI Inspiration&/a&&/li&&/ul&&blockquote&&b&推荐阅读：&/b&&/blockquote&&ul&&li&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&设计灵感 | 消息界面&/a&&/li&&li&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&设计灵感 | 音乐播放器设计&/a&&/li&&li&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&设计灵感 | 用户个人主页设计&/a&&/li&&/ul&&p&极光日报，&a href=&https://link.zhihu.com/?target=https%3A//www.jiguang.cn/%3Fsrc%3Djiguangdaily%26hmsr%3D%25E6%259E%%E6%%25E6%258A%25A5%26hmpl%3D%26hmcu%3D%26hmkw%3D%26hmci%3D& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&极光开发者&/a& 的 Side Project，欢迎关注。&/p&
简评：设计师有时候会大脑一片空白缺乏灵感，这时候怎么办呢？多看！分享 9 个网站寻找 UI 灵感 ~1. 这个网站提供了许多优秀的 模板，同时也可以和轻松找到一些常见的移动 UI 设计模版。2. Mockplus 博客坚持每天推荐一篇优…
&figure&&img src=&https://pic1.zhimg.com/v2-0cf36d0eaa_b.jpg& data-rawwidth=&740& data-rawheight=&240& class=&origin_image zh-lightbox-thumb& width=&740& data-original=&https://pic1.zhimg.com/v2-0cf36d0eaa_r.jpg&&&/figure&&p&玩皮兔：「
这一次的教程将会教会你如何巧妙地创造属于自己的丛林场景，如何利用一幢石头建筑制造塔楼，并且为小仙女们创造一个世外桃源
」&/p&&blockquote&&b&效果预览图&/b&&/blockquote&&figure&&img src=&https://pic3.zhimg.com/v2-883e51824eeefd8932dfeca_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&482& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-883e51824eeefd8932dfeca_r.jpg&&&/figure&&blockquote&&b&素材&/b&&/blockquote&&p&女孩、树、仙子房、仙子1、花、背景、树2、门、树枝、葡萄藤、小路、女巫房、鸟/蝴蝶&/p&&hr&&blockquote&&b&I 怎么去构建森林的前景&/b&&/blockquote&&p&1.首先创建一个宽1500像素，高1000像素的新文档「 Ctrl+N 」&/p&&figure&&img src=&https://pic3.zhimg.com/v2-63cfd5e35f13c58b2bd492_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&415& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-63cfd5e35f13c58b2bd492_r.jpg&&&/figure&&p&按下键盘上的G以激活渐变工具，将前景色设置为白色，背景色设置为黑色。选择线性渐变，单击背景图层顶部并拖动到底部，这样就能用渐变填充整个白色画布。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-518d39c07ac8fc41e7354_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&499& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-518d39c07ac8fc41e7354_r.jpg&&&/figure&&p&2. 打开图片树，按Ctrl+G将图层放到一个组中，将该组命名为前景1，然后选择树图层，点击左上方 图层→智能对象→转换为智能对象，这将会把图层设置为智能对象图层。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-daa943d0195e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&530& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-daa943d0195e_r.jpg&&&/figure&&p&现在我们需要使用自由变换工具调整图片大小，让图片覆盖整个画布。按住Shift键并拖动下图中被标蓝的点，像这样，合理地调整位置与大小，使得树的树干占满前景的左边部分。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-2c5105babb06bff_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&496& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-2c5105babb06bff_r.jpg&&&/figure&&p&就像这样&/p&&figure&&img src=&https://pic1.zhimg.com/v2-5365640ecdd21f4fb4ec_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-5365640ecdd21f4fb4ec_r.jpg&&&/figure&&p&现在，我们需要为此图层增加一个自定义滤镜。点击 滤镜→其他→自定义。自定义滤镜的设置你可以从下图中得知&/p&&figure&&img src=&https://pic3.zhimg.com/v2-caeec0daee1d2d61cfd294ce_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&465& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-caeec0daee1d2d61cfd294ce_r.jpg&&&/figure&&p&设置完后的效果&/p&&figure&&img src=&https://pic1.zhimg.com/v2-fe88fe16a170d645a5143fff352b749c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&443& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-fe88fe16a170d645a5143fff352b749c_r.jpg&&&/figure&&p&在前景中，我们只需要树干，所以我们将会隐藏除去树干外的其余部分。为此，我们需要用到蒙版。点击 图层→图层蒙版，图层旁边就会出现一个白色的图层蒙版缩略图。使用套索工具，选中需要隐藏的部分，右键填充「 Shift+F5 」，在弹出的设置框内选择使用为颜色，用黑色进行填充，就会隐藏我们选区内的东西。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-69fe084f9a51908daa1af5_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&590& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-69fe084f9a51908daa1af5_r.jpg&&&/figure&&p&3. 复制「 Ctrl+J」前一个前景树图层，将此图层建组并命名为前景2。使用此复制图层，我们将会在画布的另一边同样添加一个树干，这与前一个步骤的过程几乎一样，不过有一件事要记住，要改变树干的形状、位置和大小，使其看起来和之前的不太一样。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d7d0e299c30d03d241c4ba_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-d7d0e299c30d03d241c4ba_r.jpg&&&/figure&&p&为另一组前景创建另一个组，新的图层组命名为更多前景。将现在的图层组放在之前的前景之下，不过步骤基本一样的。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-bb5303adf7ac1da63a305_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&443& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-bb5303adf7ac1da63a305_r.jpg&&&/figure&&p&再一次，为了最后一次前景创建新的组，命名为另一前景&/p&&figure&&img src=&https://pic3.zhimg.com/v2-fae0ea1aa6_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-fae0ea1aa6_r.jpg&&&/figure&&p&4. 打开图片背景，将图片转换为智能对象，并将其置于图层面板中的前景组之下。利用自由变换工具，调整图片大小及位置，可以参考下图&/p&&figure&&img src=&https://pic3.zhimg.com/v2-a2ceac7cf9dbbbe_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&446& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-a2ceac7cf9dbbbe_r.jpg&&&/figure&&p&为智能对象设置一个自定义的智能滤镜。自定义滤镜的步骤和第2步一样的。效果就是这样的&/p&&figure&&img src=&https://pic3.zhimg.com/v2-82a137e551798def236edc347c5ff576_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-82a137e551798def236edc347c5ff576_r.jpg&&&/figure&&p&接下来，再设一次表面模糊的智能滤镜。点击 滤镜→模糊→表面模糊。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-93aeb2ddab4_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&590& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-93aeb2ddab4_r.jpg&&&/figure&&p&为此背景图层建立一个蒙版，并模糊掉下图中被红色标记的区域。请使用非常柔软的圆刷，透明度设置为10-20%。需要模糊的区域如下&/p&&figure&&img src=&https://pic1.zhimg.com/v2-d0c2a65e79c74f29ed6f04fc_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&443& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-d0c2a65e79c74f29ed6f04fc_r.jpg&&&/figure&&p&效果应该是&/p&&figure&&img src=&https://pic1.zhimg.com/v2-e892df67e8_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-e892df67e8_r.jpg&&&/figure&&p&点击滤镜蒙版缩略图，并用 非常柔软的圆形笔刷来涂抹下图红色区域&/p&&figure&&img src=&https://pic4.zhimg.com/v2-6fcacc6aa3c5a199fa2506b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&817& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-6fcacc6aa3c5a199fa2506b_r.jpg&&&/figure&&p&5. 在这一步中，我们会利用树枝丰富前景。打开图片树2，剪裁下一部分树。使用&b&套索工具&/b&选取树的一些枝节裁剪下来，单独作为一个图层。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-edeef88cfe1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&496& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-edeef88cfe1_r.jpg&&&/figure&&p&将裁剪下来的部分添加到主画布中，将其放置在图层面板中背景图层的上方，遮盖掉一些不需要的部分。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-a0c27ad9b92ef160b2ddf4_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-a0c27ad9b92ef160b2ddf4_r.jpg&&&/figure&&p&&b&6. &/b&在这一步中，我们将会创建前景后的地面。打开图片仙子房，将之转换为智能对象，并调整其位置及大小，将此图层放在四个前景组中间。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-20e88a2413faa90a1e74c38bff842ca3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-20e88a2413faa90a1e74c38bff842ca3_r.jpg&&&/figure&&p&复制该图层「 Ctrl+J 」，点击 滤镜→滤镜库 为复制后的图层添加滤镜&/p&&figure&&img src=&https://pic1.zhimg.com/v2-cbf091e9fb48d8ca370c5dfd43b85ae0_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&673& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-cbf091e9fb48d8ca370c5dfd43b85ae0_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-80f0dc74a32be9290cad78e03ffa3523_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&692& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-80f0dc74a32be9290cad78e03ffa3523_r.jpg&&&/figure&&p&效果&/p&&figure&&img src=&https://pic1.zhimg.com/v2-a5ebbfcec9b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-a5ebbfcec9b_r.jpg&&&/figure&&p&再设置一个智能滤镜&/p&&figure&&img src=&https://pic3.zhimg.com/v2-c69d60c44c2722ae59ba_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&446& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-c69d60c44c2722ae59ba_r.jpg&&&/figure&&p&将复制图层的不透明度设置为55%，混合选项设置为正常&/p&&figure&&img src=&https://pic2.zhimg.com/v2-dc23b311a66bfa28b36519_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-dc23b311a66bfa28b36519_r.jpg&&&/figure&&p&再一次复制仙子房图层，将其混合模式设置为柔光，不透明度设置为30%。选中所有仙子房图层，按Ctrl+G建组，命名该图层组为地面&/p&&figure&&img src=&https://pic1.zhimg.com/v2-e8cb093c4bed92e7ad241cce765a0334_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-e8cb093c4bed92e7ad241cce765a0334_r.jpg&&&/figure&&p&7. 点击 图层→新建调整图层→色相/饱和度，在地面图层组内为所有仙子房图层新建一个调整图层，放置于组内最上。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-75dc9e600db2f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-75dc9e600db2f_r.jpg&&&/figure&&p&在色相/饱和度调整图层中，用笔刷涂抹红色标记区域，并将图层的混合模式设置为正常，不透明度设置为80%&/p&&figure&&img src=&https://pic4.zhimg.com/v2-bb13da4e3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&947& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-bb13da4e3_r.jpg&&&/figure&&p&8. 我们需要在地面图层组中隐藏仙子房的上半部分，毕竟只需要地面部分。正如下图所示，红色区域就是需要被遮盖、隐藏的部分，使用一个特别软的圆形笔刷涂抹该部分&/p&&figure&&img src=&https://pic2.zhimg.com/v2-a826bfaf3d1c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-a826bfaf3d1c_r.jpg&&&/figure&&p&效果大概就是这样了&/p&&figure&&img src=&https://pic3.zhimg.com/v2-22d5c603b44d59505d2ffb_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-22d5c603b44d59505d2ffb_r.jpg&&&/figure&&p&&b&II&/b& &b&怎么去搭建一个有门的石屋&/b&&/p&&p&1. 再一次打开图片 仙子房。将之从背景中裁剪出来，放在上一步完成的地面上。将房屋图层转换为智能对象。参考下图 &/p&&figure&&img src=&https://pic4.zhimg.com/v2-cb4c84c7a9f0a08b9ea2e1f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-cb4c84c7a9f0a08b9ea2e1f_r.jpg&&&/figure&&p&2.同样，房屋也会有与给之前的智能对象差不多的智能滤镜。这次的设定为&/p&&figure&&img src=&https://pic1.zhimg.com/v2-8ab8b88b5bb58d463a9d14_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&671& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-8ab8b88b5bb58d463a9d14_r.jpg&&&/figure&&p&又一次相同设置的自定义滤镜&/p&&figure&&img src=&https://pic3.zhimg.com/v2-c580eeabf33386ec49eef16_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&319& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-c580eeabf33386ec49eef16_r.jpg&&&/figure&&p&也别忘了表面模糊&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ccf46f6ad4deebffedec1f2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&781& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-ccf46f6ad4deebffedec1f2_r.jpg&&&/figure&&p&滤镜效果如下&/p&&figure&&img src=&https://pic2.zhimg.com/v2-4c7d96f474e2ec2d57a44cd751c4bc99_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&452& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-4c7d96f474e2ec2d57a44cd751c4bc99_r.jpg&&&/figure&&p&我们需要减弱智能滤镜对石屋的影响，点击智能滤镜蒙版缩略图，同样的柔软圆刷涂抹红色区域&/p&&figure&&img src=&https://pic1.zhimg.com/v2-e3957873eda8db2da73bd3e8fb76457c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&898& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-e3957873eda8db2da73bd3e8fb76457c_r.jpg&&&/figure&&p&最后，为石屋图层建立一个图层蒙版，使用与之前同样的方法模糊石屋图层的边缘，使之融合于背景中。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-add2eb3e3eddbc4845a75_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&452& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-add2eb3e3eddbc4845a75_r.jpg&&&/figure&&p&3. 在这一步中，我们将会进一步完化石屋的形状。为此，抠出石屋顶部，并通过变形改变它的形状&/p&&figure&&img src=&https://pic3.zhimg.com/v2-605b2913cae1bda7bc2bb416c0f94466_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-605b2913cae1bda7bc2bb416c0f94466_r.jpg&&&/figure&&p&将之移动到石屋顶部&/p&&figure&&img src=&https://pic2.zhimg.com/v2-061dddffb075e6906f6abd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&465& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-061dddffb075e6906f6abd_r.jpg&&&/figure&&p&同样的模糊化顶部的边缘，使之于石屋主体融合。完成后，将石屋的图层建立图层组，命名为石屋主体&/p&&figure&&img src=&https://pic2.zhimg.com/v2-efc748beb44e51baadd5cecb43c10f05_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&479& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-efc748beb44e51baadd5cecb43c10f05_r.jpg&&&/figure&&p&4. 在这一步中，我们将会为石屋加上一扇门。打开图片女巫房，根据门的位置和大小调整图片，确保这一图层在石屋主体图层组中是在最上方&/p&&figure&&img src=&https://pic4.zhimg.com/v2-77d04dd59abcc02ded9d5acc8263362f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&459& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-77d04dd59abcc02ded9d5acc8263362f_r.jpg&&&/figure&&p&同样的道理，遮盖掉不需要的部分只留下门&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ef5a8b9dd42e9decabcd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&471& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-ef5a8b9dd42e9decabcd_r.jpg&&&/figure&&p&门的部分稍稍有些暗，我们需要让它更亮一些。步骤是：在图层组内最上方新建图层「Ctrl+Shift+N 」。为此图层创建一个剪贴蒙版。用50%灰色填充新图层，混合模式设置为叠加，不透明度设置为100%。同样是柔软的圆形笔刷，用白色涂抹需要变亮的地方。在混合模式为正常时，图片看起来是这样的&/p&&figure&&img src=&https://pic2.zhimg.com/v2-1ba8b4dd239aec51bbc679_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&468& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-1ba8b4dd239aec51bbc679_r.jpg&&&/figure&&p&混合模式设置为&b&叠加&/b&，不透明度&b&100%&/b&后是这样的&/p&&figure&&img src=&https://pic2.zhimg.com/v2-4eb390cfeb4fb253fcfc48d_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&468& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-4eb390cfeb4fb253fcfc48d_r.jpg&&&/figure&&p&5. 现在我们需要突出石屋。在石屋主体图层组内，在最上方新建一个图层，并创建剪贴蒙版。确认一下，前景色为白色。按键盘上的B激活画笔工具，还是十分柔软的圆形笔刷，不透明度设置为10-20%，沿着石屋边缘涂一圈，使之更突出。效果图如下&/p&&figure&&img src=&https://pic1.zhimg.com/v2-2adf5659148_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&474& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-2adf5659148_r.jpg&&&/figure&&p&最后一步，为了使石屋整体更加和谐，将石屋主体图层组的不透明度降低到75-80%&/p&&figure&&img src=&https://pic3.zhimg.com/v2-207b6544cbd8e574f3efe_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&441& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-207b6544cbd8e574f3efe_r.jpg&&&/figure&&h2&&b&Step 6&/b&&/h2&&p&现在我们要为整个场景加一条小路了。打开图片小路，根据小路的大小及位置调整整张图片&/p&&figure&&img src=&https://pic2.zhimg.com/v2-fe845beda5d65_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&446& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-fe845beda5d65_r.jpg&&&/figure&&p&还是与之前一样的操作，隐藏图片除小路外其他部分&/p&&figure&&img src=&https://pic1.zhimg.com/v2-315df11dd584f02a1a0aee2be4bad288_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&446& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-315df11dd584f02a1a0aee2be4bad288_r.jpg&&&/figure&&p&7. 为了营造出来自后方光源点的强光照射在前景的效果，我们需要在前景添加一些亮点。回到前景1图层组，组内最上方新建一个图层及其剪贴蒙版，命名为高亮。选择一个很柔软的不透明度为10-20%圆形笔刷，选中此图层的情况下，在下图所示箭头所指区域绘制上柔和的白色&/p&&figure&&img src=&https://pic1.zhimg.com/v2-ed1e16dde54f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&495& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-ed1e16dde54f_r.jpg&&&/figure&&p&前景的其他地方也需要一些光点&/p&&figure&&img src=&https://pic3.zhimg.com/v2-abe010d47e14d4ab7a3924bcca352b5e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&440& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-abe010d47e14d4ab7a3924bcca352b5e_r.jpg&&&/figure&&blockquote&&b&III 怎么去搭建一个树屋&/b&&/blockquote&&p&1. 这一步我们会添加一个树屋！具体步骤就如下了。首先，再一次打开图片仙子房，利用套索工具，裁剪出我们需要的部分：树干&/p&&figure&&img src=&https://pic2.zhimg.com/v2-cc96e0f9abd1f6ba823c97d143cd1ed9_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&567& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-cc96e0f9abd1f6ba823c97d143cd1ed9_r.jpg&&&/figure&&p&此外，打开图片花园，裁剪出下图标记的图形&/p&&figure&&img src=&https://pic4.zhimg.com/v2-9bd6fbc8f07d2b5b447657f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&499& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-9bd6fbc8f07d2b5b447657f_r.jpg&&&/figure&&p&接着再打开图片门，试着跟着下图将门裁剪成这个形状&/p&&figure&&img src=&https://pic2.zhimg.com/v2-1a9b31bffeb34ce873585_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-1a9b31bffeb34ce873585_r.jpg&&&/figure&&p&2. 准备好树屋的原材料之后，在这一步中我们就要组合树屋了。首先将第一个裁剪出来的树干拖入主画布中，调整大小和位置&/p&&figure&&img src=&https://pic3.zhimg.com/v2-18d1a6ddbdc_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&485& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-18d1a6ddbdc_r.jpg&&&/figure&&p&然后，为树屋加上门。点击 图层→图层样式→斜面和浮雕，为门的图层添加图层样式&/p&&figure&&img src=&https://pic1.zhimg.com/v2-eeaf1e1d088_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&989& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-eeaf1e1d088_r.jpg&&&/figure&&p&最后，为了让树屋更好看，我们在加上一些葡萄藤。选择前面所有的树屋图层，按&b&Ctrl+G&/b&建立图层组。这一步效果是这样的&/p&&figure&&img src=&https://pic1.zhimg.com/v2-d71b6b1fdc64a2ce3ff8_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&961& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-d71b6b1fdc64a2ce3ff8_r.jpg&&&/figure&&p&为了呼应前面的后方强光源，树屋也需要一些光点。请参考第15步是怎么操作的&/p&&blockquote&&b&IV 怎么去完整、丰富场景&/b&&/blockquote&&figure&&img src=&https://pic1.zhimg.com/v2-09ad20a11c64c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-09ad20a11c64c_r.jpg&&&/figure&&p&同理，远景中也需要一些石屋&/p&&figure&&img src=&https://pic4.zhimg.com/v2-7ad5d2f6673a23abb01a31d8ea080797_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&453& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-7ad5d2f6673a23abb01a31d8ea080797_r.jpg&&&/figure&&p&2. 最中间的石屋后面仍然有很多空着的地方。在这一步中，我们将会丰富这些地方。利用前景中用到的图像，我们就能让远景更加丰富。复制「 Ctrl+J 」前景图层，四个前景图层组中的任一图层都可选择。复制了之后，将图层放在渐变背景图层上方，调整大小及位置，同样通过蒙版来隐藏不需要的部分，混合模式为正常，不透明度为65%&/p&&figure&&img src=&https://pic2.zhimg.com/v2-2d42f08e6f40cf40d2bb29_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&442& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-2d42f08e6f40cf40d2bb29_r.jpg&&&/figure&&p&另一边也添加一个这样的背景，不过不透明度为30%&/p&&figure&&img src=&https://pic2.zhimg.com/v2-cd9975cec8edf0cc5e925_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&442& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-cd9975cec8edf0cc5e925_r.jpg&&&/figure&&p&我们基本上完成了构建。在这一步中，我们将会添加鲜花来增强场景的童话气息。如下图所示，你就知道我在那里放上了花，不过，放在其他地方也是可以的&/p&&figure&&img src=&https://pic1.zhimg.com/v2-71dbf4f9dbaa6f617c084_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&479& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-71dbf4f9dbaa6f617c084_r.jpg&&&/figure&&p&仙子和蝴蝶登场了!仙子也需要一些光点，步骤如前至于蝴蝶，不透明度可以在45-60&b&%&/b&间渐变&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ccd58ec5e6e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&470& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-ccd58ec5e6e_r.jpg&&&/figure&&p&4. 新建一个图层，在这一图层中，我们将会在仙子脚下画上一些柔和的光。按B再次激活画笔工具，依旧是柔软的圆形笔刷，将不透明度设置为10-20%，在仙子脚下点一些白光&/p&&figure&&img src=&https://pic3.zhimg.com/v2-4adaad3389e7afbac6734e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&570& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-4adaad3389e7afbac6734e_r.jpg&&&/figure&&p&再新建一个图层，用黑色填充整个图层，将其混合模式设置为颜色减淡，不透明度设置为100%。在此图层内，使用柔软圆刷，为前景区域点上白色光点，注意笔刷的大小要在1-5间变化，不透明度则是在60-100%之间&/p&&figure&&img src=&https://pic1.zhimg.com/v2-2e9ad549a8aa_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-2e9ad549a8aa_r.jpg&&&/figure&&p&图层混合模式改成颜色减淡后的效果如下&/p&&figure&&img src=&https://pic2.zhimg.com/v2-8d9181fab5092466fdfec95fbfa67db1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-8d9181fab5092466fdfec95fbfa67db1_r.jpg&&&/figure&&p&5. 我决定再前景的树上加上一些门，增强童话世界的感觉。那么首先，我们需要复制树屋组中的门图层，复制多少、放在哪里以及大小，根据你的需要决定。最后记得给他们加上一些光点&/p&&figure&&img src=&https://pic3.zhimg.com/v2-1ff17d6eb234deaae5bd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&446& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-1ff17d6eb234deaae5bd_r.jpg&&&/figure&&p&如果再加上一只鸟，效果就是这样了&/p&&figure&&img src=&https://pic4.zhimg.com/v2-880e11ab7480eadc2a8787_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-880e11ab7480eadc2a8787_r.jpg&&&/figure&&p&为了完整整个图片，我们将添加最后的对象：一个正在偷看的女孩。打开图片女孩，裁剪出主体，添加至主画布中&/p&&figure&&img src=&https://pic4.zhimg.com/v2-b945be7ff85398eaf5347_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-b945be7ff85398eaf5347_r.jpg&&&/figure&&p&在女孩图层上再新建一个图层，及其剪贴蒙版。在此图层，为女孩的下半身和手臂上涂上柔和的黑色，营造出阴影的感觉，命名此图层为阴影&/p&&figure&&img src=&https://pic3.zhimg.com/v2-88d4ae0bbef69a09eda8f9e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-88d4ae0bbef69a09eda8f9e_r.jpg&&&/figure&&blockquote&&b&V 最后一步的调整与操作&/b&&/blockquote&&p&在这一步中，我们将会通过调整颜色来调控情景的氛围。首先，点击 图层→新建调整图层→通道混合器。依照下图的设置进行操作，同样的，通过蒙版、刷来隐藏调整图层对标红区域的影响，始终使用柔软圆刷。图层的不透明度设置为86%&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ddd815a1d828cbda828ed_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&690& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-ddd815a1d828cbda828ed_r.jpg&&&/figure&&p&新建调整图层：照片滤镜&/p&&figure&&img src=&https://pic4.zhimg.com/v2-bddd1ebc5d18f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&673& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-bddd1ebc5d18f_r.jpg&&&/figure&&p&新建调整图层：曲线&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ee9b7cccab6a21fa5ec02a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&525& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-ee9b7cccab6a21fa5ec02a_r.jpg&&&/figure&&p&复制曲线图层，隐藏下图中的标红部分&/p&&figure&&img src=&https://pic1.zhimg.com/v2-ee379685aeb378c6f6f78_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-ee379685aeb378c6f6f78_r.jpg&&&/figure&&p&再一次，新建调整图层：自然饱和度&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ad181cbfc50ea86a6dafdd82_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-ad181cbfc50ea86a6dafdd82_r.jpg&&&/figure&&p&最后一次，新建调整图层：色彩平衡&/p&&figure&&img src=&https://pic4.zhimg.com/v2-d5fcd29005c7fbcd0fdcf_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&595& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-d5fcd29005c7fbcd0fdcf_r.jpg&&&/figure&&p&太棒了!这就是调整后的效果&/p&&figure&&img src=&https://pic4.zhimg.com/v2-77c38fa249ace4dbe32cf_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&440& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-77c38fa249ace4dbe32cf_r.jpg&&&/figure&&p&2. 在最后一步中，我们将会对所有图层进行盖印。确定选中了位于最上方的图层，按键Ctrl+Shift+Alt+E，就能将将所有可见图层盖印至这一图层中。将此盖印图层转换为智能对象。然后点击 滤镜→其他→高反差保留&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ceabf6be9a72039_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&1291& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-ceabf6be9a72039_r.jpg&&&/figure&&p&然后将光标放在高反差保留上，右键单击以显示命令选项框&/p&&figure&&img src=&https://pic1.zhimg.com/v2-e4b7df9cde795a208fdb9c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&328& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic1.zhimg.com/v2-e4b7df9cde795a208fdb9c_r.jpg&&&/figure&&p&选项框出现后，点击编辑智能滤镜混合选项，模式设置为滤色，不透明度设置为17%&/p&&figure&&img src=&https://pic4.zhimg.com/v2-6d73d06b87badedb2ded63c7602efab3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&1046& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-6d73d06b87badedb2ded63c7602efab3_r.jpg&&&/figure&&p&效果图&/p&&figure&&img src=&https://pic2.zhimg.com/v2-c9f4b2ba35e47d6e04b25b1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&440& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-c9f4b2ba35e47d6e04b25b1_r.jpg&&&/figure&&p&最后，我们同样也会隐藏高反差保留对于标红区域的影响。和之前一样，单击智能滤镜缩略图，用笔刷涂抹下图中标红的区域&/p&&figure&&img src=&https://pic2.zhimg.com/v2-bc5ce58c82025b8cfe775071_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&592& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic2.zhimg.com/v2-bc5ce58c82025b8cfe775071_r.jpg&&&/figure&&p&就这样，我们完成了！最后的效果图&/p&&figure&&img src=&https://pic4.zhimg.com/v2-c644ae33cc3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&440& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic4.zhimg.com/v2-c644ae33cc3_r.jpg&&&/figure&&p&不过我决定略微调整下大小，最后是这样的&/p&&figure&&img src=&https://pic3.zhimg.com/v2-2d693bbf7bd79fb8213e98a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&660& data-rawheight=&470& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-2d693bbf7bd79fb8213e98a_r.jpg&&&/figure&&p&看完这篇教程你心动了么，兔兔为你准备了小道具哦！（素材），这下你也可以建造属于自己的“世外桃源了”&/p&&p&素材链接：&a href=&http://link.zhihu.com/?target=https%3A//pan.baidu.com/share/init%3Fsurl%3DpKApJf1& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&云网盘&/a&；&/p&&p&提取码：02t4&/p&
玩皮兔：「 这一次的教程将会教会你如何巧妙地创造属于自己的丛林场景，如何利用一幢石头建筑制造塔楼，并且为小仙女们创造一个世外桃源 」效果预览图素材女孩、树、仙子房、仙子1、花、背景、树2、门、树枝、葡萄藤、小路、女巫房、鸟/蝴蝶I 怎么去构建森…
&figure&&img src=&https://pic3.zhimg.com/v2-85c14dea6d601e00cf9e026f577ab982_b.jpg& data-rawwidth=&660& data-rawheight=&470& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&https://pic3.zhimg.com/v2-85c14dea6d601e00cf9e026f577ab982_r.jpg&&&/figure&&p&音乐短视频类app逐渐成为年轻人热衷的手机必备app，代表了一种时尚和新潮，大众化的体验能够使得每个人都能轻易拍出想与其他人分享的视频，抖音app在短视频类app中，以酷炫的页面、拍摄视频时可自动调整的节奏感、新潮的拍摄风格和视频配乐，令众多年轻人喜爱。据2017上半年《中国短视频市场研究报告》数据显示，移动短视频用户规模不断扩大，预计年底将达到2.42亿人，增长率为58.2%。&/p&&p&本次分享的就是「抖音短视频」app的高低保真原型，除基础的&b&「登录注册」、「推荐」、「附近」、「发现」、「消息」、「个人主页」、「选择音乐」、「上传视频」、「拍摄故事」、「搜索音乐」、「搜索话题」、「挑战详情」、「邀请好友」、「他人主页」&/b&等页面，还有较为独特的宫格组件和布局排版，图标排布的页面布局、带有滤镜切换的交互效果、美颜拍摄道具交互效果、时间特效等等。&/p&&p&除了做短视频app的童鞋，做直播类app、自由小众化app的也不要错过啦！&/p&&p&&br&&/p&&blockquote&&b&高低保真对比原型展示&/b&&/blockquote&&figure&&img src=&https://pic2.zhimg.com/v2-8bea033d9c4b885b4fa9_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&2560& data-rawheight=&4537& class=&origin_image zh-lightbox-thumb& width=&2560& data-original=&https://pic2.zhimg.com/v2-8bea033d9c4b885b4fa9_r.jpg&&&/figure&&p&&br&&/p&&p&预览一波gif——&/p&&figure&&img src=&https://pic4.zhimg.com/v2-f9e33c7757cdea63e123f7af_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&662& data-rawheight=&828& data-thumbnail=&https://pic4.zhimg.com/v2-f9e33c7757cdea63e123f7af_b.jpg& class=&origin_image zh-lightbox-thumb& width=&662& data-original=&https://pic4.zhimg.com/v2-f9e33c7757cdea63e123f7af_r.jpg&&&/figure&&p&手动预览完整原型可以点击这里→ &a href=&https://link.zhihu.com/?target=http%3A//www.xiaopiu.com/h5/byId%3Ftype%3Dproject%26id%3D59f1cce4eeb9a8& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&xiaopiu - 抖音短视频&/a&&/p&&p&&br&&/p&&blockquote&&b&高保真组件库展示&/b&&/blockquote&&figure&&img src=&https://pic4.zhimg.com/v2-cbf1bddf1bdb082c99fc0daf_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1440& data-rawheight=&1300& class=&origin_image zh-lightbox-thumb& width=&1440& data-original=&https://pic4.zhimg.com/v2-cbf1bddf1bdb082c99fc0daf_r.jpg&&&/figure&&p&&br&&/p&&blockquote&&b&利用组件库搭建页面&/b&&/blockquote&&p&在精选广场的&b&组件库&/b&里搜索 &b&抖音短视频&/b& ，在搜索出的组件库右下角点击&b&「引用为我的公用库」&/b&&/p&&p&（或者直接简单粗暴的戳这里→&a href=&https://link.zhihu.com/?target=http%3A//www.xiaopiu.com/square/contr%3FsearchText%3D%25E6%258A%%259F%25B3& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&xiaopiu - 搜索「抖音短视频」&/a&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-f9a0f3c0ebe5a69ecffe71ef_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1241& data-rawheight=&659& class=&origin_image zh-lightbox-thumb& width=&1241& data-original=&https://pic1.zhimg.com/v2-f9a0f3c0ebe5a69ecffe71ef_r.jpg&&&/figure&&p&&br&&/p&&p&也可以直接点击这里→&a href=&https://link.zhihu.com/?target=http%3A//www.xiaopiu.com/square/contr%3FsearchText%3D%25E6%258A%%259F%25B3%26libPop%3Dcontr%26libId%3D5a1ccf4ec5cdf040d0d5afd5& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&xiaopiu -
抖音短视频组件库&/a&&/p&&p&之后点击右上角的&b&「引用按钮」&/b&~&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cdc1b9ec0_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1431& data-rawheight=&854& class=&origin_image zh-lightbox-thumb& width=&1431& data-original=&https://pic4.zhimg.com/v2-cdc1b9ec0_r.jpg&&&/figure&&p&&br&&/p&&p&如上图所示，点击引用后，组件库即成为自己的引用资源（库内的资源也会实时更新），大家可在项目中使用，快速搭建自己的页面：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-5ca5b211beade63a38273_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1440& data-rawheight=&900& data-thumbnail=&https://pic4.zhimg.com/v2-5ca5b211beade63a38273_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1440& data-original=&https://pic4.zhimg.com/v2-5ca5b211beade63a38273_r.jpg&&&/figure&&p&&br&&/p&&blockquote&&b&资源地址&/b&&/blockquote&&p&高保真原型地址→ &a href=&https://link.zhihu.com/?target=http%3A//www.xiaopiu.com/h5/byId%3Ftype%3Dproject%26id%3D59f1cce4eeb9a8& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&xiaopiu - 抖音短视频&/a&&/p&&p&低保真原型地址→ &a href=&https://link.zhihu.com/?target=http%3A//www.xiaopiu.com/h5/byId%3Ftype%3Dproject%26id%3D5a1cddb7c5cdf040d0d5b0f8& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&xiaopiu - 抖音短视频-低保真&/a&&/p&&p&高保真页面库地址→ &a href=&https://link.zhihu.com/?target=http%3A//www.xiaopiu.com/square/page%3FsearchText%3D%25E6%258A%%259F%25B3%26libPop%3Dpage%26libId%3D5a1cd2cfc5cdf040d0d5b010& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&xiaopiu - 抖音短视频高保真页面库&/a&&/p&&p&低保真页面库地址→ &a href=&https://link.zhihu.com/?target=http%3A//www.xiaopiu.com/square/page%3FsearchText%3D%25E6%258A%%259F%25B3%26libPop%3Dpage%26libId%3D5a1cf063eebf5fff& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&xiaopiu - 抖音短视频低保真页面库&/a&&/p&&p&高保真组件库地址→ &a href=&https://link.zhihu.com/?target=http%3A//www.xiaopiu.com/square/contr%3FsearchText%3D%25E6%258A%%259F%25B3%26libPop%3Dcontr%26libId%3D5a1ccf4ec5cdf040d0d5afd5& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&xiaopiu -
抖音短视频组件库&/a&&/p&&p&&br&&/p&&blockquote&&b&其他资源分享&/b&&/blockquote&&p&更多资源详见专栏：&a href=&https://zhuanlan.zhihu.com/xiaopiu& class=&internal&&xiaopiu工坊&/a&&/p&&p&或直接访问我们的网站：&a href=&https://link.zhihu.com/?target=http%3A//www.xiaopiu.com/square& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&xiaopiu-精选广场&/a&&/p&&p&&br&&/p&&p&欢迎大家对我们的原型提出建议，对后面分享内容有哪些期待和想法也可以跟我们交流哟！_(:?」∠)_&/p&
音乐短视频类app逐渐成为年轻人热衷的手机必备app，代表了一种时尚和新潮，大众化的体验能够使得每个人都能轻易拍出想与其他人分享的视频，抖音app在短视频类app中，以酷炫的页面、拍摄视频时可自动调整的节奏感、新潮的拍摄风格和视频配乐，令众多年轻人喜…
&figure&&img src=&https://pic3.zhimg.com/v2-776e38d69b71d89ff5b8e239e80071e4_b.jpg& data-rawwidth=&1289& data-rawheight=&752& class=&origin_image zh-lightbox-thumb& width=&1289& data-original=&https://pic3.zhimg.com/v2-776e38d69b71d89ff5b8e239e80071e4_r.jpg&&&/figure&&p&第一次在知乎上写文章....写点什么好呢，我觉得来一波PS骚操作再合适不过啦~&/p&&p&&b&敲黑板！你现在看到的极有可能是全网3D Map Generator-Terrain 插件的首篇中文介绍！&/b&&/p&&p&&b&转载请注明出处，谢谢！&/b&&/p&&p& 在网上搜遍了关于这款插件的所有信息，国内有关这款插件的信息非常少，仅有几个还都是GEO版本的，但真正对规划专业学生有用的是Terrain版，看知乎里甚至是国内的网站上现在还没有人写过关于这款插件的详细介绍，这么冷门的插件当然要我来刨出来分享啦~&/p&&p&
做规划的同学都知道，做地形无非就是靠CAD，SU，GIS，Rhino这些软件互相配合就可以生成了，但是你见过用PS插件来完成的吗？那渲染般的阴影，还可以放入精致的icons，甚至包括云，尺寸标注，小房子，树木，动物，人，车等等增添图面效果的表达方式，「这种趋势有从UI设计那边山头吹过来的阵势」，让人眼前一亮的图面表达在规划的方案汇报中占有了越来越重要的位置，新颖的表现给方案加分，其实做出来不难，这款插件或许能够帮到你&b&，因为这一切的操作完全就可以在PS一个软件中完成&/b&。重点是，他的操作真的非常的简单。&/p&&p&
插件实现的方式脑洞也很大，它的特别也很明显，就是做出来的效果的确不错，生成的原理也很新颖，BUT......它没有破解版，更没有汉化版，而且你最好自备一个梯子，因为他的网站包括在线服务都是需要翻墙的，其次，Envato的交易平台仅支持PayPal交易，这款插件的价格21美金约合140软妹币，价格虽然不算贵，但你若没有带visa mastercard的双币信用卡，那购买将是件非常困难的事情。不过真的还是希望大家支持正版。&/p&&p&官网走一波——&a href=&http://link.zhihu.com/?target=http%3A//www.3d-map-generator.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&3D Map Generator&/a&&/p&&p&下面简单放几张&a href=&http://link.zhihu.com/?target=http%3A//www.3d-map-generator.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&3D Map Generator&/a&做出来的效果图&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-12ada0f82d184ae39778_b.jpg& data-rawwidth=&1021& data-rawheight=&740& class=&origin_image zh-lightbox-thumb& width=&1021& data-original=&https://pic1.zhimg.com/v2-12ada0f82d184ae39778_r.jpg&&&figcaption&3D Map Generator制作的高程图&/figcaption&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-2ed_b.jpg& data-rawwidth=&1019& data-rawheight=&736& class=&origin_image zh-lightbox-thumb& width=&1019& data-original=&https://pic2.zhimg.com/v2-2ed_r.jpg&&&figcaption&3D Map Generator制作的火山结构图&/figcaption&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-885d69f385c81ed33e8451efea73c576_b.jpg& data-rawwidth=&1018& data-rawheight=&746& class=&origin_image zh-lightbox-thumb& width=&1018& data-original=&https://pic3.zhimg.com/v2-885d69f385c81ed33e8451efea73c576_r.jpg&&&figcaption&3D Map Generator制作的路线图&/figcaption&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-6e2e04e04f1f9e45ef3de729def48536_b.jpg& data-rawwidth=&1007& data-rawheight=&725& class=&origin_image zh-lightbox-thumb& width=&1007& data-original=&https://pic3.zhimg.com/v2-6e2e04e04f1f9e45ef3de729def48536_r.jpg&&&figcaption&3D Map Generator制作的三维地图&/figcaption&&/figure&&p&那么现在就有请PS骚操作的猪脚----3D Map Generator&/p&&p&&br&&/p&&p&拿什么来举栗子呢，就拿最近看到的这篇来举栗吧
&a href=&https://www.zhihu.com/question/& class=&internal&&有哪些世界地理冷知识？&/a&&/p&&p&博主我一直喜欢小岛这类奇怪的东西（我自己也生活在中国第二大岛上哈哈），但是那种几乎无人的小岛却有种神秘的向往，这条知乎的高票问答很明显吸引到了我，所以就拿其中里面讲的一个小岛，这个小岛它叫做Tristan Da Cunha（特里斯坦-达库尼亚）来做今天的骚操作演示吧~&/p&&figure&&img src=&https://pic4.zhimg.com/v2-f1eb61cf390b5bd7e5be4f_b.jpg& data-caption=&& data-rawwidth=&671& data-rawheight=&648& class=&origin_image zh-lightbox-thumb& width=&671& data-original=&https://pic4.zhimg.com/v2-f1eb61cf390b5bd7e5be4f_r.jpg&&&/figure&&p&插件购买后首先是安装了，很多人说不知道如何安装：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-e6c0fd7a1ce5ab09b08b09b78fc53ae9_b.jpg& data-rawwidth=&498& data-rawheight=&793& class=&origin_image zh-lightbox-thumb& width=&498& data-original=&https://pic2.zhimg.com/v2-e6c0fd7a1ce5ab09b08b09b78fc53ae9_r.jpg&&&figcaption&第一步&/figcaption&&/figure&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-1c061ea52bad7b_b.jpg& data-rawwidth=&453& data-rawheight=&353& class=&origin_image zh-lightbox-thumb& width=&453& data-original=&https://pic2.zhimg.com/v2-1c061ea52bad7b_r.jpg&&&figcaption&第二步&/figcaption&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-e1b5df36579_b.jpg& data-rawwidth=&979& data-rawheight=&378& class=&origin_image zh-lightbox-thumb& width=&979& data-original=&https://pic2.zhimg.com/v2-e1b5df36579_r.jpg&&&figcaption&第三步&/figcaption&&/figure&&p&然后就安装成功啦！&/p&&p&&br&&/p&&p&这就是3D Map Generator插件的主界面了，开发商Orange Box大家可能还比较陌生，的确，不论谷歌还是度娘搜出来的都是CS游戏，但偏偏是一个名不见经传的插件公司，竟然做出这种脑洞产品，简直汗颜，原来PS还有这种打开方式？&/p&&figure&&img src=&https://pic4.zhimg.com/v2-7d9a5b6fad86d_b.jpg& data-caption=&& data-rawwidth=&302& data-rawheight=&580& class=&content_image& width=&302&&&/figure&&p&插件的主界面已经告诉了我们这货就是用来做地形可视化的，那么我们先使用第一个，「Find Real Location」，就打开了一个全球高程栅格图，来找找「Tristan Da Cunha」小岛的位置吧，在搜索框中输入地名，即可转到该位置啦！&/p&&figure&&img src=&https://pic1.zhimg.com/v2-bf93e62b2c64d9019f2c_b.jpg& data-caption=&& data-rawwidth=&1914& data-rawheight=&886& class=&origin_image zh-lightbox-thumb& width=&1914& data-original=&https://pic1.zhimg.com/v2-bf93e62b2c64d9019f2c_r.jpg&&&/figure&&p&在OSM上Tristan Da Cunha小岛是这样的&/p&&figure&&img src=&https://pic1.zhimg.com/v2-90cdef15a2de4_b.jpg& data-caption=&& data-rawwidth=&1906& data-rawheight=&903& class=&origin_image zh-lightbox-thumb& width=&1906& data-original=&https://pic1.zhimg.com/v2-90cdef15a2de4_r.jpg&&&/figure&&p&在高程地图上就出现了，真的很方便，这样可以非常快的下载到世界上任意一个地方的高程栅格。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-e250cca7ab968a6c0c323db7_b.jpg& data-caption=&& data-rawwidth=&1914& data-rawheight=&899& class=&origin_image zh-lightbox-thumb& width=&1914& data-original=&https://pic4.zhimg.com/v2-e250cca7ab968a6c0c323db7_r.jpg&&&/figure&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-f73ea8ab4fcd5d0f5b7f1e_b.jpg& data-rawwidth=&1410& data-rawheight=&879& class=&origin_image zh-lightbox-thumb& width=&1410& data-original=&https://pic3.zhimg.com/v2-f73ea8ab4fcd5d0f5b7f1e_r.jpg&&&figcaption&下好的高程栅格图&/figcaption&&/figure&&p&将下载好的高程栅格用PS打开，在插件面板中设置好恰当的地形起伏等级，一般来说拉到5级效果会更好些，然后接着可以选择三维视角，左中右三种模式，其他的可以先默认不动。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d39b2df3ed454f36b00a_b.jpg& data-caption=&& data-rawwidth=&302& data-rawheight=&580& class=&content_image& width=&302&&&/figure&&p&&br&&/p&&p&接着可以在样式中选择自己喜欢的样式，包括背景，纹理等等，还可以使用卫星图作为真实的纹理材质&/p&&figure&&img src=&https://pic1.zhimg.com/v2-afc66c180b12cc3b10edb0_b.jpg& data-caption=&& data-rawwidth=&302& data-rawheight=&580& class=&content_image& width=&302&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-20934ddb26a5ee07684adec_b.jpg& data-caption=&& data-rawwidth=&302& data-rawheight=&580& class=&content_image& width=&302&&&/figure&&p&接着可以添加各式各样的Icons，比如坐标标签，云，房子，动物，人，路标等等&/p&&figure&&img src=&https://pic3.zhimg.com/v2-2ff68fefce_b.jpg& data-caption=&& data-rawwidth=&302& data-rawheight=&580& class=&content_image& width=&302&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-90b6d1cab65f475d190d4e_b.jpg& data-rawwidth=&313& data-rawheight=&111& class=&content_image& width=&313&&&figcaption&树木，水系，道路添加&/figcaption&&/figure&&p&&br&&/p&&p&&br&&/p&&p&然后你就会发现奇迹一步一步的展现在眼前，没错，你想要的地球上的任意位置地形，都能做出这样的效果，等高线，高程图，还是实景三维，都可以做出来。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-090eedbd14fe493b49db05b_b.jpg& data-caption=&& data-rawwidth=&1920& data-rawheight=&1036& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&https://pic4.zhimg.com/v2-090eedbd14fe493b49db05b_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-c0be7cd81c5fa1b3eedc733d8bfe800f_b.jpg& data-rawwidth=&1521& data-rawheight=&1037& class=&origin_image zh-lightbox-thumb& width=&1521& data-original=&https://pic4.zhimg.com/v2-c0be7cd81c5fa1b3eedc733d8bfe800f_r.jpg&&&figcaption&添加等高线，并设置间隔&/figcaption&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-e7ebcefb559d8_b.jpg& data-caption=&& data-rawwidth=&1899& data-rawheight=&1022& class=&origin_image zh-lightbox-thumb& width=&1899& data-original=&https://pic1.zhimg.com/v2-e7ebcefb559d8_r.jpg&&&/figure&&p&&br&&/p&&p&&b&当然了，你也可以使用自己的精度更高的等高线或者测绘地形图数据在GIS里做出高程栅格TIF然后使用它来做可视化，效果更加的真实，同样的，这是一张由GIS生成的高精度地形栅格&/b&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-1e05b7b73dfd4dae67aad46d_b.jpg& data-caption=&& data-rawwidth=&1898& data-rawheight=&891& class=&origin_image zh-lightbox-thumb& width=&1898& data-original=&https://pic2.zhimg.com/v2-1e05b7b73dfd4dae67aad46d_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-7a978e97b25dda9fbf8f14d35bb824e4_b.jpg& data-caption=&& data-rawwidth=&1920& data-rawheight=&1037& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&https://pic1.zhimg.com/v2-7a978e97b25dda9fbf8f14d35bb824e4_r.jpg&&&/figure&&p&水系怎么表达？没问题啦，这里还可以设置水平面高度，一点点UP上来，水系就显现了，将没有的水系删掉，还可以用它自带的水系画笔顺着山脊满满画下来，效果真的很赞，一切的操作都是PS原本的操作，这种地形图操作真的够骚！&/p&&figure&&img src=&https://pic1.zhimg.com/v2-f8fefc6547561cbe44a2240_b.jpg& data-caption=&& data-rawwidth=&1365& data-rawheight=&707& class=&origin_image zh-lightbox-thumb& width=&1365& data-original=&https://pic1.zhimg.com/v2-f8fefc6547561cbe44a2240_r.jpg&&&/figure&&p&做到这里，我的脑洞顿时萌生出了奇怪的想法，为什么不试试热力图呢？？&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ab935b1dc716_b.jpg& data-caption=&& data-rawwidth=&585& data-rawheight=&386& class=&origin_image zh-lightbox-thumb& width=&585& data-original=&https://pic3.zhimg.com/v2-ab935b1dc716_r.jpg&&&/figure&&p&于是我将热力图导入进去，首先要对热力图进行一个反色，这样明度高的地方才高，符合逻辑。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-f3e10b919a7f560ba93df17b7d24f05d_b.jpg& data-caption=&& data-rawwidth=&1092& data-rawheight=&640& class=&origin_image zh-lightbox-thumb& width=&1092& data-original=&https://pic2.zhimg.com/v2-f3e10b919a7f560ba93df17b7d24f05d_r.jpg&&&/figure&&p&出来的效果蛮有意思，似乎有点Echarts的味道了呢，哈哈&/p&&figure&&img src=&https://pic4.zhimg.com/v2-99f3bfadd58c284ba915a93_b.jpg& data-caption=&& data-rawwidth=&1920& data-rawheight=&1033& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&https://pic4.zhimg.com/v2-99f3bfadd58c284ba915a93_r.jpg&&&/figure&&p&博主从youtube上搬过来的3D Map Generator-Terrain介绍视频，没有展开介绍的其他功能都在视频中有所展示。&/p&&a class=&video-box& href=&http://link.zhihu.com/?target=https%3A//www.zhihu.com/video/153856& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic3.zhimg.com/80/v2-d3ebd02e6238a_b.jpg& data-lens-id=&153856&&
&img class=&thumbnail& src=&https://pic3.zhimg.com/80/v2-d3ebd02e6238a_b.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/153856&/span&
&p&尾巴：&/p&&p&
橘盒他家的插件主要有四款，基本上大同小异，其他三个更加偏向UI，游戏制作和地图信息图那一类的，但是Terrain版对于我们规划师来说再合适不过啦，真是汇报方案，课程设计的吸睛利器，鉴于国内知道它的人非常少，加上20多美刀的售价，并且没有破解版，导致普通学生想接触它也是需要一定的考量的，还是支持大家购买正版插件，毕竟这款插件利用PS图层一层一层叠起来的三维地形图，这个插件的开发者的脑洞简直大到无法想象。&/p&&p&&b&
写在最后，这款插件的确让人耳目一新，不论从他的实现方式还是实际效果上来看都非常的让人满意，只是在高程图的数值精度上，我现在还没有搞清是否数值可靠，所以拿来做概念策划和汇报演示上还是有它的使用价值的。如有疑问，欢迎探讨和交流~&/b&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-616a8bac5a47ad59b50e63ae7f2fcc83_b.jpg& data-caption=&& data-rawwidth=&1131& data-rawheight=&897& class=&origin_image zh-lightbox-thumb& width=&1131& data-original=&https://pic4.zhimg.com/v2-616a8bac5a47ad59b50e63ae7f2fcc83_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-40d4cce391f_b.jpg& data-caption=&& data-rawwidth=&1876& data-rawheight=&697& class=&origin_image zh-lightbox-thumb& width=&1876& data-original=&https://pic4.zhimg.com/v2-40d4cce391f_r.jpg&&&/figure&&p&&b&转载请注明出处，谢谢！&/b&&/p&
第一次在知乎上写文章....写点什么好呢，我觉得来一波PS骚操作再合适不过啦~敲黑板！你现在看到的极有可能是全网3D Map Generator-Terrain 插件的首篇中文介绍！转载请注明出处，谢谢！ 在网上搜遍了关于这款插件的所有信息，国内有关这款插件的信息非常少…
&figure&&img src=&https://pic3.zhimg.com/v2-e74f3abea38b353bca11_b.jpg& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic3.zhimg.com/v2-e74f3abea38b353bca11_r.jpg&&&/figure&&p&本文译自 &a href=&https://link.zhihu.com/?target=https%3A//medium.muz.li/%40johnyvino%3Fsource%3Dpost_header_lockup& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Johny vino&/a& 的 &a href=&https://link.zhihu.com/?target=https%3A//medium.muz.li/ui-ux-case-study-playlist-radial-interaction-57df95287ea1& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UI/UX Case Study: Playlist — Radial Interaction&/a&&/p&&blockquote&When words fail, music speaks. | 当言语不足以表达时，我们可以用音乐发声。&br&——Shakespeare | 莎士比亚&/blockquote&&p&我很赞赏上面这句话。并且哪怕言语足以表达，我们也可以用音乐发声。&/p&&p&音乐是我们日常生活的一部分，哪怕是周遭的的的鸟鸣犬吠。我们很容易忽略掉看不见的东西，例如微生物、空气甚至爱情，当然也包括无处不在的音乐。可就是这些看不见的东西，却在我们的生命中扮演着至关重要的角色。&/p&&p&音乐早从几个世纪之前就开始影响着我们的思维（Z Yuhan：恐怕不止几个世纪吧）。现在随着科技的普及，音乐已如呼吸般必不可少。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-88ffc9e7c2376ffdb0966c1_b.jpg& data-caption=&& data-rawwidth=&1400& data-rawheight=&900& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic2.zhimg.com/v2-88ffc9e7c2376ffdb0966c1_r.jpg&&&/figure&&h2&目标及方法&/h2&&p&&b&目标市场&/b&&/p&&p&音乐爱好者遍布全球。对音乐的喜爱是普世的，但大家的偏好千差地别。据说每天被创造出来的播放列表就有28000个。&/p&&p&&b&研究目标&/b&&/p&&p&通常听音乐是为了放松自己，但有时用户想要快去切换歌单里的歌曲时，会感到困扰，觉得没有听到自己最想要的那个。&/p&&p&&b&问题与挑战&/b&&/p&&ul&&li&吸引全年龄段和类型的用户&/li&&li&随时获得常规用户，并提供更好的体验。&/li&&li&从小圈子开始扩展&/li&&/ul&&p&&b&用户调研中提出的问题&/b&&/p&&ul&&li&你能理解什么是环形播放列表交互吗？&/li&&li&你觉得这种创新的选歌方式怎么样？&/li&&li&你是否愿意把这个 app 分享给朋友？&/li&&li&你觉得哪些频繁变换播放列表的人抱有什么样的想法？&/li&&li&你会愿意为这项服务付费吗？你在向任何其它类似的服务付费吗？&/li&&li&你对他们的主要服务有什么感受？&/li&&li&这个 app 看起来好理解吗？&/li&&li&对于各自的长处，你在使用过程中遇到什么问题吗？&/li&&/ul&&p&&b&体验测试&/b&&/p&&ul&&li&用户目前使用的 apps&/li&&li&展示类似留声机的新选歌模式&/li&&li&停止展示，看用户的反应&/li&&li&如果用户使用过这个 app ，则请他们分享自己的体验；如果没有，就告诉他们这个 app 的主要功能&/li&&/ul&&p&&b&结果&/b&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-42b1dfc0f5fb5a5ed35efee5f1ddd449_b.jpg& data-caption=&& data-rawwidth=&1200& data-rawheight=&680& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic3.zhimg.com/v2-42b1dfc0f5fb5a5ed35efee5f1ddd449_r.jpg&&&/figure&&p&&b&用户快照&/b&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-b66c822a1c7df7ff2f012_b.jpg& data-caption=&& data-rawwidth=&894& data-rawheight=&528& class=&origin_image zh-lightbox-thumb& width=&894& data-original=&https://pic4.zhimg.com/v2-b66c822a1c7df7ff2f012_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-9bc26dfc3e5_b.jpg& data-caption=&& data-rawwidth=&864& data-rawheight=&432& class=&origin_image zh-lightbox-thumb& width=&864& data-original=&https://pic1.zhimg.com/v2-9bc26dfc3e5_r.jpg&&&/figure&&p&&b&理解用户的5个E&/b&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-54e0388c8bbb81baf20a5f7_b.jpg& data-caption=&& data-rawwidth=&1200& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic3.zhimg.com/v2-54e0388c8bbb81baf20a5f7_r.jpg&&&/figure&&p&&b&问题分析&/b&&/p&&ul&&li&这个 app 的目标人群：&/li&&li&从听留声机的祖父被那里收到音乐熏陶的人&/li&&li&参加和朋友或团体的聚会&/li&&li&习惯一边做事一边听歌&/li&&li&会听着歌出去旅行&/li&&li&运动健身的人&/li&&li&研究了普通的音乐 app&/li&&/ul&&p&&b&思路汇总&/b&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-dc3abe2ed75ca42d54a3c2e770f03185_b.jpg& data-rawwidth=&600& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&https://pic1.zhimg.com/v2-dc3abe2ed75ca42d54a3c2e770f03185_r.jpg&&&figcaption&没错，就是复古风！&/figcaption&&/figure&&h2&设计&/h2&&blockquote&无论贫穷或富有、快乐或痛苦，音乐在很多人的生命中都扮演着重要角色。&/blockquote&&ol&&li&音乐集合了多种乐趣，适用于所有阶级。无论快乐或压抑、无论是否被教导无论年轻或成熟，这个 app 要能被所有人介绍。所以&b&功能可见性&/b&是必须的，只要一启动程序就能清楚使用。&/li&&li&设计这款歌单播放器就是要让选歌更加简单。这款 app 的设计遵从了一下&b&易用性&/b&原则：&/li&&/ol&&figure&&img src=&https://pic1.zhimg.com/v2-fbb3ee7605eea9a3ebfbb1_b.jpg& data-caption=&& data-rawwidth=&414& data-rawheight=&736& class=&content_image& width=&414&&&/figure&&ul&&li&&b&相似性&/b&原则：设计出让人一眼就能理解。&/li&&li&&b&颜色、形状和尺寸&/b&让人能猜测出其功能，让用户在听歌歌时也能赏心悦目。在白色的背景上，用相应颜色的标准图标展示每一个唱片。&/li&&/ul&&figure&&img src=&https://pic3.zhimg.com/v2-7b47bba309bebbdc4c057ec_b.jpg& data-caption=&& data-rawwidth=&414& data-rawheight=&736& class=&content_image& width=&414&&&/figure&&ul&&li&根据&b&费茨法则&/b&，图片放在拇指最容易触及的地方（Z Yuhan：&a href=&https://link.zhihu.com/?target=http%3A//www.jianshu.com/p/8e1b6525505e& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《为熟练用户而设计》&/a&这篇文章介绍了什么是菲茨法则）。&/li&&/ul&&figure&&img src=&https://pic3.zhimg.com/v2-5e969c98e5cdd94e7d4ca_b.jpg& data-caption=&& data-rawwidth=&414& data-rawheight=&736& class=&content_image& width=&414&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-babfaff0ef69a96cfe590a_b.jpg& data-caption=&& data-rawwidth=&414& data-rawheight=&736& class=&content_image& width=&414&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-3fbc33d4e7c6de36bf5aee_b.jpg& data-caption=&& data-rawwidth=&414& data-rawheight=&736& class=&content_image& width=&414&&&/figure&&p&拟态：界面与留声机相似，容易引起用户的注意&/p&&p&功能满足：用户所有想要的东西都在一个界面上提供了。他们可以查看名称和时长并挑选歌曲。&/p&&h2&原型&/h2&&figure&&img src=&https://pic3.zhimg.com/v2-1a258a2f02cf7ca7402e1_b.jpg& data-caption=&& data-rawwidth=&560& data-rawheight=&420& data-thumbnail=&https://pic3.zhimg.com/v2-1a258a2f02cf7ca7402e1_b.jpg& class=&origin_image zh-lightbox-thumb& width=&560& data-original=&https://pic3.zhimg.com/v2-1a258a2f02cf7ca7}