只有設計師看得懂!菜鳥跟老鳥使用PHOTOSHOP的差別

2015-7-8    博博

藍藍設計www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務

每一個扁平化界面設計,都是我們的心靈碰撞致力于最棒的 metro ui 設計

來源:優(yōu)設網(wǎng)

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

photoshop-user-habit-difference-1

以為計算機里有Photoshop,你就是設計師?使用Photoshop的方式百百種,你是設計了一年還是設計了十年,從細節(jié)就可以看得出來(附上老鳥設計師常用的幾個快捷技巧) >>>

除了大量使用快捷鍵是基本以外,老鳥設計師跟菜鳥設計師在使用Photoshop時有著各種不同。McCann Prague在他們的征人啟事上加入可愛的idea,讓你看見他們想征的老鳥跟菜鳥設計師之間的差別。

第一次碰Photoshop時的版本

ps20150403 (1)

老鳥:Photoshop 6.0

新手:Photoshop CS 5

圖層的整理

ps20150403 (2)

老鳥:群組、上色分類。

新手:無。

引導線的使用

ps20150403 (3)

老鳥:簡單明了、了解響應式網(wǎng)頁設計。

新手:過度使用。

是說從Photoshop版本來看,他們想征的老鳥應該是創(chuàng)意總監(jiān)等級了吧!

附網(wǎng)易同學分享的Photoshop技巧秘籍:

psjq201504031

技巧1:快速標注尺寸

你是否曾在制作規(guī)范中,讓標注尺寸搞的頭暈眼花!你是否曾在視覺走查中,讓標注尺寸弄的怒氣報表!此時已經(jīng)陷入了無限的腦補中,不能自拔……..

psjq201504032

那么問題來了!

如何才能迅速的,無腦的,甚至讓不會用PS的長腿歐巴也能分分鐘標注尺寸呢??

Photoshop JavaScript

沒錯就是他,不是神兵不是利器,只是一個PS中小小的插件。讓我們一步步的使用它吧!

(1)下載一個Size-Marks.jsx-v0.1.1的壓縮包(微盤下載)

(2)解壓縮以后打開文件,會找到“Size Marks.jsx”文件,把它復制黏貼到Photoshop文件安裝路徑下的:

OSX路徑:OS X: /Applications/[Photoshop]/Presets/scripts/

Windows路徑:C:\[Program Files]\Adobe\[Photoshop]\Presets\scripts

(注意:如果你的軟件安裝在D盤或者別的盤里就在安裝的盤里找到此路徑)

(3)重啟photoshop,會在菜單“文件”——“腳本”下找到 Size Marks,然后我們就需要給它命名一個快捷鍵了。

(4)在菜單中,找到“編輯”——“鍵盤快捷鍵”,然后會出現(xiàn)一個窗口,在窗口中展開“文件”——“腳本>”下的“Size Marks”,然后直接點擊鍵盤上的“ctrl+shift+L”即可生成此插件的快捷鍵。

(5)打開你想要標注標出的圖片,點擊選擇工具劃出想要標注尺寸的區(qū)域,然后ctrl+shift+L就OK了。

psjq201504033

(來一個尺寸復雜的頁面測試下,標注這些尺寸20秒不到就OK,好似魔鬼的步伐,看不清點擊放大)

psjq201504035

(并且會在圖層欄中生成對應的長或者寬的尺寸數(shù)值,一目了然)

技巧2:內(nèi)置icon搜索器,PSD拿來就用

UI設計中免不了圖標的設計,但是當排期緊、要的急時,我們免不了就去某瓣等什么網(wǎng)站上去看、去下載….

要是有這樣的搜索能力或是這樣的復制能力,那還說啥,早就一統(tǒng)天下了。

但是,我們沒有,那如何才能,無需注冊,無需下載,直接PSD源文件拿來就用的方法呢!

Blendme

就是它!它!它!廢話不多說,這個屬于PS拓展功能插件安裝起來還是有些繁瑣(我曾被折磨一個下午)

(1)首先登錄它的官網(wǎng)下載安裝包(官網(wǎng)已停止下載,移步 微盤下載

psjq201504036

(2)檢查電腦中是否安裝過Adobe Extension Manager(有的可以暗喜)如果沒有去官網(wǎng)下載一個吧,記得選和你PS同版本的下載安裝(此插件低于PS6的安裝不了)Mac不存在這個問題直接下載就好了。

(3)將從官網(wǎng)下載的安裝包后綴名是.zxp用Adobe Extension Manager打開,它將自動安裝。

(4)重啟PS,點擊窗口–擴展功能–blendmein,就OK了,搜索要輸入英文,icon都是矢量的隨你放大縮小, 還再等什么愉快的玩耍起來吧!

技巧3:配色小助手

對于我這樣的色彩感蠻差的人來說,每次遇到色彩復雜的時候就頭疼……

psjq201504037

這位上色的童鞋,我們做朋友可好。

但是我們也不能就此放棄,除了平時多看多練習,多累計經(jīng)驗以外,我們有沒有什么小招數(shù)呢…..

 Kuler

一個PS自帶的原生插件,來幫助我們配色(注意:同樣也是PS版本低于PS6,或者安裝建議版綠色版什么的用不了擴展功能哦)

(1)打開PS,點擊窗口–擴展功能–kuler,就OK了。

psjq201504038

(2)你可以自己在搜索里找想要的顏色的主題,或者直接在給出的欄目里面找,總有一款適合你。

psjq2015040310

(3)當然你也可以給自己已經(jīng)選好的顏色進行配色,選擇創(chuàng)建,選擇基色,再在下面的十六進制值中輸入色值然后回車然后你就可以根據(jù)你自己的需要進行調(diào)色了。去選擇你最喜歡的顏色吧。

QQ20150403203139

這次就到這里了,祝大家使用的開心!

psjq2015040311

【優(yōu)設近期熱門技巧文】

求職季的必收福利!
《經(jīng)驗分享!設計師找工作有哪些少為人知的獨特思路?》

百位設計師分享的PS秘籍貼!
《PS秘籍帖!不得不看的百位設計師分享的PS技巧》

快速打造氛圍的利器!
《旁門左道第一期!調(diào)色高級技巧之色彩的定向分離

原文地址:onefunnyjoke

uisdc-tuweia-2

 

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