分享

一分钟搭建网页布局!PS扩展神器Velositey

 看见就非常 2014-10-14

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

velositey-ps-extension

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

相关推荐:
《取色指南!7款靠谱工具帮你选取完美配色》
《交互神器!谁是最好用的原型绘制工具?》
《设计师新宠!交互神器ORIGAMI》

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

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

一分钟搭建网页布局

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

velositey-layout

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

velositey-web-layout

 

安装Velositey

Step 1: 下载扩展

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

velositey-download

Step 2:安装路径

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

Step 3:: 打开扩展

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

velositey-web-open

好吧,安装都是很简单的,如果有问题或使用心得,可在文章底部评论处留言交流。如果你有好的扩展,请别忘了分享哦!

原文地址:shejidaren

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量66万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 



非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/web-layout-photoshop-extension

订阅更新:您可以通过 RSS订阅我们的内容更新
【推荐!设计师必备网址导航】http://hao.uisdc.com

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多