發(fā)布時(shí)間:2024-03-02 19:01:06 瀏覽量:205次
一對一服務(wù),猶如全職。上石藝術(shù)有天馬行空的想象可打破常識(shí)的束縛,喚醒大眾的審美角度,不要叫我牛逼設(shè)計(jì),請叫我神筆馬良。www.shangshiyishu.com
我們講基礎(chǔ)photoshop的矢量繪圖~
今天的主要內(nèi)容:
10.1 什么是矢量繪圖
10.2 使用形狀工具組
10.3 矢量對象的編輯操作
10.4 課后練習(xí)篇 綜合實(shí)例:甜美風(fēng)格女裝招貼
文章最后有往期教學(xué)文章回顧~
本篇是長篇文章~有需要的小可愛可以按主要內(nèi)容尋找學(xué)習(xí)喲~ ( ? ? ? )?
繪圖是Photoshop的一項(xiàng)重要功能,除了使用畫筆工具進(jìn)行繪圖外,矢量繪圖也是一種常用的方式。矢量繪圖是一種風(fēng)格獨(dú)特的插畫,畫面內(nèi)容通常由顏色不同的圖形構(gòu)成,圖形邊緣銳利,形態(tài)簡潔明了,畫面顏色鮮艷動(dòng)人。在Photoshop中有兩大類可以用于繪圖的矢量工具:鋼筆工具以及形狀工具。鋼筆工具用于繪制不規(guī)則的形態(tài),而形狀工具則用于繪制規(guī)則的幾何圖形,例如橢圓形、矩形、多邊形等等。形狀工具的使用方法非常簡單,使用“鋼筆工具”繪制路徑并摳圖的方法在前面的章節(jié)中進(jìn)行過講解,本章主要針對鋼筆繪圖以及形狀繪圖的方式進(jìn)行講解。
10.1 什么是矢量繪圖
矢量繪圖是一種比較特殊的繪圖模式。與使用“畫筆工具”繪圖不同,畫筆工具繪制出的內(nèi)容為“像素”,是一種典型的位圖繪圖方式。而使用“鋼筆工具”或“形狀工具”繪制出的內(nèi)容為路徑和填色,是一種質(zhì)量不受畫面尺寸影響的矢量繪圖方式。Photoshop的矢量繪圖工具包括鋼筆工具和形狀工具。鋼筆工具主要用于繪制不規(guī)則的圖形,而形狀工具則是通過選取內(nèi)置的圖形樣式繪制較為規(guī)則的圖形。
10.1.1 認(rèn)識(shí)矢量圖
矢量圖形是由一條條的直線和曲線構(gòu)成的,在填充顏色時(shí),系統(tǒng)將按照用戶指定的顏色沿曲線的輪廓線邊緣進(jìn)行著色處理。矢量圖形的顏色與分辨率無關(guān),圖形被縮放時(shí),對象能夠維持原有的清晰度以及彎曲度,顏色和外形也都不會(huì)發(fā)生偏差和變形。所以,矢量圖經(jīng)常用于戶外大型噴繪或巨幅海報(bào)等印刷尺寸較大的項(xiàng)目中。如圖所示。
10.1.2 路徑與錨點(diǎn)
在矢量制圖的世界中,我們知道圖形都是由路徑以及顏色構(gòu)成的。那么什么是路徑呢?路徑是由錨點(diǎn)及錨點(diǎn)之間的連接線構(gòu)成。兩個(gè)錨點(diǎn)就可以構(gòu)成一條路徑,而三個(gè)錨點(diǎn)可以定義一個(gè)面。錨點(diǎn)的位置決定著連接線的動(dòng)向。所以,可以說矢量圖的創(chuàng)作過程就是創(chuàng)作路徑、編輯路徑的過程。
路徑上的轉(zhuǎn)角有的是平滑的,有的是尖銳的。
路徑可以被概括為三種類型:開放路徑、閉合路徑以及復(fù)合路徑。如圖、圖和圖所示。
10.1.3 矢量繪圖的幾種模式
在使用“鋼筆工具”或“形狀工具”繪圖前首先要在工具選項(xiàng)欄中選擇繪圖模式:“形狀”、“路徑”和“像素”,如圖所示。如圖所示為三種繪圖模式。注意,“像素”模式無法在“鋼筆工具”狀態(tài)下啟用。
10.1.4 使用“形狀”模式繪圖
在使用“形狀工具組”中的工具或“鋼筆工具”時(shí),都可將繪制模式設(shè)置為“形狀”。在“形狀”繪制模式下可以設(shè)置形狀的填充,可以將其填充為“純色”、“漸變”、“圖案”或者無填充。同樣還可以設(shè)置描邊的顏色、粗細(xì)以及描邊樣式。如圖所示。
10.1.5 “像素”模式
在“像素”模式下繪制的圖形是以當(dāng)前的前景色進(jìn)行填充,并且是在當(dāng)前所選的圖層中繪制。首先設(shè)置一個(gè)合適的前景色,然后選擇“形狀工具組”中的任意一個(gè)工具,接著在選項(xiàng)欄中設(shè)置繪制模式為“像素”,設(shè)置合適的混合模式與不透明度。然后選擇一個(gè)圖層,按住鼠標(biāo)左鍵拖拽進(jìn)行繪制。如圖所示。繪制完成后只有一個(gè)純色的圖形,沒有路徑,也沒有新出現(xiàn)的圖層。如圖所示。
10.1.6 什么時(shí)候需要使用矢量繪圖?
由于矢量工具包括幾種不同的繪圖模式,不同的工具在使用不同繪圖時(shí)的用途也不相同。
摳圖/繪制精確選區(qū):鋼筆工具+路徑模式。繪制出精確的路徑后,轉(zhuǎn)換為選區(qū)可以進(jìn)行摳圖或者以局部選區(qū)對畫面細(xì)節(jié)進(jìn)行編輯,這部分知識(shí)已經(jīng)在前面的章節(jié)進(jìn)行過講解。
需要打印的大幅面設(shè)計(jì)作品:鋼筆工具+形狀模式,形狀工具+形狀模式。由于平面設(shè)計(jì)作品經(jīng)常需要進(jìn)行打印或印刷,而如果需要將作品尺寸增大時(shí),以矢量對象存在的元素,不會(huì)因?yàn)樵龃蠡蚩s小圖像尺寸而影響質(zhì)量。所以最好使用矢量元素進(jìn)行繪圖。
繪制矢量插畫:鋼筆工具+形狀模式,形狀工具+形狀模式。使用形狀模式進(jìn)行插畫繪制,即可方便的設(shè)置顏色,又方便進(jìn)行重復(fù)編輯。
右鍵單擊工具箱中的形狀工具組按鈕 ,在彈出的工具組中可以看到六種形狀工具,如圖所示。使用這些形狀工具可以繪制出各種各樣的常見形狀,如圖所示。
10.2.1矩形工具
“矩形工具” 可以繪制出標(biāo)準(zhǔn)的矩形對象和正方形對象。矩形在設(shè)計(jì)中應(yīng)用非常廣泛。單擊工具箱中的“矩形工具” 按鈕,在畫面中按住鼠標(biāo)左鍵拖拽,釋放鼠標(biāo)后即可完成一個(gè)矩形對象繪制。如圖和圖所示。在選項(xiàng)欄中單擊 圖標(biāo),打開“矩形工具”的設(shè)置選項(xiàng),如圖所示。
10.2.2圓角矩形工具
圓角矩形在設(shè)計(jì)中應(yīng)用非常廣泛,它不似矩形那樣銳利、棱角分明,它給人一種圓潤、光滑的感覺,所以也就變得富有親和力。“圓角矩形工具”的使用方法與“矩形工具”一樣基本相同。
10.2.3橢圓工具
使用“橢圓工具”可繪制出橢圓形和正圓形。在“形狀工具組”上單擊鼠標(biāo)右鍵,選擇“橢圓工具” 。如果要?jiǎng)?chuàng)建橢圓,可以在畫面中按住鼠標(biāo)左鍵并拖動(dòng),如圖所示。松開光標(biāo)即可創(chuàng)建出橢圓形。如圖所示。如果要?jiǎng)?chuàng)建正圓形,可以按住Shift鍵或Shift+Alt組合鍵(以鼠標(biāo)單擊點(diǎn)為中心)進(jìn)行繪制。
10.2.4多邊形工具
使用“多邊形工具”可以創(chuàng)建出各種邊數(shù)的多邊形(最少為3條邊)以及星形。在形狀工具組上單擊鼠標(biāo)右鍵,選擇“多邊形工具” 。在選項(xiàng)欄中可以設(shè)置“邊”數(shù),還可以在多邊形工具選項(xiàng)中設(shè)置半徑、平滑拐點(diǎn)、星形等參數(shù),如圖所示。設(shè)置完畢后在畫面中按住鼠標(biāo)左鍵拖拽,松開鼠標(biāo)完成繪制操作,如圖和圖所示。
【我是憬顏小姐姐~想知道更多有關(guān)平面設(shè)計(jì)的知識(shí)、免費(fèi)教學(xué) 教程 免費(fèi)學(xué)習(xí)平面設(shè)計(jì)等等~
請私信我“平面設(shè)計(jì)”~私信我有軟件安裝包和免費(fèi)的練習(xí)素材哦~愛你們啾咪~
10.2.5直線工具
使用“直線工具”可以創(chuàng)建出直線和帶有箭頭的形狀。如圖所示。右鍵單擊形狀工具組,在其中選擇“直線工具”,首先在選項(xiàng)欄中設(shè)置合適的填充、描邊。調(diào)整“粗細(xì)”數(shù)值設(shè)置合適的直線的寬度,接著按住鼠標(biāo)左鍵拖拽進(jìn)行繪制。如圖所示。
10.2.6自定形狀工具
使用“自定形狀工具”可以創(chuàng)建出非常多的形狀。右鍵單擊工具箱中的形狀工具組,在其中選擇“自定形狀工具”。在選項(xiàng)欄中單擊“形狀”按鈕,在下拉面板中單擊選擇一個(gè)種形狀,然后在畫面中按住鼠標(biāo)左鍵拖拽進(jìn)行繪制。如圖所示。
在矢量繪圖時(shí),最常用到的就是“路徑”以及“形狀”這兩種矢量對象。“形狀”對象由于是單獨(dú)的圖層,所以操作方式與圖層的操作基本相同。但是“路徑”對象由于是一種“非實(shí)體”對象,不依附于圖層,也不具有填色描邊等屬性,只能通過轉(zhuǎn)換為選區(qū)后進(jìn)行其他操作。所以“路徑”對象的操作方法與其他對象有所不同,想要調(diào)整“路徑”位置,對“路徑”進(jìn)行對齊分布等操作,都需要使用特殊的工具。
10.3.1移動(dòng)路徑
如果繪制的是“形狀”對象或“像素”,那么只需選中該圖層,然后使用“移動(dòng)工具”進(jìn)行移動(dòng)即可。如果繪制的是“路徑”,想要改變圖形的位置,可以單擊工具箱中的“路徑選擇工具”按鈕,然后在路徑上單擊,即可選中該路徑。如圖所示。按住鼠標(biāo)左鍵并拖動(dòng)光標(biāo),可以移動(dòng)路徑所處的位置。如圖所示。
10.3.2 路徑操作
在使用“鋼筆工具”或“形狀工具”以“形狀模式”或“路徑模式”進(jìn)行繪制時(shí),選項(xiàng)欄中就可以看到“路徑操作”的按鈕,單擊該按鈕,在下拉菜單中可以看到多種路徑的操作方式。
10.3.3 變換路徑
選擇路徑或形狀對象,使用快捷鍵Ctrl+T調(diào)出定界框,接著可以進(jìn)行變換。也可以單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇相應(yīng)的變換命令。如圖所示。還可以執(zhí)行“編輯>變換路徑”菜單下的命令即可對其進(jìn)行相應(yīng)的變換。變換路徑與變換圖像的使用方法是相同的。
10.3.4 對齊、分布路徑
對齊與分布可以對路徑或者形狀中的路徑進(jìn)行操作。如果是形狀中的路徑,則需要所有路徑在一個(gè)圖層內(nèi),接著使用“路徑選擇工具” 選擇多個(gè)路徑,接著單擊選項(xiàng)欄中的“路徑對齊方式”按鈕,在彈出的菜單中可以對所選路徑進(jìn)行對齊、分布,如圖所示。如圖所示為底對齊的效果。路徑的對齊與分布于圖層的對齊分布的使用方法是一樣的。
10.3.5 調(diào)整路徑排列方式
當(dāng)文檔中包含多個(gè)路徑,或者一個(gè)形狀圖層中包括多個(gè)路徑時(shí),可以調(diào)整這些路徑的上下排列順序,不同的排列順序會(huì)影響到路徑運(yùn)算的結(jié)果。選擇路徑,單擊屬性欄中的“路徑排列方法”按鈕 ,在下拉列表中單擊并執(zhí)行相關(guān)命令??梢詫⑦x中的路徑的層級(jí)關(guān)系進(jìn)行相應(yīng)的排列,如圖所示。
10.3.6 定義為自定形狀
如果某個(gè)圖形比較常用,我們可以將其定義為“形狀”,以便于隨時(shí)在“自定形狀工具”中隨時(shí)使用。首先選擇需要定義的路徑,如圖所示。接著執(zhí)行“編輯>定義自定形狀”菜單命令,在彈出的“形狀名稱”窗口中設(shè)置合適的名稱,單擊“確定”按鈕完成定義操作。如圖所示。接著單擊工具箱中的“自定形狀工具” 按鈕,在選項(xiàng)欄中單擊形狀下拉列表按鈕,在形狀預(yù)設(shè)中可以看到剛剛自定的形狀。如圖所示。
10.3.7 填充路徑
首先繪制路徑,然后在使用“鋼筆工具”或“形狀工具”(自定義形狀工具除外)狀態(tài)下,在路徑上單擊鼠標(biāo)右鍵執(zhí)行“填充路徑”命令,如圖所示。隨即會(huì)打開“填充路徑”窗口,在該窗口中可以以前景色、背景色、圖案等內(nèi)容進(jìn)行填充,使用方法與“填充”窗口一樣。如圖所示。
10.3.8 描邊路徑
“描邊路徑”命令能夠以設(shè)置好的繪畫工具沿路徑的邊緣創(chuàng)建描邊,比如使用畫筆、鉛筆、橡皮擦、仿制圖章等進(jìn)行路徑描邊。
10.3.9 刪除路徑
在進(jìn)行路徑描邊之后經(jīng)常需要?jiǎng)h除路徑。使用“路徑選擇工具”單擊選擇需要?jiǎng)h除的路徑,如圖所示。接著按一下鍵盤上的Delete鍵進(jìn)刪除。如圖所示。或者在使用矢量工具狀態(tài)下單擊鼠標(biāo)右鍵執(zhí)行“刪除路徑”命令。
10.3.10 使用“路徑”面板管理路徑
“路徑”面板主要用來儲(chǔ)存、管理以及調(diào)用路徑,在面板中顯示了存儲(chǔ)的所有路徑、工作路徑和矢量蒙版的名稱和縮覽圖。執(zhí)行“窗口>路徑”菜單命令,打開“路徑”面板,如圖所示。
熱門資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型,你get到了嗎?
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
同學(xué)您好!