當(dāng)前位置:首頁(yè)>ps入門教程>ps基礎(chǔ)教程>工具教程>教程內(nèi)容

ps大師之路:使用自由變換(3)

來(lái)源:ps教程論壇 作者:ps教程論壇 學(xué)習(xí):6433人次


我們之前已經(jīng)兩次接觸過(guò)自由變換,一次是在畫銀河的時(shí)候,我們使用了它的縮放和旋轉(zhuǎn)。一次是使用移動(dòng)工具附帶的變換功能。雖然當(dāng)時(shí)并沒(méi)有詳細(xì)地加以介紹,不過(guò)對(duì)于這個(gè)功能應(yīng)該不會(huì)感到困難。本來(lái)按照順序現(xiàn)在應(yīng)該學(xué)習(xí)圖層蒙板,但是考慮到在以后的內(nèi)容中,將越來(lái)越多地使用到自由變換功能,因此先行介紹。

在早期版本的Photoshop中,各種變換操作是分開(kāi)的,如果你想如同我們畫星系時(shí)那樣,將一個(gè)圖形拉伸并旋轉(zhuǎn),要進(jìn)行兩次的操作,要么先拉再轉(zhuǎn),要么先轉(zhuǎn)再拉,這是很不好的。我們?cè)谠缦鹊恼n程中學(xué)習(xí)過(guò),針對(duì)點(diǎn)陣圖像的改變對(duì)像素是有損失的,在一些細(xì)節(jié)部位表現(xiàn)得尤其明顯。兩次的調(diào)整就需進(jìn)行兩次的像素重組計(jì)算,要損失很多像素。

自由變換將各種操作融合在一起,旋轉(zhuǎn)、拉伸、透視等操作可以一次全部完成,并且對(duì)像素來(lái)說(shuō)只進(jìn)行了一次重組計(jì)算。這樣的圖像質(zhì)量要優(yōu)于分次計(jì)算。我們將在本節(jié)最后來(lái)實(shí)際體會(huì)一下兩者的區(qū)別。

動(dòng)手吧,首先新建圖像,新建一層。使用形狀工具中的自定義形狀〖U/SHIFT_U〗,從公共欄的形狀列表中選一個(gè)形狀畫在新建層上。注意要使用形狀工具的第三種繪圖方式:填充像素方式(如下左圖紅色箭頭處)。繪制時(shí)候按住SHIFT鍵可保持圖案原比例。這個(gè)形狀工具其實(shí)是矢量方式的,以后的課程中會(huì)有詳細(xì)的介紹,F(xiàn)在我們還是先把它當(dāng)作點(diǎn)陣工具來(lái)使用。完成后圖像如下右圖。

切記要畫在新建層上,因?yàn)樵诒尘皩由鲜菬o(wú)法使用變換功能的。都說(shuō)想練武就要打通任督二脈,任脈和督脈是人體的兩條主經(jīng)絡(luò),其余皆為分支。那么圖層就是其中的任脈,在以后的內(nèi)容中大家都要時(shí)刻記住層這個(gè)概念,適當(dāng)?shù)胤謱,并且在做一些針?duì)圖層的操作前,要緊記選擇正確的層。很多初學(xué)者都是記住了要新建層,卻在之后忽略了正確地選擇層。雖然我們?cè)谶@里再三強(qiáng)調(diào)了,不過(guò)作為初學(xué)者還是會(huì)經(jīng)常犯這樣的錯(cuò)誤。那么在發(fā)現(xiàn)錯(cuò)誤的時(shí)候,先看看是不是圖層的問(wèn)題。



0801確保選擇的層是新建層,啟動(dòng)自由變換功能【編輯_自由變換】〖CTRL_T〗,在圖形的四周會(huì)出現(xiàn)矩形調(diào)整框(也稱定界框)。如下左圖。在自由變換中的操作都是通過(guò)拖動(dòng)矩形框的各個(gè)控制點(diǎn)實(shí)現(xiàn)的。為了便于講解我將圖片進(jìn)行了標(biāo)注,如下右圖,四周為1至8號(hào)控制點(diǎn),中心還有一個(gè)0點(diǎn)。0點(diǎn)是旋轉(zhuǎn)、縮放、翻轉(zhuǎn)的中心。用鼠標(biāo)拖動(dòng)0點(diǎn)即可改變中心點(diǎn)位置。有時(shí)調(diào)整框過(guò)于細(xì)小時(shí),拖動(dòng)0點(diǎn)可能會(huì)造成拖動(dòng)了其它的控制點(diǎn),此時(shí)可在0點(diǎn)位置上按住ALT鍵拖動(dòng)。



