使用PS学习制作游戏概念图
Kagula
2012-4-21
前言
使用工具PhotoshopCS5(英文版)。本文主要记录绘制概念图所需要的PS基本功能，内容不多但需要反复练习，以达到熟练掌握的目的。
正文
游戏概念图一般以素描的形式表现，可以分为以下几种
场景概念图
游戏进行过程中的图片，目的是 [1]确定游戏方式[2]画风
UI概念图
[1]确定软件主界面 [2]入口菜单界面 [3]软件属性设置界面
当然还有角色概念图、道具概念图等等。
制作场景概念图
第一次启动Photoshop软件，设置光标：主菜单[Edit]->[Preferences]->[Cursors]->[PaintingCursors]->[Precise]，[Edit]->[Preferences]->[Cursors]->[OtherCursors]->[Precise]。设置当前工作空间布局[Window]->[Workspace]->[Painting]，重置Painting布局[Window]->[Workspace]->[Reset Painting]。
打开Photoshop软件，新建文件(快捷键Ctrl+N)，Size的宽高设为1280*720（宽屏720P标准），由于我的目标显示设备分辨率不是很高，所以概念图不需要很高分辨率。
新建界面元素
新建图层(快捷键Ctrl+Shift+N)，建议每个界面元素对应一个图层方便修改，给图层起个容易记的名字。用画笔(B)开始画线条，用橡皮擦(E)修剪线条，使用“{[”，“}]”快捷键可以调整画笔和橡皮擦的大小。
移动界面元素位置，调整界面元素宽高
假设你一个图层中只有一个界面元素，要移动这个界面元素用快捷键V(移动当前图层功能)。要拉伸当前区域，用快捷键Ctrl+T。
如果一个图层中有多个界面元素，你需要用快捷键M拉出个矩形区域，包住要移动的区域，用[快捷键V]移动选中的界面元素，Ctrl+D 取消选择。
你可以用鼠标拖动拉出的矩形区域，也可以重新拉出矩形区域，可以修改当前矩形区域的宽高，主菜单[Select]->[Transformation Selection]。
如何更加精确的选择界面元素
有些情况下界面元素的边界弯弯曲曲无法用矩形框（快捷键M）选取，这时要用其它选择工具。
你要试着用下其它形式的选择工具，比如说椭圆形选择工具，和矩形选择工具在同一个工具栏按钮里。
相似颜色的区域(快捷键W)选择工具，选的时候按住Shift键添加选择区域，按住Alt键减去选择区域，Z键放大镜，用于更精确的选取，使用放大镜的时候按住Alt键则是缩小功能。
Ctrl+A组合键可以选中整个区域。
L快捷键，可以使用套索工具，选取不规则形状的物体。
[Shift]+[Ctrl]+[I]组合键反向选择。
快捷键A，变为黑色的箭头（路径选择工具）。
从层中提取界面元素
选择区域后，按V键切换到移动当前选区状态，这时移动当前选区，你会发现原来的地方被剪掉。若移动时按住Alt键，原图层中的区域会被保留。
复制出来的区域会到一个新的图层。
按Ctrl+Shift+J键，当前处于移动状态的图像会新建到新的图层中。
界面元素处理（仅需了解即可）
选择区域后，主菜单[Select]->[Modify]->[Feather]激活羽化功能，然后再使用刚才的操作移动区域，Ctrl+D后你会看到羽化效果。有空应该试下Select主菜单里的其它功能。
快捷键R，涂抹工具，在已经存在的线条上画一画，会发现线条会模糊。
快捷键G，Gradient，在当前图层中填充渐变色。
其它常用功能
[Alt+Ctrl+Z]，返回上次操作，一直有效
[Ctrl+Z]，只能返回一次，上次操作。
主菜单[View]->[NewGuide]新建参考线，鼠标移到参考线上时按住Ctrl键可以移动参考线。
制作其它概念图
制作方式类似，但是图片Size不需要设定为720P，比如某些道具概念图的Size只要设置成128*128就可以了。
其它小知识
[1] 屏幕上绘画一般使用72dpi，但是，如果你要输出到打印机上建议300dpi以上
使用PS学习制作游戏概念图相关推荐
- PS学习-制作下雨效果
选用图片如下添加下雨后:步骤: 1.新建一个透明图层,将图层填充成黑色(Alt+Delete) 2.工具栏中的滤镜->杂色->添加杂色(一定要选择单色,数量调节为134左右) 3.工具栏中 ...
- ps怎么对比原图快捷键_PS学习之旅：ps如何制作满天星，让你夜晚的天空图片更美...
ps学习之旅,本文介绍关于如何利用ps软件来制作满天星,让你夜晚的天空图片更美,操作很简单哦. 1工具/原料 Adobe Photoshop CS6软件 图片一张 2效果展示 原图: 效果图: 3方法 ...
- 在学习计算机编程不写代码_使用代码创建：通过制作游戏来学习和教授计算机编程
在学习计算机编程不写代码 Create with Code is Unity Education's new, free program for teaching and learning compu ...
- 学习如何制作游戏宣传视频
在国外平台上,游戏宣传视频有着非常重要的作用.Youtube和Vimeo网站上会有着惊人的流量,如果能好好利用这些流量,将会为游戏带来不少的用户.传闻Flappy Bird能在一个月内爆发,与Yout ...
- 深度强化学习制作森林冰火人游戏AI（一）下载游戏
概述 首先先把游戏环境搭建起来 下载游戏 这部分的介绍可以看python 从4399获取小游戏,我就不重新介绍一遍了 import os import requests# 基础url host_url ...
- 《游戏设计艺术（第2版）》——学习笔记（28）第28章 制作游戏的技术
<游戏设计艺术(第2版)>学习笔记(28) 第28章 制作游戏的技术 终于该谈论技术了 基础性的和装饰性的 米老鼠的第一部卡通 刺猬索尼克(音速小子) 神秘岛 旅行 布娃娃物理系统(Rag ...
- c 语言掷骰子游戏,C 语言编程学习: 制作掷骰子小游戏
C 语言编程学习: 制作掷骰子小游戏 问题描述 骰子是一个有六个面的正方体, 每个面分别印有 16 之间的小圆点代表点数. 假设这个游戏的规则是: 两个人轮流掷骰子 6 次, 并将每次投掷的点数累加起 ...
- 深度强化学习制作森林冰火人游戏AI（四）获取窗口部分界面
概述 这篇主要讲述如何用python获取森林冰火人窗口部分界面 在获取部分界面的图片之后通过图片识别/分类来判断当前游戏所属的状态 前篇:深度强化学习制作森林冰火人游戏AI(三)向游戏输出键盘控制信息 ...
- 深度强化学习制作森林冰火人游戏AI（五）识别游戏状态
深度强化学习制作森林冰火人游戏AI(五)识别游戏状态 概述 游戏状态切换图 游戏状态识别原理 界面区域选择 保存界面 识别方法 识别游戏状态 概述 通过图片识别来对分析游戏当前状态 前篇:深度强化学习 ...
最新文章
- 一分钟了解负载均衡的一切
- SQL 实用基础代码
- 在远程桌面在目标主机与客户机复制文件？
- HDU-1874 畅通工程续 （最短路径启蒙题）
- 使用ArcGIS Engine连接ArcIMS feature Service 获得FeatureCLass
- Research Fellow、Research Assistant、predoc等的区别
- 语音识别HCLG解码
- 【数据结构和算法笔记】：树的概念和性质总结
- python字典由键插值_SciPyTutorial-一元插值interp1d
- 【转】高性能web开发
- Android仿微信源码下载
- 机器学习与物理科学（四）（Machine learning and the physical sciences）
- 房产中介管理系统网站完整源码
- nmap识别TCP端口服务的数据库
- 网红拉姆之死，这辈子最看不起这种男人！
- 乐于分享是一种境界的突破
- 酷狗音乐flac转换成mp3格式
- php随机分配班级座位,班级座位编排的几种模式
- Python爬虫教程（纯自学经历，保姆级教程）
- 万字好文！数据治理体系与能力提升