当前位置: 主页 > 平面设计 > PS神器Velositey助您快速的搭建网页布局

PS神器Velositey助您快速的搭建网页布局

  • 2021-08-18
  • 来源/作者: 优设/ 情非得已
  • 20 次浏览

设计一个网页,最基本就是从画布局开始,然而这个也是比较耗时间的,不过没关系,今天设计达人为大家分享一个网页布局photoshop扩展插件——Velositey,这个扩展可以快速在PS上实现多种流行布局,布局包含头部、幻灯片、内容布局、页脚排版等等。

PS神器Velositey助您快速的搭建网页布局,PS教程,

还有个我喜欢Velositey的原因就是这个布局兼容Bootstrap前端框架,它生成的栅格线、Layout都能用Bootstrap来编写,十分方便。下面我们来简单介绍下这个扩展:

软件使用是免费的,所以放心使用,请选择对应的Photoshop版本下载,官网测试了PS CC版,小编测试的是PS CS6版,所以都没问题哦。

Velositey CS6 V1.1 微盘下载
Velositey CC V1.1 微盘下载

一分钟搭建网页布局

快速新建栅格线,栅格总宽度为1170PX,刚好和Bootstrap框架一样。

PS神器Velositey助您快速的搭建网页布局,PS教程,

通过扩展的布局功能,我们只用1分钟时间就能实现下图这个网页排版,图层也帮你编组好,真的好人性化。

PS神器Velositey助您快速的搭建网页布局,PS教程,

 

安装Velositey

Step 1: 下载扩展

先从官网下载对应版本的Velositey Photoshop 扩展(下载链接在文章底部),如下图,点击网页页脚的下载按钮,需要提供Twitter和Facebook帐号才能下载,不过我们也很贴心的上传到微盘上了。

PS神器Velositey助您快速的搭建网页布局,PS教程,

Step 2:安装路径

这里小编下载的是CS6版本,解压后把文件夹Velositey整个复制到CS6安装目录的:Plug-ins–Panels目录下。

Step 3:: 打开扩展

打开PS软件,然后点击菜单窗口>-扩展功能Velositey即可打开。

PS神器Velositey助您快速的搭建网页布局,PS教程,

嗯,安装非常简单。如果您有任何问题或使用经验,可以在文章底部的评论中留言。如果你有很好的扩展,请不要忘记分享!

标签(TAG) 网页设计