同時(shí)公共欄也會(huì)出現(xiàn)相應(yīng)的數(shù)值指示。如下圖。這些數(shù)值都會(huì)隨著變換的操作隨之改變。也可以手動(dòng)輸入數(shù)值來(lái)控制變換效果。在變換的操作過(guò)程中按下ESC鍵等同于放棄,按下回車將等同于確定。需要注意的是放棄將會(huì)撤銷本次所做的所有變換。

公共欄左端的標(biāo)志是定位中心位于調(diào)整框的9個(gè)極端坐標(biāo),默認(rèn)為中心坐標(biāo)。點(diǎn)擊可以快速設(shè)置定位中心0點(diǎn)的位置。



啟動(dòng)自由變換后,各種專項(xiàng)操作可以點(diǎn)右鍵在彈出的列表中選擇,也可以通過(guò)快捷鍵來(lái)切換。下面我們來(lái)分別講解幾種變換類型及使用方法。注意其中的快捷鍵都是在未選擇專項(xiàng)操作時(shí)才有效。如果已經(jīng)選了專項(xiàng)操作,可在列表中選擇頂部的“自由變換”項(xiàng)目。

旋轉(zhuǎn)

不需要快捷鍵,將鼠標(biāo)至于8個(gè)控制點(diǎn)之外,光標(biāo)將變?yōu)?img border="0" alt="" src="http://pic.16xx8.com/allimg/111010/140TH331-5.gif" title="[轉(zhuǎn)載]Photoshop大師之路:使用自由變換(轉(zhuǎn)載)" />或類似的樣子。此時(shí)拖動(dòng)鼠標(biāo)即可旋轉(zhuǎn)圖形。如下左圖。

旋轉(zhuǎn)同時(shí)按住〖SHIFT〗鍵可鎖定每次旋轉(zhuǎn)為15度,這在做一些特殊角度(如45度,90度)的旋轉(zhuǎn)時(shí)很方便。注意公共欄中的旋轉(zhuǎn)角度數(shù)值,如果順時(shí)針旋轉(zhuǎn)角度為正數(shù),逆時(shí)針時(shí)為負(fù)數(shù)。因此如果需要手動(dòng)輸入一些特殊的角度(如17.8度)時(shí)要先想清楚方向,再?zèng)Q定是正數(shù)或負(fù)數(shù)。

改變0點(diǎn)的位置將改變旋轉(zhuǎn)中心,旋轉(zhuǎn)中心可以在調(diào)整框之外。



縮放

也可稱為拉伸,有水平豎直兩個(gè)方向的區(qū)別。不需要快捷鍵,將鼠標(biāo)置于4,5上為水平方向縮放。置于2,7上為豎直方向縮放。置于1,3,6,8上為水平豎直同時(shí)縮放。如下圖。按住ALT鍵將同時(shí)縮放對(duì)邊(4,5和2,7)或四邊(1,3,6,8)。

在水平豎直方向同時(shí)縮放的時(shí)候,按住SHIFT鍵或按下公共欄中的鎖定比例按鈕,可鎖定寬高比不變進(jìn)行等比縮放。但需要注意的是,這個(gè)等比并不是針對(duì)調(diào)整前的原圖像而言的。即使原來(lái)是一個(gè)正圓,寬高比例為1:1,如果你先做了一些不等比的縮放變換后變?yōu)?:2。那么即使此時(shí)按下SHIFT鍵,也只能鎖定在3:2的比例上,而不能是原先的1:1了。這是一個(gè)需要注意的問(wèn)題。如果要找回原來(lái)的比例,可以嘗試撤銷一步〖CTRL_Z〗,但只能撤銷一步,實(shí)在不行就只好放棄本次變換(按ESC)后重新開(kāi)始。

改變0點(diǎn)的位置將改變縮放中心,縮放中心可以在調(diào)整框之外。



斜切

