PS教程:体验Photoshop新功能设计空间

2016-01-29 09:26 16 1 收藏

PS教程:体验Photoshop新功能设计空间,在Adobe Photoshop CC 2015的技术预览版中,PS设计空间就作为一项新功能出现,可以说是网页UI设计的专属工作站。本期国外精品翻译教程就对这一新功能进行一下简单介绍。 启动“PS设计空间”模式后,Photoshop换 ...

【 tulaoshi.com - PS 】

在Adobe Photoshop CC 2015的技术预览版中,PS设计空间就作为一项新功能出现,可以说是网页UI设计的专属工作站。本期国外精品翻译教程就对这一新功能进行一下简单介绍。

        启动“PS设计空间”模式后,Photoshop换上新界面,原有与UI/Web设计无关的功能会被隐藏(比如3D工具等),这样设计师就能在UI专属设计界面中更加方便和高效地进行设计,减少低效操作。

PS教程:体验Photoshop新功能设计空间


图00

运行设计空间

注意:仅适用于Mac OS X10.10和64位Windows 8.1及更高版本的操作系统,暂时只支持英语。

就如前面所说的,设计空间现在属于技术预览阶段,需要手动启动。在主菜单栏中选择“编辑首选项技术预览”,勾选启动设计空间(预览),然后就能看到设计空间的介绍画面。

PS教程:体验Photoshop新功能设计空间

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
图01

选项卡菜单

现在介绍一下设计空间的特点以及与平常我们看到的PS界面有什么不同。正如下图看到的,平常的选项卡菜单栏变样了,其中一些选项消失了,同时出现了新的选项“安排”,在安排选项中,我们用来对齐、翻转对象,以及将对象放置在组里。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

PS教程:体验Photoshop新功能设计空间


图02

创建新文档

在设计空间中创建新文档有2种方法,最简单的方法就是通过模板面板,就是进入设计空间时能看到的,这里提高了最流行的设计模板。当然还可以通过选项卡菜单,点击文件,然后选择新建(Ctrl+N),创建与最后一个模版相同大小的文档。如果按Alt+Ctrl+N,就打开常规的Photoshop窗口,然后就可以选择创建和设置新文档。并且从模版中创建新文档,与在模版面板中操作的效果一样。

PS教程:体验Photoshop新功能设计空间


图03

工具简化

进入设计空间后,左侧工具图标列表消失,并被右侧中部的仅有的五个图标代替,他们分别是选择工具、矩形和圆形工具、钢笔工具及文字工具。选择工具主要替换平常我们在画布中移动对象的移动工具,同时用选择工具双击形状然后就可以进行调整。

PS教程:体验Photoshop新功能设计空间


图04

对齐对象

通过“安排”选项卡或右边对齐面板对齐对象。可以同时对多个对象进行对齐,按着Shift就可以多选择。

PS教程:体验Photoshop新功能设计空间


图05

12

来源:http://www.tulaoshi.com/n/20160129/1479160.html

延伸阅读
标签: Web开发
CSS是制作网页效果必不可少的东西,字体的颜色定义、表格的样式定义、图片的特效等等都少不了它。但在Dreamweaver的早期版本中CSS的编辑功能并不是很强大,有时候不得不借助一些类似于TopStyle的第三方工具来完成CSS的编写。 现在有了Dreamweaver MX 2004(简称DW MX 2004),情况就完全不同了! 首先我们给页面链接一个已经编写好...
使用这些扭曲工具,可以在对象上创建扭曲、膨胀、收缩等夸张的变形效果,并且这些工具可以再对象不被选择的状态下执行操作,如果选择了对象,则变形将仅用于所选对象,不会影响其他对象。 教程素材:素材下载 为了更加便于读者们理解这些工具的使用,精心的为朋友们安排了实例。 1. 旋转扭曲工具 旋转扭曲工具可创建漩涡状的变形效果。...
使用这些扭曲工具,可以在对象上创建扭曲、膨胀、收缩等夸张的变形效果,并且这些工具可以再对象不被选择的状态下执行操作,如果选择了对象,则变形将仅用于所选对象,不会影响其他对象。 素材: MissYuan_素材教程.rar 为了更加便于读者们理解这些工具的使用,精心的为朋友们安排了实例。 1. 旋转扭曲工具 旋转扭曲工具可创建漩涡状...
新版本的PS又来了,改进的部分确实很多。抽取部分最常用的新功能,更多是偏向视觉设计的方向,比如 样式直接转成CSS 、可编辑的圆角矩形、无损图片拉伸、照片智能防抖+智能锐化、单独图层区域调节Camera Raw等等。 Adobe 已经正式发布了旗下最新的Photoshop CC、InDesign CC、Illustrator CC、Dreamweaver CC、Premiere Pro CC、AfterEffect...
标签: Web开发
PS前端架构辅助v2.0.1版2007-11-14发布,欢迎各位前端架构师下载试用,欢迎反馈使用建议。 推出目的,可以快速生成HTML代码和CSS样式--选中一个选区,按下F2,代码立即生成图片也立即保存好了 相信Photoshop是凡是称得上电脑高手的人都会的图片处理软件,鸽子也特别喜欢画画(设计),这个软件也用得特溜,闭着眼都可以玩了。呵,于是也...

经验教程

68

收藏

85
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部