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

2016-02-16 22:49 7 1 收藏

下面,图老师小编带您去了解一下PS神器Velositey助您快速的搭建网页布局,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - 平面设计 】

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

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

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帐号才能下载,不过我们也很贴心的上传到微盘上了。

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

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

Step 2:安装路径

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

Step 3:: 打开扩展

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

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

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

来源:https://www.tulaoshi.com/n/20160216/1576084.html

延伸阅读
标签: 减肥瘦身 瘦身
戒掉了所有垃圾食品,积极地参加运动都不能减掉肚子上的赘肉­这很让人沮丧,但不一定就永远减不掉。随着年龄的增长,收腹要更有策略性。下面是一些方法可以调整你的良好习惯,使其更有效收腹。 瘦身方法 :要让腹部瘦得更快,你可以改用锻炼球。有研究表明使用锻炼球可以让40%更多的上腹部和47%更多的侧腹部的肌肉参加到减肚子的...
最终效果     这个网页最大的特色在于,底部使用了桌布的图案,感觉有点居家的气氛。再搭配上简洁的布局,好似一个家的感觉。   1。新建一个大小为:1200*1400px的文档,并填充背影色:#fbe0b1. 再执行滤镜杂色添加杂色,设置数据如下图: 2.创建自定义图案 按ctrl+N新建一个大小为:80*80px的文档. 再次新建一个图层,...
        色彩是人视觉最敏感的东西。不同色彩之间的对比会有不同的效果,当两种颜色同时在一起时,这两种色各自走向自已的极端,例如红色与绿色对比,红的更红,绿的更绿,黑色与白色对比,黑的更黑,白的更白。由于人的视觉的不同,对比的效果通常会有不同。当大家长时间的看一种纯色,例如红色...
标签: Web开发
网页可以说是网站构成的基本元素。当我们轻点鼠标,在网海中遨游,一副副精彩的网页会呈现在我们面前,那么,网页的精彩与否的因素是什么呢?色彩的搭配、文字的变化、图片的处理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素——网页的布局。下面,我们就有关网页布局谈论一下。 网页布局类型 网页布局大致可...
标签: Web开发
用CSS 来布局很容易。如果你已经习惯用表格布局的话,起先会感觉比较困难。其实不难,只不过动机不同,并且在实践中更有意义。 你可以把这一页面的各个部分当作独立的版块来看待,无论你选择哪一块。你可以绝对或相对地用彼块取代此块。 定位 定位属性position用于定义一个元素是否absolute(绝对),relative(相对),static(静态),或...

经验教程

458

收藏

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