斜切的效果分為兩種,按住CTRL和SHIFT在2457上拖動(dòng)就像把矩形變?yōu)槠叫兴倪呅危m然形狀任意,但對(duì)邊一定是平行的。如下左1圖和左2圖。

在1368上拖動(dòng)則只會(huì)改變一個(gè)角,相當(dāng)于變矩形為梯形,如下左3圖。正常方式下一次只能在一個(gè)方向上移動(dòng),按住CTRL可同時(shí)在兩個(gè)方向上移動(dòng)。這里的方向是以變換框邊為準(zhǔn),如果變換框邊與水平線是12度夾角,那么就只能在12度的方向上移動(dòng)。如下最右圖,此時(shí)只能在兩條綠線方向上移動(dòng)。

按住ALT可同時(shí)改變對(duì)邊或?qū)恰?br />


扭曲

任意地移動(dòng)邊或角的位置。按住CTRL在1至i8上均可拖動(dòng)。在2475上移動(dòng)邊,如下左圖。在1368上移動(dòng)角,如下右圖。

可以說(shuō)扭曲就是更加自由的斜切,斜切中每次移動(dòng)邊和角都有方向的限制,而扭曲則沒(méi)有。



透視

透視效果簡(jiǎn)單地說(shuō)就是近大遠(yuǎn)小,比如一堵墻離你近的部分看起來(lái)就較大,遠(yuǎn)的部分看起來(lái)就較小。〖CTRL_SHIFT_ALT〗在1368上拖動(dòng),如下左圖和中圖。注意同在一條邊上的兩個(gè)點(diǎn)會(huì)互相影響,比如將1往右移動(dòng)的同時(shí)3將等距離往左移動(dòng)。正常方式下,每次拖動(dòng)只能在X軸或Y軸方向上,如果按住CTRL可同時(shí)進(jìn)行。如下右圖。

在2457上效果等同于斜切。



旋轉(zhuǎn)180度、順時(shí)針90度、逆時(shí)針90度

這3個(gè)應(yīng)該很簡(jiǎn)單,不必多說(shuō),效果分別如下3圖所示。改變0點(diǎn)的位置將改變旋轉(zhuǎn)中心,旋轉(zhuǎn)中心可以在調(diào)整框之外。



水平翻轉(zhuǎn)、垂直翻轉(zhuǎn)

效果分別如下2圖。乍一看有點(diǎn)像旋轉(zhuǎn)的效果,但請(qǐng)仔細(xì)看看就會(huì)明白與旋轉(zhuǎn)的根本不同,或者你可以嘗試用旋轉(zhuǎn)來(lái)做做看。改變0點(diǎn)的位置將改變翻轉(zhuǎn)中心,翻轉(zhuǎn)中心可以在調(diào)整框之外。

有關(guān)翻轉(zhuǎn)的概念在以前課程中已經(jīng)講解過(guò)了,這里就不再重復(fù)。沒(méi)有閱讀過(guò)的讀者請(qǐng)參閱課程#03_筆刷的詳細(xì)設(shè)定。



變形

可以令圖像產(chǎn)生類似哈哈鏡的變形效果。可以在啟動(dòng)了自由變換〖CTRL_T〗命令后點(diǎn)擊公共欄中的按鈕,圖像即會(huì)產(chǎn)生一個(gè)彎曲網(wǎng)格,網(wǎng)格將圖像分為了9個(gè)部分,如下左圖。此時(shí)拖動(dòng)圖像任意部位即可產(chǎn)生彎曲的效果,拖動(dòng)位于互為對(duì)頂角的4個(gè)角點(diǎn)可以移動(dòng),并且還可以更改角點(diǎn)的方向線角度和長(zhǎng)度,令角點(diǎn)處呈現(xiàn)銳角或鈍角(原先是呈90度角的)。這里的方向線含義和控制方法與我們今后將要在路徑部分學(xué)習(xí)的內(nèi)容相近,大家現(xiàn)在可以嘗試改變角點(diǎn)上的兩條方向線會(huì)產(chǎn)生怎樣的效果。

彎曲功能啟動(dòng)后,在公共欄中可以選擇幾種常用的彎曲設(shè)定(如扇形等)。按鈕可以更改彎曲的方向(如將扇形旋轉(zhuǎn)90度)。完成彎曲設(shè)定后,再次點(diǎn)擊按鈕將回到自由變換中,此時(shí)還可以進(jìn)行其他的變換。

