《圖形圖像設(shè)計(jì)技法精解》（楊睿）137-0課件 第七章 熟悉形狀與自由變換工具

PhotoshopCC2018圖形圖像設(shè)計(jì)技法精解熟悉形狀與自由變換工具07熟練掌握形狀工具組中常用工具的用法。熟練掌握形狀的編輯方法。熟練掌握自定形狀工具的用法。充分熟悉自由變換命令。能夠熟練使用再次變換命令。熟練掌握縮放和旋轉(zhuǎn)對(duì)象的方法。熟練掌握斜切、變形、扭曲及透視命令的用法。第一節(jié)設(shè)計(jì)與制作幾何形狀

海報(bào)—形狀工具在Photoshop中，不僅可以使用形狀工具組中的工具直接繪制各種不同的形狀，還可以利用布爾運(yùn)算獲得各種不同的圖形疊加效果。因此，掌握好形狀工具的使用十分重要。一、矩形工具二、圓角矩形工具目錄三、橢圓工具四、多邊形工具五、直線工具六、自定形狀工具一、矩形工具打開Photoshop，選擇【矩形工具】，或按快捷鍵【U】快速切換到形狀工具組。在工具屬性欄的【選擇工具模式】下拉列表中可以選擇【形狀】【路徑】或【像素】3種模式。根據(jù)需要設(shè)置形狀填充類型、形狀描邊類型、形狀描邊寬度、描邊選項(xiàng)。設(shè)置好各項(xiàng)屬性后，在畫布中按下鼠標(biāo)并向右下方拖動(dòng)，可繪制矩形。當(dāng)按住【Shift】鍵拖動(dòng)鼠標(biāo)時(shí)，創(chuàng)建出來的是正方形。在菜單欄中選擇【窗口】→【屬性】項(xiàng)，打開【屬性】面板，可在其中設(shè)置矩形的各項(xiàng)屬性。二、圓角矩形工具【圓角矩形工具】的用法與【矩形工具】類似，只是在工具屬性欄中多了圓角的【半徑】設(shè)置項(xiàng)，使用它可以改變圓角矩形中圓角的弧度。默認(rèn)情況下，4個(gè)角半徑是鏈接在一起的，調(diào)整任意一個(gè)角，其他角都會(huì)跟著變。當(dāng)取消選擇【將角半徑值鏈接到一起】按鈕時(shí)，就可以單獨(dú)調(diào)整4個(gè)角半徑值中的任一個(gè)。將角半徑值鏈接到一起三、橢圓工具【橢圓工具】和【矩形工具】的用法差不多。在形狀工具組中選擇【橢圓工具】，之后在畫布中按住鼠標(biāo)左鍵向右下方拖動(dòng)，即可繪制橢圓。若按住【Shift】鍵拖動(dòng)鼠標(biāo)，則可創(chuàng)建正圓。四、多邊形工具【多邊形工具】的基礎(chǔ)設(shè)置項(xiàng)與矩形、圓角矩形、橢圓等工具相同。不同的是，【多邊形工具】屬性欄的最右側(cè)有一個(gè)【設(shè)置邊數(shù)（或星形的頂點(diǎn)數(shù)）】項(xiàng)。通過更改該數(shù)值，可以得到不同邊數(shù)的多邊形，或不同頂點(diǎn)數(shù)的星形。單擊按鈕，在其下拉面板中勾選【平滑拐角】，可繪制圓角多邊形；勾選【星形】，可以繪制星形；調(diào)整【縮進(jìn)邊依據(jù)】值可以更改星形的大小；勾選【平滑縮進(jìn)】復(fù)選框，可得到內(nèi)角也為圓角的星形或多邊形五、直線工具在形狀工具組中選擇【直線工具】，按住【Shift】鍵拖動(dòng)鼠標(biāo)，可以畫出水平、垂直或45°角的直線；不按【Shift】鍵可以畫出任意角度的直線。六、自定形狀工具自定義形狀用【鋼筆工具】繪制任意形狀；在菜單欄中選擇【編輯】→【定義自定形狀】項(xiàng)，彈出【形狀名稱】對(duì)話框，在【名稱】編輯框中輸入形狀名稱，單擊【確定】按鈕。在形狀工具組中選擇【自定形狀工具】，然后在工具屬性欄【形狀】下拉面板中選擇預(yù)設(shè)的形狀，之后在畫布中拖動(dòng)鼠標(biāo)可繪制預(yù)設(shè)的形狀?！蹲髌氛故尽繁景咐\(yùn)用抽象幾何形狀進(jìn)行主題設(shè)計(jì)，不僅具有很強(qiáng)的形式感，而且簡(jiǎn)單明了，制作方法也容易掌握，對(duì)于形狀工具的練習(xí)可以起到很好的輔助作用，效果如圖所示。此種風(fēng)格的設(shè)計(jì)作品可用于節(jié)日促銷、商品宣傳、品牌導(dǎo)購等領(lǐng)域?！对O(shè)計(jì)與制作》本案例將幾何圖形與人物圖像結(jié)合起來，運(yùn)用平面構(gòu)成中的點(diǎn)、線、面建立整個(gè)畫面的結(jié)構(gòu)。不同形狀的圖形互相映襯疊加、層次分明，很好地凸顯了畫面的秩序感。具體操作步驟請(qǐng)掃描右側(cè)二維碼。第二節(jié)二維建筑照片立體化—自由變換在編輯形狀時(shí)，常需要對(duì)其進(jìn)行變形。自由變換就是實(shí)現(xiàn)這一功能的強(qiáng)大命令之一，熟練掌握它的用法會(huì)給工作帶來很大的方便。一、自由變換命令二、再次變換命令目錄三、縮放對(duì)象五、斜切對(duì)象四、旋轉(zhuǎn)對(duì)象六、變形對(duì)象七、扭曲對(duì)象八、透視一、自由變換命令選中普通圖層，選擇菜單欄中的【編輯】→【自由變換】項(xiàng)，或按快捷鍵【Ctrl+T】，調(diào)出圖像四周的【自由變換】控件框。使用【自由變換】控件框可以控制圖像的變換效果?！咀杂勺儞Q】控件框有8個(gè)控點(diǎn)和1個(gè)參考點(diǎn)。其中，控點(diǎn)可控制形變；參考點(diǎn)則是變換軸心，用鼠標(biāo)拖動(dòng)可以將其隨意移動(dòng)。在工具屬性欄中，可利用【參考點(diǎn)位置】按鈕快速精準(zhǔn)定位參考點(diǎn)。二、再次變換命令當(dāng)我們對(duì)圖像執(zhí)行過一次變換后，選擇【編輯】→【變換】→【再次】項(xiàng)，或按快捷鍵【Shift+Ctrl+T】，再次執(zhí)行變換操作。按快捷鍵【Shift+Alt+Ctrl+T】將圖像再次變換并復(fù)制。在保證原圖不變的情況下，可以創(chuàng)建出多個(gè)變換副本。三、縮放對(duì)象【縮放對(duì)象】可以通過修改工具屬性欄中的寬高百分比，來實(shí)現(xiàn)對(duì)圖像的精確縮放；也可以用鼠標(biāo)拖動(dòng)進(jìn)行手動(dòng)縮放。將鼠標(biāo)放在任意控點(diǎn)或控線處，當(dāng)出現(xiàn)雙向箭頭時(shí)按住鼠標(biāo)拖拽即可對(duì)圖像執(zhí)行縮放操作。按住【Shift】鍵拖拽頂角的控點(diǎn)，可實(shí)現(xiàn)等比例縮放；按住【Alt】鍵拖拽，可實(shí)現(xiàn)以參考點(diǎn)為軸心的縮放；同時(shí)按住【Shift】鍵和【Alt】鍵，可實(shí)現(xiàn)以參考點(diǎn)為軸心的等比例縮放四、旋轉(zhuǎn)對(duì)象在工具屬性欄中可以精確地控制旋轉(zhuǎn)角度，同樣也可以手動(dòng)進(jìn)行旋轉(zhuǎn)。將鼠標(biāo)移至控件框的控點(diǎn)外圍時(shí)，光標(biāo)會(huì)變成一個(gè)拐彎的雙箭頭，此時(shí)拖動(dòng)鼠標(biāo)就可以旋轉(zhuǎn)圖像。結(jié)合【Shift】鍵，可以鎖定角度，每隔15°旋轉(zhuǎn)一擋。此外，通過改變參考點(diǎn)位置，可以以不同的軸心進(jìn)行旋轉(zhuǎn)。右擊鼠標(biāo)，在彈出的快捷菜單中選擇【旋轉(zhuǎn)180°】【旋轉(zhuǎn)90°（順時(shí)針）】或【旋轉(zhuǎn)90°（逆時(shí)針）】，可快速旋轉(zhuǎn)圖像。五、斜切對(duì)象【斜切】是對(duì)圖像的傾斜操作，工具屬性欄中角度設(shè)置項(xiàng)后面的【H】和【V】是斜切的水平和垂直參數(shù)，可以在此輸入數(shù)值設(shè)置斜切角度，也可以在右鍵菜單中選擇【斜切】命令。移動(dòng)光標(biāo)到對(duì)象邊緣中間的控點(diǎn)，光標(biāo)會(huì)變成雙向箭頭，拖動(dòng)鼠標(biāo)可以手動(dòng)進(jìn)行斜切操作六、變形對(duì)象單擊【在自由變換和變形模式之間切換】按鈕，可調(diào)出【變形】控件框。在右鍵菜單中也能找到【變形】命令。【變形】控件框?yàn)榫艑m格式的貝塞爾網(wǎng)面，通過對(duì)控點(diǎn)、控桿以及網(wǎng)面的拖拽，可以實(shí)現(xiàn)對(duì)象的自由變形。七、扭曲對(duì)象在右鍵快捷菜單中選擇【扭曲】命令后，用鼠標(biāo)拖動(dòng)控點(diǎn)，可以隨意變形對(duì)象，其他控點(diǎn)不受影響。在【自由變換】模式下，按住【Ctrl】鍵可以快速進(jìn)入【扭曲】模式。八、透視【透視】模式與【扭曲】模式很像，也是直接拖拽控點(diǎn)定位，但其遵循透視法則。《作品展示》本案例運(yùn)用視錯(cuò)覺的方式進(jìn)行表現(xiàn)，將二維圖像模擬成三維的透視效果，具有很強(qiáng)的立體感，且富有視覺沖擊力，能給人眼前一亮的感覺，適用于各類廣告宣傳，效果如圖

所示。相信讀者通過該案例的學(xué)習(xí)，能夠很好地掌握自由變換命令的應(yīng)用?！对O(shè)計(jì)與制作》本案例運(yùn)用透視原理將二維平面與三維立體相結(jié)合，運(yùn)用圖層與蒙版之間的關(guān)系，創(chuàng)建虛擬空間，