Photoshop设计一款游戏大气全景图网页教程

2016-03-19 01:47 15 1 收藏

下面请跟着图老师小编一起来了解下Photoshop设计一款游戏大气全景图网页教程，精心挑选的内容希望大家喜欢，不要忘记点个赞哦！

【 tulaoshi.com - PS 】

来源：站酷作者：阿新I任星星
制作主页是一项非常复杂的工作，跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考，找出一些灵感，然后搜集相关的素材，并按照自己的思路去慢慢溶图、渲染颜色，处理明暗及细节等。
最终效果

1、加上底色绘制平面色块作为物体形状，注意透视形状。

2、在平面上用画笔工具选取白色绘制亮色过度。

4、在前面的色块上面贴入上面的平面图即可，注意颜色要调成类似蓝色。填进去是不是有点石头机理的感觉了。注意的是这里不需要太逼真的机理，界于半真半假的假三维形式更有设计感。

5、用深色丰富石头肌理的边缘过度。

6、继续丰富过度，肌理只需看的见即可，不用太明显。以免抢主体建筑的视觉。

7、用亮色提亮边缘，使整个物体的暗部不至于过于硬朗，与背景有融合，但是要注意他边缘的虚实变化。

9、在建筑图层上面新建图层填上深蓝色，使用滤色。目的是减弱深色让他偏蓝色融入环境。

10、画笔喷上稍亮的蓝色减弱部分区域，让其有逆光背面透光的感觉。

1tulaoshi1、加上投影。

13、摆放其他配件的时候注意不要过于堆积，并且注意整个的重量平衡。位置很重要。不是随便哪个位置都可以摆放。

14、底下放上倒过来的房子，马上有了超现实的色彩有木有。

15、配上主题文字。

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/ps/）16、继续丰富物体边缘部分，使物体与背景更加融合。方法就是喷色使用滤色图层样式。此处虚实非常重要，不可以到处喷色。

17、加上菱形光晕素材，还是一样使用滤色。放置在右侧位置，使之有逆光光辉的感受，同时也丰富了画面的色彩，而且有了炫彩的美感，还起到了虚化物体边缘的作用，是不是一举四得。

18、配件的选择也是有讲究的，此设计是为了突出场景的高大，所以选择了飞机，飞鸟，使之显得空间更加的开阔。

配上文字，下面加上高空云，立马空间更加开阔，气氛更加强烈。

来源:https://www.tulaoshi.com/n/20160319/1900888.html

上一篇： ps给照片加蓝天白云
下一篇： Photoshop设计时尚的个人作品网页界面教程

看过《Photoshop设计一款游戏大气全景图网页教程》的人还看了以下文章更多>>

Photoshop设计一款会员登录表单效果教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

先看效果图新建文档1024x768像素，背景黑色，新建图层画一个白色圆角矩形。复制此层，颜色改为蓝色，之后减法模式保留底部，并往下挪一段距离。新建图层，画一个长方形，之后ctrl+T变为体现。高斯模糊一下。添加蒙版用黑色柔角笔刷涂抹如下。之后图层模式改为柔光，效果如下。新建图层画一黑色圆角矩...

怎么用PS合成全景图

标签： PS 电脑

选择文件——脚本，将文件载入堆栈，在弹出的载入图层对话框中选择使用文件夹，点击浏览，在弹出的选择文件夹对话框中选择包含图片的文件夹，点击确定。在ps中就会新建出一个文档，在图层面板中就会出现需要修改的图层。选中所有图层——选择移动工具——在移动工具的选项栏中选择自动对齐图层，在弹出的自动对齐的对话框中选择投影...

Photoshop设计一款锈迹金属文字

标签： PS PS基础

先看看最终效果图找一个有锈迹的背景。使用 Aviano 字体。大小297px，并确保颜色设置为#b9b8b8。下面是有趣的部分。你所看到的文字上的纹理实际上是一个现有的Photoshop图案，我们使用了图案叠加。在图案叠加效果窗口中，点击默认的图案缩略图显示图案预设。点击窗口右侧的小右箭头，然后选择菜单中的岩石图案。这里有很多图...

Photoshop设计一款ipad产品界面

标签： PS PS基础 ps平面设计教程 ps去水印教程

最终效果预览 1.在Photoshop中新建文件宽624px、高921px，背景色设为白色，分辨率72dpi。添加从上到下，蓝到白渐变。选择“圆角矩形工具”，圆角半径设为22px，绘制如下图所示的形状，把该图层重命名为“border”。在“border”图层上抠出边框来。按住Ctrl键单击“border”图层缩略图，取得选区，执行“选择-修改-缩减”，缩...

Photoshop设计一款生锈的金属文字体教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

这是一篇photoshop文字特效教程，主要为大家介绍使用photoshop中的图层样式功能加上素材的Tulaoshi.com合成制作一款生锈的文体文字特效。先看看效果图 1、新建文档454x340像素，背景黑色，输入白色粗体文字。字体下载 2、底部建新层，调出文字选区，选择修改扩展5像素。 3、前景色#454545填充选区...

查看更多精彩>>