-

下面我們來(lái)示范一下本節(jié)開(kāi)頭所說(shuō)的一次變換和分次變換的效果區(qū)別。為了讓效果明顯,我們?cè)谀J(rèn)形狀中使用一個(gè)較為細(xì)致的圖像,F(xiàn)在將高度縮小50%、角度旋轉(zhuǎn)30度,來(lái)比較一下兩種操作的區(qū)別。如下圖,上行為分兩次變換的步驟(完成縮小變換后即確認(rèn),然后再次使用變換命令進(jìn)行旋轉(zhuǎn)),下行為一次變換的步驟(完成縮小后繼續(xù)進(jìn)行旋轉(zhuǎn),最后確認(rèn))。放大燈泡的尾部,可以明顯感到分次變換的圖像細(xì)節(jié)模糊不清,不如一次變換的圖像來(lái)的清晰銳利。



由此可見(jiàn),自由變換功能對(duì)像素是有損失的,但如果使用矢量圖型則完全沒(méi)有這種煩擾。形狀工具〖U/SHIFT_U〗本身是矢量的,只不過(guò)之前我們都使用它的點(diǎn)陣?yán)L圖方式,現(xiàn)在我們使用矢量方式來(lái)做做看。如下圖,新建圖像,選擇形狀工具〖U/SHIFT_U〗,在公共欄將繪圖方式改為第一種“形狀圖層”,如下左圖紅色箭頭處。



不需要新建層,直接繪制即可。Photoshop將會(huì)自動(dòng)產(chǎn)生一個(gè)圖層。注意繪制完后圖型將有一個(gè)邊緣存在(如下左圖)。雖然并不影響操作但在視覺(jué)上有時(shí)會(huì)造成障礙,可在圖層面板中點(diǎn)擊如下右圖紅色箭頭處即可隱藏邊緣。這邊緣其實(shí)就是路徑,路徑屬于矢量圖形。路徑就是Photoshop的“督脈”,我們將在后面課程中專門來(lái)學(xué)習(xí)路徑的相關(guān)內(nèi)容。掌握?qǐng)D層(包括將要學(xué)習(xí)的蒙版和樣式)和路徑這“任督二脈”后,從事各種制作將得心應(yīng)手。

這自動(dòng)產(chǎn)生的圖層屬于特殊圖層,稱為填充層,雙擊該層縮覽圖會(huì)出現(xiàn)顏色選取框,此時(shí)可改變所繪圖形的顏色。這是填充層所特有的功能。我們將在后面詳細(xì)介紹各種特殊圖層。在這里先別去深究。

現(xiàn)在大家可以使用自由變換〖CTRL_T〗對(duì)這個(gè)矢量圖形進(jìn)行上面的一次變換和分次變換的最終效果比較。可以預(yù)言你們將看不到任何區(qū)別,如果看到了,很可能是沒(méi)有使用正確的矢量繪圖方式。

-

0802【編輯_變換_再次】〖CTRL_SHIFT_T〗可以將上一次做過(guò)的變換操作重復(fù)執(zhí)行一次,并且重復(fù)的時(shí)候可針對(duì)其他圖層進(jìn)行。這是一個(gè)很便利的功能,我們可以用這個(gè)功能制作一組連續(xù)的圖案。方法是做完變換后復(fù)制該層,然后再對(duì)復(fù)制出來(lái)的層使用再次變換命令〖CTRL_SHIFT_T〗。

如下左圖,將一個(gè)皺邊的矩形(可在默認(rèn)形狀中找到)進(jìn)行了等比縮小和旋轉(zhuǎn),旋轉(zhuǎn)中心位于圖形之外,然后復(fù)制圖層重做變換。得到了面積越來(lái)越小,旋轉(zhuǎn)角度越來(lái)越大的一組矩形。下右圖則是將燈泡按照30度旋轉(zhuǎn),旋轉(zhuǎn)中心位于燈泡底部,于是看到了一組環(huán)繞中心點(diǎn)排開(kāi)的類似花朵的圖案。

-

