一起畫只佩奇，徹底明白PS的形狀和路徑

今天我們畫個小豬佩奇 其實涉及的知識就是關於形狀之間的布爾運算的 通過今天你畫完之後 你也知道了形狀路徑選區圖層 什麼鋼筆他們之間的關系 很多人他這邊捋不清楚 很簡單 什麼是布爾運算 首先比如說你找到一個選區工具的時候 你做一個選區 這個時候如果說你按住shift 你再畫一個 你就可以做選區的相加 如果你按住alt鍵去做一個 它就可以用現在的形狀把之前的剪掉 如果你這個時候按住alt加shift 就是可以做相交 比如說我畫一個形狀出來 兩個形狀重疊的地方就是得到了保留 這個是選區 其實你退回來形狀上面看是一樣的 它們有什麼區別 形狀它是個矢量的 你畫出來的東西它是有一個圖層的 但是選區它是依附在你已有的圖層上面的 是吧 等會畫完你可能就徹底明白了 首先我們畫一個頭 你只需要按住shift畫個正圓就行了 但這個正圓有沒有可能完全貼合它本身的頭部 不可能 為什麼 因為人家之前的就是一個不規則的形狀 是吧 現在你知道你畫的是一個形狀 如果說你切換到路徑面板裡面來看的話 路徑面板是不是也會把這個形狀的輪廓給保留起來 你想如果我把這個路徑給刪掉 你覺得形狀還有嗎 沒有了 是吧 所以我們反饋一下 那現在你就明白了形狀和路徑的關係是什麼 路徑它定義了這個形狀的外輪廓 它是一個底座 不管你是用鋼筆還是用這種橢圓正方形畫出來的任何形狀 它都會保留在這個路徑面板裡面的 因為路徑是來規定你的輪廓的 那既然它是路徑 那路徑上面就一定有點 那這些點就意味著它能編輯 那在PS裡面其實工具菜單這邊 鋼筆下方它是有一個添加錨點的 是吧 這是添加 但是你選錨點的時候 是不是用這個直接選擇 選上面的點 那我們現在要把這個頭型變成和小豬配鰭的一模一樣的頭型怎麼做 是不是我們直接找到這邊的直接選擇 你框選一下它 你是不是可以移動它這個位置 當我移動到這裡的時候 是不是和之前的形狀對齊了 那現在你要添加錨點 是不是直接在這邊找到添加 在這邊打個點 那我現在就可以把它變成和這邊一模一樣的形狀 我們是通過這樣的方式去定義一個不規則的形狀的 當然你用鋼筆摳也行 那這個是頭 那說到這個布爾運算 其實它和剛才我們演示的選區是一樣的 只不過比那個複雜一點點 形狀之間也有布爾運算 那如果這個時候我要做形狀的相加 是不是繼續找到這個橢圓 那我這個時候按住Shift 它會出現一個加號 看到我的鼠標了嗎 那個加號之後我基於它去繪製一個橢圓 也就是鼻子這點 比如說我們做成這個樣子 其實也是沒有辦法說完全貼合的是吧 那沒有關係 和剛才一樣找到你的路徑的這種添加錨點工具 在上面打點你去拖在它 那這個時候你就能明白 原來是可以這麼做的 這邊也是一樣打個點 貼合一下打個點 貼合一下 那是不是這樣的也可以解決我們剛才這種需求 就是讓它保證是一個整體 你現在看圖層面板 它是一個形狀裡面有多條路徑 我們是通過這樣的方式去定義了一個不規則的形狀 它是做了路徑的布爾運算 導致這個不規則的形狀了是吧 那顯然現在一個形狀裡面有多條路徑的情況下 你切換到形狀工具裡面 它這邊就有一個 讓你把路徑做一個什麼樣的操作 比如說我可以把它合併成一個形狀 所以說這個是路徑的香蕉 然後我們來說路徑的香蕉 香蕉是什麼呢 比如說你畫鼻子這塊區域 那我們這個時候把不透明度降低 你可以看到它鼻子這塊區域 如果說我把這個圖層去複製一份 它是兩個圖層對吧 兩個圖層 那記住這個時候我要選擇當前這個橢圓的形狀 那麼我是不是找到路徑選擇工具 我是選整條路徑 所以說你不用選圖層 到這裡你就明白了 圖層它是來移動圖層的 但是路徑它是來選擇路徑的 雖然都可以移動 但它有本質的區別 當我選擇了這條路徑之後 是不是我可以Ctrl加C Ctrl加V 也就是我把這個路徑原位粘貼了一下 其實也就是現在這個圖層裡面有兩個路徑 那麼我基於這個路徑Ctrl加T 如果說我水平翻轉一下 我挪一下位置 我是不是大概可以把這個鼻子挪到這邊來 那這樣的話我是不是得到了一個相交的感覺 它會保留它重疊的區域 那怎麼做呢我們先確定一下 選擇這兩個形狀 選擇完之後在這邊找到 就是與形狀區域相交 那麼我現在是不是得到了鼻子 如果你切換到移動工具的時候你把它移開 是不是我得到這個形狀 那完之後基於它再次回到形狀工具 把它進行合併形狀組件 合併完之後就變成了單獨的鼻子 這個時候你把它再挪過來是不是就可以了 為什麼要這樣子做呢 因為這樣的話它可以盡可能的貼合它這個鼻頭 是吧 那你說這個是尖的 對吧 那我們把這兩個圖層移過來 你說這個鼻子是尖的 人家那個是圓的 那你要知道在這邊有很多編輯錨點的方式 你可以添加可以刪除可以轉換 你可以把尖角轉換成圓角對吧 點到這邊選擇一下它 然後按住它不放 你看是不是變成了圓角 甚至這邊的手柄你也可以去拖拽 對吧 它都可以去拖拽的變成了圓角 那這邊也是一樣的 選擇它去拖拽一下 它就變成了圓角對吧 大概是這麼個情況 好那接下來我們就把這些圖層不透明度都給上 不透明度100% 然後它是有描邊的吧 這個外輪廓 我們雙擊一下空白的地方 找到描邊差不多就8個像素左右就可以了 我們完成了頭部 然後鼻子這邊你可以按住alt鍵把這個效果給鼻子 複製過去就可以了是吧 那現在你就得到了鼻子和頭 那顯然這個鼻孔是不是更簡單了 找到兩個圓形 一個 是吧 然後雙擊一下它 我們去吸取它這個顏色 這是一個是吧 然後我們基於它再去複製一個 那複製的時候你要注意它有兩種方式 你要麼就把這個形狀選擇移動工具的時候 你複製兩個圖層 是吧 這是兩個圖層 還有一種就是我們剛才說的 找到這個路徑選擇 然後你按住alt鍵 它是在一個形狀圖層裡面去做的事情 比如說我們複製兩個 所以說你會看到這個鼻孔它是一個圖層 它不是兩個圖層是吧 好 那我們接下來先把這種簡單的東西做了 比如說腮紅這邊是不是一樣的 找到這邊的橢圓工具 我們在這邊畫個圓 但這個參考圖的圓它不是一個規則形狀 那你是不是也可以同樣的找到這邊的 直接選擇工具 你把這個點的位置把它拖拽一下 它是不是就是一個不規則的了 隨便拖拽一下 它就是一些奇奇怪怪的形狀 是吧 那甚至你也可以把這個點往這邊拖一點點 這些都是很簡單的路徑編輯方法 包括這邊的眼睛 你看這個眼睛是什麼顏色 它是不是白色 好 那我們直接在這邊 瞄著它畫吧 畫一個圓 因為我們要瞄邊 所以說你要把瞄邊的地方給框選出來 然後它整個來說它是白色 是吧 然後瞄邊就用這邊的把它按住alt鍵拖過去給它 然後在這個眼睛的中間 我們是不是還有一個眼珠 所以說我們可以這樣子 你可以在這邊比一下 比一下大小之後再挪過來 那現在把它改成黑色 是不是我們第一個眼睛就有了 有了之後把它編一個組 編完組之後再複製一個按住alt鍵 那注意你現在複製的組是吧 然後我們把這兩個組的眼睛 就可以直接拖過來我們這邊 那如果說你想要編輯這個形狀的外輪廓 是不是剛才一樣的 我們找到某一個圖層的時候 按住這邊的直接選擇工具 你可以去編輯它 就是不要讓它這麼圓 是吧 都可以 但實際上裡面比較難的是什麼 是這個嘴巴 這個嘴巴就涉及到路徑的相減了 怎麼減呢 好比說你看這個嘴巴它是一個圓 我們可以把一些複雜的形狀 想像成一個簡單的圖形 所以我首先暫且理解為它是一個圓 那麼所以說我就先畫一個圓 那這個圓可以和它差不多一樣大 畫完之後因為我要做一個圓環 是吧 所以說我還是一樣選擇這個路徑 Ctrl C Ctrl V Ctrl T 就是我把這個路徑原位粘貼一下 我之後縮小 那我現在縮小之後 是不是得到了兩個路徑 那我接下來要用裡面的減去外面的 是不是我在這邊找到 減去頂層形狀就可以了 那我現在就得到了一個圓環 但得到這個圓環還不夠 因為嘴巴只有一半 那麼我是不是要選擇其他的工具 比如說我們找到一個 矩形工具 那這個時候留意 我們可以用這個正方形的工具 把它的嘴巴給剪掉 先按住alt鍵 它會做剪法 然後再把alt鍵給鬆開 然後你就在你想要畫的任何位置 去剪掉就行了 那當然現在剪掉嘴巴之後 還有一個情況是 你要把這個可以封起來 那怎麼封呢 是不是繼續做相加 那這個時候選擇橢圓 然後在這邊做加法就行了 再加了一個 然後第二個這邊也是一樣的 是吧 大概是這麼個意思 我們這個嘴巴是做了一些路徑形狀的 相加相減得到的是吧 同樣它這個路徑還是太多 所以我們可以在這邊找到合併形狀組件 把它合併成一個 這邊如果說你發現有點問題 好像缺失了怎麼辦 我們用鋼筆再把它補上也行 比如說你在這邊找到鋼筆 那你要幹嘛呢 你要做加法 那所以說你在鋼筆這邊 就要找到合併形狀 你要把它加上去 選擇鋼筆的時候 你知道我們要用路徑去做相加 其實你會發現路徑和形狀 它是可以結合在一起用的 好比如說我們在這邊打個點 在這邊打個點 那相當於我們是把這塊區域給封起來了 這是第一個 那封第二個呢 是不是一樣的 這邊打個點 是不是也是可以這樣子 封起來之後 再次退回到這種形狀工具裡面 把它進行合併 那現在我們就得到了這個形狀 接下來很簡單 我們把這個圖層移開 雙擊一下它 改變一下顏色 然後你可以Ctrl加T 就是你可以把它這個形狀變一下 比如說我不需要它們那麼的規規矩矩的 是吧 所以說我們可以這樣子動一下它 之後把這個嘴巴 你是不是就可以挪過來這邊 你會發現我們嘴巴這個凹槽 這個笑容太燦爛了 怎麼辦呢 Ctrl加T 你可以把它壓扁一點點是不是 扁一點點之後再回來一點點 是不是也可以 通過這樣的方式 我們就可以得到一個嘴巴 那關於這個耳朵呢 本質上是不是就是兩個橢圓 這個就相當簡單了吧 畫一個橢圓 然後你可以把這個形狀 給轉動一下方向 然後雙擊一下它 選一下顏色 是這個顏色的情況下 我們把這個效果描邊給到它 那現在我們有了一隻耳朵之後 我們把它可以移到圖層的最底部 可能要往眼睛這邊來一點點吧 那第二個耳朵按住alt進去複製一下 那我現在實際上複製的是圖層 對嗎 我們現在實際上複製的是圖層 好確定一下 那現在我們就畫了一個小豬佩奇的頭 把整個變一個主 那關於這個鼻子這邊 其實我們還可以去修改一改 它這邊有點圓是吧 所以說我們一樣的找到這邊的添加錨點 在這邊都是可以打點的 打完點之後挪一挪位置 那別那麼尖 這邊也是可以一樣的 把它往上挪一點點 是吧 這個往下挪一點點 這個就是看我們自己的需求了 也就是我想告訴你的是 這邊的東西它都是可以編輯的 我們下去之後就用這種方法 把整個小豬佩奇給畫出來 我們可以把整個編組移到這邊來 然後在這邊照著它畫一畫 那你在這個期間你就會明白形狀 包括這邊的路徑 鋼筆 還有這種選區 它到底是怎麼回事 那如果你真真正正的畫完之後 你看選區這邊是不是一樣的 我畫一個選區 這邊一樣的有相加相減相交 當我選擇形狀工具的時候 這邊一樣有相加相減相交 它是一模一樣的 那這個叫布爾運算 好接下來我們總結一下 首先是選區和形狀 那選區它永遠是依附在圖層上面的 也就是它是一個背景圖層 它是一個智能對象都好 那這個時候你如果卡曼的這樣勾 複製一份 它是不是會單獨複製 把這塊區域給複製出來 但是形狀它可做不到的 形狀它是一個單獨的圖層 它是一個矢量圖層 如果你說在這個形狀圖層上面 我想要做一個選區 那是吧 然後再複製一份 它複製的是形狀 它不會複製你選區裏面 圖層裏面的東西的 所以說這是第一個區別 然後選區 你畫的選區你也沒辦法去編輯 用蒙版去插 用這邊去做相減的話 是不是太麻煩了 是吧 太麻煩了 但是形狀上面是有一些錨點的 你可以用這邊的直接選擇工具 去編輯它這個錨點 讓它變成一些奇奇怪怪的形狀 都可以是吧 那這個是選區做不到的 然後路徑呢 路徑是形狀它的老大 比如說我畫一個形狀的時候 這邊它會存在一個路徑 你把路徑刪掉了 這個就沒有了 然而路徑還有一個好處 就是它可以變成任何你想要的東西 比如說我們用鋼筆的時候 默認軟件就會說讓你畫一個路徑 那你這個時候畫出一個路徑之後 你可以把這個路徑變成選區 是吧 你也可以把這個路徑變成蒙版 你也可以把這個路徑變成形狀 都是沒問題 那為什麼現在是反的 是因為這邊 當你畫了之後 你要把它改成合併形狀 如果你減去的話它就是反的 默認好像是合併的吧 就是我們通常說的摳圖 它是什麼邏輯 是不是就是為了說 軟件默認給你提供的這些規則形狀 它辦不到 所以說你要用路徑去做一些貝塞爾曲線 去得到一些不規則的形狀 是這個意思吧 那這個就是我們常說的摳圖 假設你把這個圖摳出來了 它可以做任何的事情 你把它變成什麼都可以 那這個得看你實際的需求 同時你也知道了 一個形狀圖層裡面 它是可以存在多條路徑的 就好比說我們把它 Ctrl-C Ctrl-V 然後把它拖出來 它實際上是一個圖層 這個圖層裡面存在兩條路徑 是吧 畫這個圖形意義不大的 沒什麼意義 但是你畫完之後 你就能徹底理解 它們之間的演繫和關係了 希望今天的知識對你有所幫助 謝謝大家