昨天,,有設(shè)計(jì)師問到,如何用 PPT 繪制胖圓角三角形,。
考慮到這是基礎(chǔ)鼠繪技巧,,而鼠繪又是很多動(dòng)畫與定制項(xiàng)目的基礎(chǔ)。
所以,,今天給大家分享一下繪制的思路,,以后好空手造素材。 先看一下,,胖圓角三角形長(zhǎng)啥樣: 思考思考,如果是你的話,,會(huì)如何繪制呢,? 在弄懂胖圓角三角形之前,,咱們先弄明白,,圓角三角形如何繪制。 在 PPT 的自帶形狀中,,只有圓角矩形,沒有圓角三角形,。 那如何繪制下圖這種,,圓角三角形呢,? 這里教大家 3 種方法 第一種方法,,選擇基本形狀中的等腰三角形。 按住 Shift 進(jìn)行繪制,得到一個(gè)正三角形。 之后,選中正三角形,,添加線條填充,,將線條的連接類型改成圓角。 我們可以通過改變線條的粗細(xì),來控制圓角的大小,。
這種方法的優(yōu)點(diǎn),,是可以快速得到圓角三角形,而且可以任意修改圓角大小,。 但是缺點(diǎn)也很明顯,,這是假圓角三角形,不方便進(jìn)行布爾運(yùn)算,。 而且縮放后,,還需要再次調(diào)整線條的粗細(xì),。 第二種方法,,使用圓角矩形進(jìn)行拼接,。 首先,我們繪制一個(gè)圓角矩形,把黃點(diǎn)拉到最右邊,使兩側(cè)變成半圓,。 再繪制兩個(gè)等高的正圓,與圓角矩形的兩側(cè)對(duì)齊: 之后,,我們橫向復(fù)制兩個(gè)圓角矩形,,使兩個(gè)正圓與他們剛好內(nèi)切。 這一步的目的,,是為了方便后面進(jìn)行角度旋轉(zhuǎn),。 選中左側(cè)與中間的圓角矩形,,原位復(fù)制一份,,組合起來,再逆時(shí)針旋轉(zhuǎn) 60 度。 同理,,將中間和右側(cè)的圓角矩形,組合后順時(shí)針旋轉(zhuǎn) 60 度,。 旋轉(zhuǎn)的時(shí)候,,可以按住 Shift 鍵,這樣每旋轉(zhuǎn) 15 度都能感覺到,。
接下來,,取消所有組合,把四周多余的圓角矩形刪掉: 再在中間的空白位置,,繪制一個(gè)正三角形遮住,。 之后全選所有形狀,使用合并形狀-結(jié)合,,就可以得到圓角三角形了,。
上面的操作看起來會(huì)比較麻煩,因?yàn)槲矣玫氖菢?biāo)準(zhǔn)作圖方法。 如果要快速繪制的話,,直接用圓角矩形旋轉(zhuǎn)后,,手動(dòng)對(duì)齊也行。
這種繪制方法的優(yōu)點(diǎn),,是可以任意縮放大小,。
缺點(diǎn)就是畫起來比較麻煩,圓角的大小受圓角矩形的高度影響,,不方便修改控制,。 第三種方法,使用英豪插件快速調(diào)整,。 依舊是先繪制一個(gè)正三角形: 之后,,我們需要用到一款 PPT 插件,英豪插件,。 官網(wǎng):https:///yhtools/ 選中三角形,,點(diǎn)擊 編輯形狀-圓角工具,設(shè)置倒圓角半徑為一定的數(shù)值,。
點(diǎn)擊確定與完成后,,就得到一個(gè)圓角三角形了。 使用插件的方法,,是最快速最實(shí)用的,,而且圓角的大小可以隨意修改。
以上,,就是繪制圓角三角形的 3 種方法,。 同樣的思路,也可以拓展開,,用來繪制其他圓角正多邊形。 有了基礎(chǔ),,你再思考一下:如何去繪制胖圓角三角形呢,? 是不是有想法了?
第一種方法,,形狀拼接法用起來,,先來 3 個(gè)橢圓擺好。 再畫一個(gè)正三角形,,把中間遮住,。
全選所有形狀,布爾運(yùn)算結(jié)合成一個(gè),,搞定,!
怎么樣,有沒有覺得事情簡(jiǎn)單了起來,? 等等,,像這么牛逼的操作方法,,我還有 3 種!
第二種方法,,曲線繞邊繪制法,。 首先,先畫一個(gè)正三角形,,為了方便操作,,去掉填充只保留線條。 之后,,在形狀繪制里,,選擇曲線。 依次在三角形的 3 個(gè)頂點(diǎn),,點(diǎn)擊進(jìn)行繪制: 最終形成閉合的形狀時(shí),,它就變成了胖圓角三角形。
用這種方法繪制,,同樣非??焖伲呛推唇臃ㄒ粯?,有個(gè)缺點(diǎn),。 缺點(diǎn)就是圓角與形變的弧度,無法控制,,都是自動(dòng)生成的,。 第三種方法,編輯形狀頂點(diǎn),。 同樣,,還是先繪制一個(gè)正三角形。 選中正三角形,,點(diǎn)擊 編輯形狀-編輯頂點(diǎn),,并選擇其中一個(gè)頂點(diǎn)。
這時(shí)候,,會(huì)發(fā)現(xiàn)頂點(diǎn)的兩側(cè),,各有一個(gè)控制手柄。 我們按住 Shift 不放,,拖動(dòng)其中一個(gè)控制手柄到下圖位置:
這時(shí)候兩個(gè)控制手柄,,是在一條直線上的,而且長(zhǎng)度一致,。
按相同的思路,,調(diào)整剩下的兩個(gè)頂點(diǎn)的控制手柄,就可以得到胖圓角三角形了。 但是,,這種繪制方法并不嚴(yán)謹(jǐn),。
首先是 3 個(gè)頂點(diǎn)的控制手柄,它們的長(zhǎng)度并不一致,。 其次,,控制手柄的角度無法控制剛好 60 度,所以繪制得到的圖形,,并不是對(duì)稱的胖圓角三角形,。 好處就是繪制簡(jiǎn)單,而且弧度可以自己控制,。
講到這,,正好拓展一下,頂點(diǎn)編輯的技巧,。 按住 Shift 不放,,拖動(dòng)控制手柄,是模擬平滑頂點(diǎn),,這時(shí)候兩個(gè)控制手柄在一條線上,,而且長(zhǎng)度相等。
按住 Ctrl 不放,,拖動(dòng)控制手柄,,是模擬直線頂點(diǎn),這時(shí)候兩個(gè)控制手柄在一條線上,,但是手柄的長(zhǎng)度不相等,。 按住 Alt 不放,拖動(dòng)控制手柄,,是模擬角部頂點(diǎn),,這時(shí)候兩個(gè)控制手柄不在一條線上,而且長(zhǎng)度也可以任意調(diào)整,。 掌握上面的操作技巧,,可以讓你在鼠繪時(shí),隨心所欲的編輯頂點(diǎn),。 第四種方法,,使用英豪插件快速生成,。 不用多說,,還是先繪制一個(gè)正三角形。
然后我們?cè)谌切沃?,輸入文?0.5
選中三角形,,打開英豪插件,點(diǎn)擊 線條相關(guān)-曲直-平滑頂點(diǎn) 點(diǎn)擊確定后,就得到了胖圓角三角形: 形狀里面的數(shù)字,,就是用來控制弧度大小的,。
插件的方法,簡(jiǎn)單快速標(biāo)準(zhǔn),,而且弧度可控,,最為推薦。 思路拓展一下,,也可以用來繪制其他胖多邊形,。
以上,就是繪制胖圓角三角形的 4 種方法,。 咋樣,,以前是不是沒見過這么玩的,是不是一學(xué)就會(huì),! 不過,,這些只是 PPT 鼠繪的基礎(chǔ)操作,基礎(chǔ)熟練了之后,,就可以去繪制各種素材了,。 比如本文頭圖里面的皇上,就是我用 PPT 繪制的: 皇上的身體,,剛好就是胖圓角三角形,。 而靈感和部分素材,則是來自林利蒙(公眾號(hào):Slidecent)超可愛的端午選妃作品:
感興趣的話,,可以點(diǎn)擊上圖,,去看看他的設(shè)計(jì)思路,還可以下載源文件研究一番,。 小聲bb:利蒙已經(jīng)設(shè)置無門檻獲取源文件了,,不用強(qiáng)制發(fā)朋友圈啦。 當(dāng)然,,胖圓角三角形,,絕不僅僅是用來練鼠繪。 這種非自帶的形狀,,用在 PPT 頁面中,,非常有設(shè)計(jì)感。 比如下面這套,,2017 年的模板作品,,就用到了這種形狀,我猜有不少人見過:
這套模板一共有 120+ 頁,,質(zhì)量非常高,,而且可以商用,。 我把它和本文的教程源文件,打包到一起了,。
|