再次變換功能對(duì)點(diǎn)陣和矢量圖像都有效,但是經(jīng)過(guò)你們自己動(dòng)手實(shí)驗(yàn)后,應(yīng)該都明白使用矢量圖像較好。如果使用點(diǎn)整圖像,那個(gè)皺邊的矩形將隨著變換次數(shù)的增加而越來(lái)越模糊不清。在Illustrator中也有類似的再次變換。我們將在以后學(xué)習(xí)到。

總結(jié):

1、自由變換【編輯自由變換】〖Ctrl+T〗:集多種變換融為一體,在一步內(nèi)完成,減少操作步驟,避免多步操作對(duì)像素的損失。
2、按〖Ctrl+T〗后,周圍8個(gè)點(diǎn)為控制點(diǎn),可改變圖象大;鼠標(biāo)在框內(nèi)可移動(dòng)圖象;中心點(diǎn)是變化的參考點(diǎn);鼠標(biāo)為旋轉(zhuǎn)標(biāo)志時(shí),可以旋轉(zhuǎn)圖象(以中心點(diǎn)為中心旋轉(zhuǎn));公共屬性欄的一些數(shù)值為一些參數(shù),可參考;其中X、Y的值為中心點(diǎn)的坐標(biāo)。中心點(diǎn)可根據(jù)需求移到圖像外或邊上(圖形太小時(shí)可按Alt鍵選中心點(diǎn))。
3、相關(guān)選項(xiàng):
按Shift,拖動(dòng)角點(diǎn)等比例縮放;
點(diǎn)右鍵,有許多選項(xiàng)(自由變換、縮放、旋轉(zhuǎn)、斜切、扭曲、透視,變形…等),供選用。
其中:
縮放、旋轉(zhuǎn)無(wú)須贅述;
斜切:拖動(dòng)控制點(diǎn)(或按CTRL拖動(dòng)邊上中間的控制點(diǎn)),可向一邊傾倒,可做陰影;
扭曲:角點(diǎn)可放置任意位置(或可按CTRL在角點(diǎn)進(jìn)行操作);
透視:拖動(dòng)角點(diǎn),可產(chǎn)生近大遠(yuǎn)小或近小遠(yuǎn)大的效果。
變形:屬性欄中提供了一些可選效果,也可拖動(dòng)網(wǎng)格產(chǎn)生一些效果。
總結(jié):按CTRL拖動(dòng)角點(diǎn),扭曲;按CTRL拖動(dòng)中間控制點(diǎn),斜切。要確認(rèn)操作,可按Enter鍵或點(diǎn)擊屬性欄上的“√”或在圖形內(nèi)雙擊。
4、結(jié)論:
⑴除了平移(及水平翻轉(zhuǎn)、垂直翻轉(zhuǎn)),其它操作都對(duì)像素有損失;
⑵應(yīng)該一次性完成“自由變換”,不要多次重復(fù)使用。

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
石玟2012-05-31 11:07
每當(dāng)哥看到這種帖子的時(shí)候,哥總是很淡定的點(diǎn)進(jìn)去!不求粉,不評(píng)價(jià),不噴人,不搞基,不只為打醬油,只是想證明哥,依然存在。當(dāng)樓主看到我的回復(fù)的時(shí)候,或許我已經(jīng)離開(kāi)了這個(gè)帖子!不要傷心,不要難過(guò)!我只是挽尊黨的一員,這個(gè)世界還有太多的0回復(fù)帖、需要哥去挽!如果你覺(jué)得慚愧!
孩子Ta★爹★2012-04-04 10:15
頂下頂下頂下頂下頂下頂下頂下頂下頂下頂下頂下頂下頂下
灰度空間2012-04-01 03:31
教程不錯(cuò)
天外洞天2012-03-21 03:53
<給力>
白菊2012-03-01 08:05
很 不錯(cuò)的
q3052255352012-02-26 03:53
學(xué)習(xí)了,有視頻,有文字<給力>
q3052255352012-02-26 03:52
<給力>kanka看看~~~~~~~!
lxy198405102012-02-25 08:44
學(xué)習(xí)了,有視頻,有文字,很詳細(xì)!
yjf88882011-12-24 09:24
不錯(cuò),又學(xué)到點(diǎn)東東。
yjf88882011-12-24 09:23
不錯(cuò),又學(xué)到點(diǎn)新東西。

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!