Ps平面設(shè)計(jì)教程-平面設(shè)計(jì)快速切片
作為美工,我們經(jīng)常需要對(duì)一張大圖切片,切成幾張小圖之后,讓后輸出web格式的文件,那么關(guān)于平面設(shè)計(jì)如何快速切片,yjbys小編為大家分享Ps平面設(shè)計(jì)快速切片教程如下:
PS使用技巧
1.在畫(huà)布中調(diào)整筆刷的各種參數(shù)
關(guān)于筆刷,用過(guò)PS的人基本上都知道幾個(gè)快捷鍵,比如Ctrl+"["、"]"調(diào)整筆刷大小之類(lèi),這次我?guī)?lái)的方法比那個(gè)更加便捷,不但是大小上的調(diào)整,連同硬度和顏色都可以在畫(huà)布中完成調(diào)整。
方法:
、僭诋(huà)布中按住Alt+鼠標(biāo)右鍵——此時(shí)在畫(huà)布上會(huì)出現(xiàn)一個(gè)紅色的圓點(diǎn),圓點(diǎn)代表了你筆刷的大小和硬度(越實(shí)越硬,越虛越軟),拖動(dòng)鼠標(biāo)進(jìn)行左右平移可以調(diào)整筆刷的大小,上下拖動(dòng)可以調(diào)整硬度。
②按住Alt+Shift+鼠標(biāo)右鍵——此時(shí)你會(huì)發(fā)現(xiàn)鼠標(biāo)旁出現(xiàn)了一個(gè)色彩選取框,沒(méi)錯(cuò)!現(xiàn)在你可以調(diào)節(jié)顏色了!按住右鍵不放,移動(dòng)鼠標(biāo)到想要的顏色上即可。
2.小抓手的組合用法
按住空格鍵將鼠標(biāo)變成小抓手拖拽畫(huà)布已經(jīng)是相當(dāng)普及的用法,幾乎每個(gè)PS玩家都要使用,但是它的組合鍵卻鮮有人知,這次為大家?guī)?lái)小抓手的組合級(jí)之一:全局拖拽——即使放大到很大比例仍然能瞬間讓視圖到達(dá)畫(huà)布的任意位置。
方法為:按住空格鍵將鼠標(biāo)變成小抓手后,再按住一個(gè)“Z”,然后按下鼠標(biāo)——這時(shí)你會(huì)發(fā)現(xiàn)視圖瞬間回到了全局,鼠標(biāo)則變成了一個(gè)小方框,這個(gè)小方框就是你當(dāng)前所能顯示到的區(qū)域,拖動(dòng)鼠標(biāo)挪到想要去的地方,然后撒手,走你~
3.自由變換的附加用法
這一條有點(diǎn)老調(diào)重彈了,不過(guò)估計(jì)肯定會(huì)有不知道的,這里再提一下,Ctrl+T進(jìn)行自由變換過(guò)一次后,用Ctrl+Shift+T可重復(fù)上次的變換,用Ctrl+Shift+Alt+T可實(shí)現(xiàn)復(fù)制本體并重復(fù)上次變換的效果。如圖
4.利用Shift實(shí)現(xiàn)加速拖動(dòng)
不知道大家有沒(méi)有遇到過(guò)這種問(wèn)題,有的時(shí)候?yàn)榱藢?duì)準(zhǔn)細(xì)節(jié)不得不將視圖放得很大,這時(shí)候拖動(dòng)一個(gè)圖層或者選區(qū)等到另一個(gè)地方要經(jīng)歷漫長(zhǎng)的等待,看著下面的滾動(dòng)條慢慢悠悠的走真是心急如焚吶……其實(shí)這個(gè)時(shí)候只要按住Shift,你會(huì)發(fā)現(xiàn)滾動(dòng)條嗖的一下就過(guò)去了~這個(gè)技巧需要多練幾次,因?yàn)榘醋hift之后的拖拽速度真的是灰?欤赡芤徊蛔⒁饩瓦^(guò)頭了,所以建議你可以一下下的點(diǎn)著而不是一直按著,不截圖了,一用就明白。
5.鋼筆工具繪制中轉(zhuǎn)換折點(diǎn)
一個(gè)小技巧,在使用鋼筆工具時(shí),按住鼠標(biāo)拖拽節(jié)點(diǎn)時(shí)按下Alt,即可實(shí)現(xiàn)對(duì)當(dāng)前節(jié)點(diǎn)的一個(gè)轉(zhuǎn)折。
6.利用Alt選中鎖定圖層
鎖定圖層大部分時(shí)候是因?yàn)椴幌朐僖苿?dòng)它,但有時(shí)真需要?jiǎng)铀臅r(shí)候卻可能因?yàn)閳D層過(guò)多而找不到,即使勾選了直接選取圖層也無(wú)法選中鎖定了的,這個(gè)時(shí)候只要按住Alt在畫(huà)布上點(diǎn)擊被鎖定的圖層就可以選中了,不僅如此,其實(shí)被鎖定的圖層仍然可以進(jìn)行一些操作,比如合并。不截圖了
額外分享一個(gè)自己總結(jié)的有關(guān)三大功能鍵Shift、Ctrl、Alt的語(yǔ)義不完全總結(jié),其實(shí)有的時(shí)候根據(jù)三種功能鍵的語(yǔ)義就能猜出某些功能的快捷鍵,一試一個(gè)準(zhǔn)
萬(wàn)用滾輪
在大家使用PS時(shí),滾輪這個(gè)東西實(shí)際上并不常用,但一個(gè)滾輪加上三功能鍵卻可以完全實(shí)現(xiàn)縮放和平移、縱移、調(diào)整數(shù)值等功能。
①縮放
· Alt+滾輪:此法可實(shí)現(xiàn)對(duì)畫(huà)布的無(wú)比例縮放,滾動(dòng)時(shí)以鼠標(biāo)所在位置為參照中心進(jìn)行縮放。(PS:筆者不推薦此法,介紹這條純粹為了引出第二個(gè)…)
· Alt+Shift+滾輪:等比例縮放畫(huà)布,滾動(dòng)時(shí)以鼠標(biāo)所在位置為參照中心進(jìn)行縮放(注意看動(dòng)圖中視圖百分比的數(shù)值前后變化),墻裂推薦,我最常使用的快捷鍵之一,等比例縮放,完美替代Ctrl+”+”、Ctrl+"-"。
、谝苿(dòng)
· 視圖在超過(guò)一屏的情況下(或者在全屏下),直接鼠標(biāo)滾輪即可實(shí)現(xiàn)縱向移動(dòng),每滾一小格是一個(gè)屏幕像素;按住Ctrl+滾輪可實(shí)現(xiàn)橫向移動(dòng),也是每格一屏幕像素。
· 在上面的基礎(chǔ)上加上Shift即可實(shí)現(xiàn)加速移動(dòng),每滾一小格就是一個(gè)屏幕,若是放到很大的倍數(shù)那么加上Shift還是十分方便的。
萬(wàn)能選區(qū)對(duì)齊大法
神技 !我一直用它!
這里的神奇之處在于,我可以在PS中實(shí)現(xiàn)以任意區(qū)域?yàn)閷?duì)象進(jìn)行對(duì)齊,這里類(lèi)似AI中關(guān)鍵對(duì)象的設(shè)定(多選N個(gè)目標(biāo)后,再次點(diǎn)擊其中的一個(gè)目標(biāo)將加重顯示,這個(gè)時(shí)候使用對(duì)齊的話是以此目標(biāo)為關(guān)鍵對(duì)象進(jìn)行對(duì)齊),其實(shí)在PS中并不存在這種關(guān)鍵對(duì)象,但是我們?nèi)匀豢梢宰约簞?chuàng)造一個(gè)——選區(qū)!經(jīng)過(guò)不完全測(cè)試,選區(qū)這個(gè)東西無(wú)論是選擇還是對(duì)齊,其優(yōu)先級(jí)都是凌駕于圖層之上的(對(duì)于路徑無(wú)效),所以當(dāng)你在畫(huà)板中創(chuàng)造一個(gè)選區(qū)之后,你的任何對(duì)齊方式都是以此選區(qū)作為關(guān)鍵對(duì)象的!這樣圖中的'效果就不難理解了吧。
· 拓展1:像AI一樣,能不能讓一圖層以其中指定的某個(gè)圖層為關(guān)鍵對(duì)象進(jìn)行對(duì)齊呢?當(dāng)然可以,只需要按住Ctrl點(diǎn)擊想要對(duì)齊的圖層,將它轉(zhuǎn)換為選區(qū)即可,是不是So easy?
· 拓展2:每次都要在狀態(tài)欄上點(diǎn)擊對(duì)齊,是不是好麻煩?快捷鍵木有,這可怎么辦?沒(méi)關(guān)系,咱們自己設(shè)定一個(gè)就是了。打開(kāi)編輯——鍵盤(pán)快捷鍵,打開(kāi)圖層那一頁(yè),找到上面的幾項(xiàng)內(nèi)容,然后根據(jù)自己口味進(jìn)行修改吧! 以后對(duì)齊只用快捷鍵,高大上有木有!
· 拓展3:之前也說(shuō)過(guò)了,選區(qū)的優(yōu)先級(jí)凌駕于圖層之上,同樣圖層具備的有些屬性選區(qū)也同樣具有,比如對(duì)齊邊緣。
幾個(gè)小技巧
· 有的小伙伴會(huì)經(jīng)常在一組同樣尺寸的源文件間切來(lái)切去,把一個(gè)文件中的東西拖到另一個(gè)里,拖過(guò)去發(fā)現(xiàn)位置變了還要再調(diào)整,是不是很煩惱?這里有一個(gè)小秘訣:在把物件拖到另一個(gè)文件中時(shí),按住Shift,如果兩個(gè)文件尺寸是一樣大的,那么它就會(huì)粘在原來(lái)的位置;如果尺寸不同則會(huì)粘在畫(huà)板正中央。此方法無(wú)論是圖層、路徑、形狀、選區(qū)…只要是能拖動(dòng)的東西都可以實(shí)現(xiàn)。
· 用Ctrl+Tab(Mac中是Control+Tab)可以在不同文件畫(huà)板間切換。
· 一個(gè)文件中使用了N個(gè)同樣的智能對(duì)象,只想更改其中一個(gè)?右鍵點(diǎn)擊該層——通過(guò)拷貝新建智能對(duì)象。
· 利用方向鍵移動(dòng)時(shí)嫌走得太慢?按住Shift試試看。
路徑選擇工具的優(yōu)化(CC+)
本條是針對(duì)PSCC及以上版本的技巧(在PSCC發(fā)布之初本是沒(méi)有這個(gè)功能的,后續(xù)的更新中才加上),第一次使用CC時(shí)相信很多人在使用路徑選擇工具時(shí)都有一些不適感——尼瑪怎么什么都能選!
事情是醬紫的,在CC中,Adobe將路徑工具的級(jí)別變?yōu)槿?與AI類(lèi)似),雙擊可將目標(biāo)圖層鎖定,在未鎖定的情況下路徑選擇不受圖層限制,通俗點(diǎn)說(shuō)就是,無(wú)論你有多少個(gè)圖層,是否上鎖,只要存在就可以被選中,但是選中了卻未必可以操作(比如選中的路徑中包含上鎖圖層),這與我們以往的操作習(xí)慣有很大出入,Adobe也發(fā)現(xiàn)了這個(gè)問(wèn)題,所以在后續(xù)版本中增加了這個(gè)切換功能
在第一次框選時(shí)可以選中任意路徑圖層(包括上了鎖的),重新調(diào)整過(guò)左上角的選擇現(xiàn)有圖層/所有圖層后,則只能選擇當(dāng)前圖層,有點(diǎn)類(lèi)似移動(dòng)工具的自動(dòng)選擇。
通過(guò)這一設(shè)置,我們可以控制路徑選擇的范圍,需要選擇某一路徑而不想被其他圖層打擾時(shí)使用“現(xiàn)用圖層”,當(dāng)需要批量操作時(shí)選用“所有圖層”
如何將統(tǒng)一圖層中的多個(gè)形狀快速成多個(gè)圖層?
1.最好選用路徑選擇工具中的【選擇所有圖層(CC+)】
2.選中圖層,切換至路徑選擇工具
3.點(diǎn)選所需形狀/路徑,【C】+【S】+J
4.重復(fù)步驟3,直到拆分結(jié)束
反向圖層
比較隱秘的一個(gè)技巧~不知道大家有沒(méi)有遇到過(guò)類(lèi)似的困擾,排了一堆的圖層,最后發(fā)現(xiàn)順序全都反了,眼見(jiàn)如山的圖層,怎么辦,挨張調(diào)整順序?有的同學(xué)可能要說(shuō),一定有類(lèi)似的插件或者動(dòng)作的,其實(shí)PS里一直都有這一功能的~
圖層——排列——反向(選中多個(gè)圖層才能使用)
非線性歷史記錄
開(kāi)啟了非線性歷史記錄的狀態(tài),可以看到在我進(jìn)行撤銷(xiāo)操作后在進(jìn)行的操作,其記錄會(huì)承接之前的步驟,也就是說(shuō) 無(wú)論是否被撤銷(xiāo),所有的歷史記錄都將被保留,這樣我們做圖時(shí)的靈活性就變得更強(qiáng)了,當(dāng)然弊端也不少,一是開(kāi)啟之后歷史記錄條數(shù)將增長(zhǎng)得飛快,耗資源不說(shuō),關(guān)鍵步驟被刷掉就悲催了。再就是習(xí)慣問(wèn)題了,我第一次開(kāi)啟時(shí)感覺(jué)務(wù)必的別扭……新鮮勁兒過(guò)去了就改回來(lái)了,不知各位看官是否有用得習(xí)慣的~開(kāi)啟方法見(jiàn)下圖:
漸變窗口拉伸
不算冷,常玩PS的人應(yīng)該都知道~調(diào)整超多拐點(diǎn)的漸變時(shí)會(huì)很費(fèi)勁,那么在邊緣把窗口拉開(kāi)就可以了啊
顯示蒙版
很多新手對(duì)于蒙版的概念不是很清楚,這個(gè)技巧可以讓你很清晰地感受蒙版的原理:按住Alt點(diǎn)擊蒙版(限圖層蒙版,矢量蒙版無(wú)效),這時(shí)畫(huà)板將切換至蒙版的灰度狀態(tài),使調(diào)整更加方便~按住Alt再次點(diǎn)擊蒙版即可退出狀態(tài)。順便一提,按住Shift點(diǎn)擊蒙版為停用。
通過(guò)形狀新建參考線(Photoshop CC 2014.2)
在上面提到過(guò),通過(guò)選區(qū)邊界的吸附特性來(lái)快速創(chuàng)建參考線的技巧,現(xiàn)在Adobe在更新中加入了類(lèi)似的功能,使用起來(lái)更加方便~
一鍵創(chuàng)建參考線,就是這么簡(jiǎn)單~使用方法也是非常簡(jiǎn)單(我自定義了快捷鍵,這個(gè)功能本身是沒(méi)有的),在視圖中找到“通過(guò)形狀新建參考線“即可一鍵創(chuàng)建參考線,就是這么簡(jiǎn)單~使用方法也是非常簡(jiǎn)單(我自定義了快捷鍵,這個(gè)功能本身是沒(méi)有的),在視圖中找到“通過(guò)形狀新建參考線“即可
新建參考線版面(Photoshop CC 2014.2)
有心的同學(xué)應(yīng)該已經(jīng)發(fā)現(xiàn)了,視圖中的另一個(gè)新項(xiàng)目:新建參考線版面
通過(guò)這一功能,我們可以快速的為整個(gè)頁(yè)面創(chuàng)建成套的參考線,另外Adobe還給出了四種參考線預(yù)設(shè):8列、12列、16列、24列。
另外我們也可以將常用的參考線版面存儲(chǔ)成預(yù)設(shè),比如960模板等另外我們也可以將常用的參考線版面存儲(chǔ)成預(yù)設(shè),比如960模板等
以行為例,我們來(lái)說(shuō)一下這三個(gè)參數(shù):
數(shù)字:一共有幾組(兩根)參考線
高/寬度:這一組(兩根)參考線間的距離
裝訂線:組與組之間的距離
快速切片
有的時(shí)候,我們的切圖并不是“貼邊切“的,需要為圖形留出邊界來(lái)保證一批切圖的相同尺寸,那么我們可以先做一層所需尺寸的模板作為切圖參考,然后再隱藏就是了:但是有的時(shí)候,我們的切圖并不是“貼邊切“的,需要為圖形留出邊界來(lái)保證一批切圖的相同尺寸,那么我們可以先做一層所需尺寸的模板作為切圖參考,然后再隱藏就是了:
PS:這是最新的發(fā)現(xiàn),通過(guò)這個(gè)功能創(chuàng)建的切片跟所屬的形狀有連接關(guān)系,如果所屬形狀發(fā)生變化(位移、形變),切片也會(huì)跟著動(dòng),這一點(diǎn)好好利用的話也是十分便捷的PS:這是最新的發(fā)現(xiàn),通過(guò)這個(gè)功能創(chuàng)建的切片跟所屬的形狀有連接關(guān)系,如果所屬形狀發(fā)生變化(位移、形變),切片也會(huì)跟著動(dòng),這一點(diǎn)好好利用的話也是十分便捷的
方法還是十分簡(jiǎn)單:圖層——新建基于圖層的切片(我設(shè)置了快捷鍵,本身是木有的)
生成圖像資源增強(qiáng)版——抽出資源(Photoshop CC 2014.2)
冷知識(shí)番外篇中有介紹過(guò)一個(gè)CC14.1的新功能——生成器,可以自動(dòng)將所需圖層導(dǎo)出為不同尺寸的切圖。這次的新功能 抽出資源相當(dāng)于是輕量版的生成圖像資源
方法:選中文件/組,找到文件——抽出資源… 點(diǎn)擊后進(jìn)入抽出資源界面
整個(gè)界面中沒(méi)有什么太難理解的地方,右側(cè)抽出資源那里有0.25x、0.5x、2x、3x幾個(gè)不同尺寸切圖的選項(xiàng),如果不夠的話點(diǎn)擊齒輪或者左下角的設(shè)置會(huì)有更多的選擇
下面的自動(dòng)提取,當(dāng)文檔變更后會(huì)重新生成資源,類(lèi)似生成器。
打開(kāi)/關(guān)閉所有組、打開(kāi)/關(guān)閉其他組(Photoshop CC 2014.2)
這個(gè)問(wèn)題也是很多人都在問(wèn)了,新版本終于有了這個(gè)功能~
使用方式:按住Ctrl點(diǎn)擊組前面的箭頭即可,注意此功能貌似只針對(duì)最外層組有效,里面的就不好使了
一條圖層,多個(gè)區(qū)域均可右鍵點(diǎn)擊,每個(gè)區(qū)域出現(xiàn)的列表也各不相同,圖中是右鍵點(diǎn)擊組前面的箭頭,在列表中選擇打開(kāi)/關(guān)閉其他組~
【Ps平面設(shè)計(jì)教程-平面設(shè)計(jì)快速切片】相關(guān)文章:
利用PS將時(shí)間切片的教程11-23
PS快速制作連體字教程11-23
PS快速蒙板使用教程11-20
平面設(shè)計(jì)ps色彩基礎(chǔ)知識(shí)12-16
ps快速給黑白照片上色教程11-20
PS教程11-23
Fireworks多邊形切片教程05-05
平面設(shè)計(jì)理念12-24