解析PS的Velositey插件在网页设计中应用
我们推荐Velositey这个PS插件已经不是一次两次了。这款著名的PS网页布局设计工具为何会有神器之称？因为它真的能让你在短短几分钟内完成网
我们推荐Velositey这个PS插件已经不是一次两次了。这款著名的PS网页布局设计工具为何会有&神器&之称？因为它真的能让你在短短几分钟内完成网页原型设计。正如同Velositey的口号所说：让设计师专注打磨细节完善设计，而不用在无聊枯燥的事情上耗费时间。
事实上，Velositey就是这样！
先下后看，年薪百万：/s/zduirFgzTMPAc
注意：教程所使用的Velositey为早期版本，目前最新版为1.1，与教程中所示界面稍有差别，但是基本一致，不过更为强大。
常见的布局样式
在真正开始研究Velositey之前，让我们先来简单温故一下常见的布局样式。以ThemeForest最受欢迎的三个Wordpress主题（Avada、Enfold和Salient）为例，你会发现它们有着许多共同点。
首先，在大屏幕上你会发现，它们都将网站LOGO置于导航栏最左侧，导航栏下都有大幅Banner，并且多个Banner会滚动播放。整个网页的布局会呈现出明显的遵循栅格系统来设计的痕迹。
这种布局方式是如此的普及，你会发现你经常在做类似的事情，很明显这是重复工作！
在这篇教程中，我们会了解Velositey的功能，并了解如何让Velositey快速地自动执行任务，加快原型设计的速度。此外，我们还会借助PS的原生功能为原型进行适当的调整。
闲话少叙，让我们开始吧！
设置和准备工作
作为一款PS插件，Velositey对于早期版本的PS支持并不好，目前单独推出了针对CS6和CC两个版本，安装的前提是安装好Adobe的扩展管理器。安装的时候，可以将压缩包中的Velositey文件夹放到Photoshop的Plug-ins 里的 Panels 文件夹中，或者使用Adobe扩展管理器来安装。
当你使用的时候，在PS的菜单中点击 窗口&&扩展&&Velositey ，便可以打开Velositey的界面。
让我们从新建一个新文档开始。
首先，我们需要点击&[+] New Template&按钮来新建一个空白文档。文档自带栅格，总宽度1170px，间隔为30px，方便你为网站进行设计。
添加Header
在&[+] New Template&按钮下方，你可以看到一系列选项卡，其中一个是Header。当我点击其中的一个的时候，Velositey会自动在文档中生成Header。
在这个案例中，我们使用的Header的样式是Logo在左，导航在右。在图层面板中，你可以看到Header中所有图层均置于文件夹中，你可以根据需求进行命名。
注意：如果你随后选择其他的Header，Velositey会帮你替换掉。一分钟搭建网页布局！PS扩展神器Velositey
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & 正文
Hi,我是优设小编
一分钟搭建网页布局！PS扩展神器Velositey
设计一个网页，最基本就是从画布局开始，然而这个也是比较耗时间的，不过没关系，今天设计达人为大家分享一个网页布局Photoshop扩展插件——，这个扩展可以快速在PS上实现多种流行布局，布局包含头部、幻灯片、内容布局、页脚排版等等。
还有个我喜欢的原因就是这个布局兼容Bootstrap前端框架，它生成的栅格线、Layout都能用Bootstrap来编写，十分方便。下面我们来简单介绍下这个扩展：
相关推荐：
软件使用是免费的，所以放心使用，请选择对应的Photoshop版本下载，官网测试了PS CC版，小编测试的是PS CS6版，所以都没问题哦！
感谢 同学提醒，已更新到2.0版本，支持CS6、CC、CC 2014，可在
一分钟搭建网页布局
快速新建栅格线,栅格总宽度为1170PX，刚好和Bootstrap框架一样。
通过扩展的布局功能，我们只用1分钟时间就能实现下图这个网页排版，图层也帮你编组好，真的好人性化。
Step 1： 下载扩展
先从官网下载 对应版本的Velositey Photoshop 扩展（下载链接在文章底部），如下图，点击网页页脚的下载按钮，需要提供Twitter和Facebook帐号才能下载，不过我们也很贴心的上传到微盘上了。
Step 2：安装路径
这里小编下载的是CS6版本，解压后把文件夹Velositey整个复制到CS6安装目录的：Plug-ins–Panels目录下。
Step 3：: 打开扩展
打开PS软件，然后点击菜单窗口&-扩展功能Velositey即可打开。
好吧，安装都是很简单的，如果有问题或使用心得，可在文章底部评论处留言交流。如果你有好的扩展，请别忘了分享哦！
原文地址：
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量66万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
订阅更新：您可以通过
【推荐！设计师必备网址导航】
我们的团队
大家在关注PS插件Velositey疾速搞定网页原型设计 - 设计前沿
PS插件Velositey疾速搞定网页原型设计
文章出处：优设网 作者：陈子木　发布时间：
优设的老读者可能会注意到，我们推荐Velositey这个PS插件已经不是一次两次了。这款著名的PS网页布局设计工具为何会有“神器”之称？因为它真的能让你在短短几分钟内完成网页原型设计。正如同Velositey的口号所说：“让设计师专注打磨细节完善设计，而不用在无聊枯燥的事情上耗费时间。”
事实上，Velositey就是这样！
先下后看，年薪百万：
注意：教程所使用的Velositey为早期版本，目前最新版为1.1，与教程中所示界面稍有差别，但是基本一致，不过更为强大。
常见的布局样式
在真正开始研究Velositey之前，让我们先来简单温故一下常见的布局样式。以ThemeForest最受欢迎的三个Wordpress主题（Avada、Enfold和Salient）为例，你会发现它们有着许多共同点。
首先，在大屏幕上你会发现，它们都将网站LOGO置于导航栏最左侧，导航栏下都有大幅Banner，并且多个Banner会滚动播放。整个网页的布局会呈现出明显的遵循栅格系统来设计的痕迹。
这种布局方式是如此的普及，你会发现你经常在做类似的事情，很明显这是重复工作！
在这篇教程中，我们会了解Velositey的功能，并了解如何让Velositey快速地自动执行任务，加快原型设计的速度。此外，我们还会借助PS的原生功能为原型进行适当的调整。
闲话少叙，让我们开始吧！
设置和准备工作
作为一款PS插件，Velositey对于早期版本的PS支持并不好，目前单独推出了针对CS6和CC两个版本，安装的前提是安装好Adobe的扩展管理器。安装的时候，可以将压缩包中的Velositey文件夹放到Photoshop的Plug-ins 里的 Panels 文件夹中，或者使用Adobe扩展管理器来安装。
当你使用的时候，在PS的菜单中点击 窗口―&扩展―&Velositey ，便可以打开Velositey的界面。
让我们从新建一个新文档开始。
首先，我们需要点击“&[+] New Template”按钮来新建一个空白文档。文档自带栅格，总宽度1170px，间隔为30px，方便你为网站进行设计。
添加Header
在“&[+] New Template”按钮下方，你可以看到一系列选项卡，其中一个是Header。当我点击其中的一个的时候，Velositey会自动在文档中生成Header。
在这个案例中，我们使用的Header的样式是Logo在左，导航在右。在图层面板中，你可以看到Header中所有图层均置于文件夹中，你可以根据需求进行命名。
注意：如果你随后选择其他的Header，Velositey会帮你替换掉。
增加Slider区域（Slider Section）
尽管大尺寸Banner和slider区域有缺陷，但是很多网站依然选择保留这个区域。Velositey中内置了许多样式，增加slider区域和添加Header一样容易，点击选择即可。
案例中，我们选择最后一个slider样式，于是就生成了一个包含标题、内容和两个按钮的slider区域。
正如上图所示，你可以在图层面板中看到slider区域的图层分组。
增加内容区域
增加内容区域也一样简单。Velositey中第三个选项卡就是内容区域。
我选择了第三个样式，点击后添加了三列内容，每列包含标题、图片和预制的内容。
&&共3页: 1
??????????????热门搜索：
您的位置： -&
软件教程分类查找
非常抱歉！2345软件大全没能为您提供完善服务，万分感谢能得到您的指点！
您的建议：
第二章 了解术语
第三章 快捷键
第四章 常见问题
第五章 安装说明
第六章 打印
第二章 工具综合简介
第三章 选区相关工具
第四章 绘图工具
第五章 文本工具
第二章 具体浮动面板介绍
第三章 浮动面板运用实例
第二章 抠取图片方式
第三章 抠图实例
第四章 蒙版与通道
第五章 合成图片须知
第六章 合成图片实例
第二章 调色方法
第三章 图片调色校正实例
第四章 颜色调整实例
第五章 色调调整实例
第二章 图层应用实例
第二章 滤镜实例
第二章 图片特效制作
第三章 图片美化实例
第二章 面部美容
第三章 面部化妆
第四章 皮肤
第五章 身材
第二章 绘图实例
第三章 笔刷介绍
第四章 笔刷实例
第二章 特效文字实例
第二章 动画实例
第二章 网页图片布局技巧
精品软件课程
人气：4472568
photoshop教程让你从入门到精通，从新手快
人气：866700
AutoCAD是美国Autodesk公司开发的计算机辅
人气：416772
CorelDRAW是一款由Corel公司开发的矢量图形
人气：285953
Photoshop从头学起，从新手快速到高手。本
小游戏推荐
PS显示“不能完成请求因为程序错误”解决方法
出处：2345软件大全
人气：33731
核心提示：PS显示“不能完成请求因为程序错误”解决方法
　　PS显示“不能完成请求因为程序错误”解决方法　　如果在使用文字工具时出现错误提示，并且出错的只有几款字体，而且发现这些字体此时没有预览功能，在其它软件，如Word、QQ上可以使用，此时已经可以排除字体自身问题，重点放在Photoshop的设置及是否损坏。　　打开PS，选择【编辑】-【首选项】-【文字】-【显示亚洲字体选项(s)】,确定该选项没有被勾选，该选项决定【字符】和【段落】面板中是否显示亚洲文字选项，但有时会造成PS的文本引擎出问题，遇到此问题可以先查找是否是此设置造成。　　如果不是设置造成的问题，就是程序的问题了，如果你的Photoshop是安装版本，而非绿色版本。　　以CS5为例，查看C:/Program Files/Common Files/Adobe是否有TypeSupport文件夹。　　如果没有的话，直接下载文末的文件解压放进去;如果有的话直接覆盖。该文件夹包含PS字体引擎所须文件，本文只提供CS5版本的下载，不同版本文件略有不同，请找相应文件覆盖。
相关教程推荐
相关软件推荐
资源统计：无插件软件：94309个 无病毒软件：94605个 昨日已处理148个带插件、病毒的软件
本站总软件：94605个 软件总下载次数：21.554亿次
软件教程文章：94817篇 总浏览次数：2.997亿次快速排版网页布局的PS扩展 – Velositey | 设计达人
爱设计，爱分享。
快速排版网页布局的PS扩展 – Velositey
赞助商链接
设计一个网页，最基本就是从画布局开始，然而这个也是比较耗时间的，不过没关系，今天设计达人网小编为大家分享一个网页布局插件 – Velositey，这个扩展可以快速在PS上实现多种流行布局，布局包含头部、幻灯片、内容布局、页脚排版等等。
还有个我喜欢Velositey的原因就是这个布局兼容Bootstrap前端框架，它生成的栅格线、Layout都能用Bootstrap来编写，十分方便。下面我们来简单介绍下这个扩展：
1分钟搭建一个网页布局
快速新建栅格线,栅格总宽度为1170PX，刚好和Bootstrap框架一样。
通过扩展的布局功能，我们只用1分钟时间就能实现下图这个网页排版，图层也帮你编组好，真的好人性化。
安装Velositey
STEP1: 下载扩展
先从官网下载对应版本的Velositey Photoshop 扩展（下载链接在文章底部），如下图，点击网页页脚的下载按钮，需要提供Twitter和Facebook帐号才能下载，不过我们也很贴心的上传到微盘上了。
STEP2: 安装路径
这里设计达人网小编下载的是CS6版本，解压后把文件夹Velositey整个复制到CS6安装目录的：Plug-ins – Panels目录下。
STEP3: 打开扩展
打开PS软件，然后点击菜单窗口-扩展功能-Velositey即可打开。
好吧，安装都是很简单的，如果有问题或使用心得，可在文章底部评论处留言交流。如果你有好的扩展，请别忘了分享给设计达人哦！
软件使用是免费的，所以放心使用，请选择对应的Photoshop版本下载，官网测试了PS CC版，小编测试的是PS CS6版，所以都没问题哦！
赞助商链接
喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创或编译，转载请注明出处和原文链接，欢迎转载。
印刷工艺必备神技
设计师必看
手机APP设计
新手推荐！
Web用户体验入门书籍
web前端&设计群}