您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> ps教程 >> 瀏覽設(shè)計教程

Velositey[PS擴展] - 一分鐘搞定網(wǎng)頁排版布局

設(shè)計一個網(wǎng)頁,最基本就是從畫布局開始,然而這個也是比較耗時間的,不過沒關(guān)系,今天圖趣網(wǎng)為大家轉(zhuǎn)載分享一個網(wǎng)頁布局Phtoshop擴展插件 – Velositey,這個擴展可以快速在PS上實現(xiàn)多種流行布局,布局包含頭部、幻燈片、內(nèi)容布局、頁腳排版等等。

velositey-ps-extension

還有個我喜歡Velositey的原因就是這個布局兼容Bootstrap前端框架,它生成的柵格線、Layout都能用Bootstrap來編寫,十分方便。下面我們來簡單介紹下這個擴展:

1分鐘搭建一個網(wǎng)頁布局

快速新建柵格線,柵格總寬度為1170PX,剛好和Bootstrap框架一樣。

velositey-layout

通過擴展的布局功能,我們只用1分鐘時間就能實現(xiàn)下圖這個網(wǎng)頁排版,圖層也幫你編組好,真的好人性化。

velositey-web-layout

安裝Velositey

STEP1: 下載擴展

先從官網(wǎng)下載對應(yīng)版本的Velositey Photoshop 擴展(下載鏈接在文章底部),如下圖,點擊網(wǎng)頁頁腳的下載按鈕,需要提供Twitter和Facebook帳號才能下載,不過我們也很貼心的上傳到微盤上了。

velositey-download

STEP2: 安裝路徑

這里設(shè)計達人網(wǎng)小編下載的是CS6版本,解壓后把文件夾Velositey整個復(fù)制到CS6安裝目錄的:Plug-ins  Panels目錄下。

STEP3: 打開擴展

打開PS軟件,然后點擊菜單窗口-擴展功能-Velositey即可打開。


velositey-web-open

好吧,安裝都是很簡單的,如果有問題或使用心得,可在文章底部評論處留言交流。

下載地址

軟件使用是免費的,所以放心使用,請選擇對應(yīng)的Photoshop版本下載,官網(wǎng)測試了PS CC版,小編測試的是PS CS6版,所以都沒問題哦!

官網(wǎng)下載:http://dandkagency.com/velositey/

ps cs6版本下載

 下載信息  [文件大?。?.51 MB 下載次數(shù): 次]
點擊下載文件:好用的PS擴展工具Velositey_CS6_v1.1

 ps cc版本下載

 下載信息  [文件大?。?.46 MB 下載次數(shù): 次]
點擊下載文件:好用的PS擴展工具Velositey_CC_v1.1


 

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/ps1960.html
Photoshop cs6教程-各濾鏡詳解
KULER - ps最受歡迎的配色小工具
圖趣網(wǎng)微信
建議反饋
×