怎麼做出圖片邊框的稜角？

01-29

感謝大家的回答！
剛學PS，對AI還不太懂。
修改了下問題，去除了限制。

illustrator

M，畫個你想要處理的方塊

M，shift，畫個正方形

正方形旋轉45度，兩者居中

交集

加兩層描邊

結果：

就是比PS快，怎麼辦

來吧，本來不想做這個教程的，畢竟做東西是要花時間的，由於某個乙方的方案剛被我打回，所以下班前空了點時間出來，來提供一個簡便的思路——怎麼樣來快速的完成這個東西。

剛才在某個回答下面簡單提了一下，說為啥不用圓角矩形去掉圓角的方法來實現，他說是因為balabala一堆，我說這樣很麻煩，他還不信，又補充問題裡面去了。。。這個那個的，但是沒有說到點上，而且其提供的點點點點點的方法。。。不怕點到昏厥或者點著點著就忘記了嗎？我並不是想說你這方法就不對，不要用，我想說的是，對於PS入門的同學來收，不要用傳統的做一步見一步的方式來思考PS的操作，更不要對各種工具淺嘗則止，要挖掘工具更多的便捷功能，舉一反三，快速的實現目標。

不說了，我出一個答案，也是用最操蛋的PS，因為PS做這種排版功能並不是最方便的，我全當拋磚引玉，上一個相對簡單的方法。

打開PS軟體，置入背景等等等等的都掠過就說這個雙線切角矩形如何簡便的呈現吧。

=====流量黨的分割線=====

第一步

選擇圓角矩形工具，先做一個圓角矩形。

PS，這一步時不用去管這個圓角矩形的圓角半徑，但是要選擇形狀選項，因為這樣，我們可以直接得到一個白底兒的、矢量的、路徑還同時存在的圓角矩形圖形。同時，你在做這個圖形的時候，如果是用滑鼠置入的話，請按住shift，如果是數據置入的話，請長寬一致。

為毛不設定那個關鍵的半徑，來前期控制好我們大致需要的切角的尺寸呢？那是因為，在大部分的PS版本裡面，這都是可以通過屬性進行二次設定的（設定時用路徑選擇工具或者直接選擇工具皆可），當然了，不知道這回事兒的人也很多。

第二步

我們調整圓角半徑，使其接近我們需要的結果

這一步需要你對結果有一個預判，知道我們的圖片的尺寸，預判我們要做的這個切角矩形的大小，最起碼得有一個大致的判斷。

另外，剛開始學習的話，模仿確實是最快速的方法之一，但絕沒有必要模仿的一模一樣，能在模仿的同時加入自己的想法才更好。

我的畫面寬度是2000px（像素），所以我選擇圓角半徑為30像素

這裡注意：要勾選下面的那個鎖鏈按鈕，這樣你就可以同時調整所有的角了。

這裡解釋下為什麼要用圓角矩形，因為題主示例圖片中給出的是一個兩個內角一致的切角邊角，也就是說兩個內角皆為135度，沿一邊做切線所形成的外切角為45度，也就是那個被切掉的圖形正好是一個等腰直角三角形。而使用圓角矩形也正是利用了等腰直角三角形的角度匹配關係，這樣，也就省去了我們再「點點點點點」或者通過輔助線等其他方式來繪製這個切角的麻煩了。這也確實想當麻煩。

第三步

我們去掉那些圓角，用的是轉換點工具

在八個頂點上都點一下就可以得到下面這個切角的正矩形了

第四步

我們複製一個一模一樣的圖層

然後用選擇這個圖層，點擊選擇工具，對這個路徑的填充和描邊進行設定

第五步

我們調整他們的相對位置和大小，

讓作為底紋的白色切角矩形和作為黑色內描邊裝飾的矩形達到一個接近你模仿對象的相對位置

操作很簡，單主要是利用對齊工具和縮放選項，這個應該都是基礎操作，就不細說了，看下圖

要點是你要同時選擇兩個圖層，才能讓兩個路徑同時出現在路徑對話框里，並呈現選擇狀態。然後就是橫豎都進行劇中對齊就行了而大小則自己掌握

看到這兒可能有人要說了，我直到現在得到的仍然還是一個正切角矩形啊，為毛不是題主問的長方形的切角矩形啊？

其實上面的都是基礎處理步驟，下面就是卍解時間，馬上就讓他變成切角長方形

怎麼做呢？

還是用選擇工具，這次要使用的是直接選擇工具

首先要保證兩個圖層和兩個路徑都在選擇狀態

我們直接去框選上面或者下面的兩個路徑的四對頂點，然後按住shift向下或者向上拉（你要願意也可以點點點點點），當然你也可以選擇左右側的四對頂點進行此步驟

這樣做以後，你就得到了你想要的圖形了，在改變這兩個偽雙線切角長方形底紋框架的大小的時候，你可以直接選擇兩個圖層（不放心的話可以直接在圖層選項卡裡面把他們鏈接起來），然後就用ctrl+T來進行拖拽吧，肯定是不會出現偽和的變數改動的。而且不用去考慮我的每個角到底是不是正確的45度切角，也不用再像某答案說的那樣，點點點點點，點個十幾下了，畫布大小和解析度不確定的情況下，難道要點到暈厥嗎？

這裡面所有設定的參數，應該都是由您的畫面大小比例來決定的，就像第四步的描邊量為2點一樣，僅僅是比例和感覺，如果是20000像素寬度的畫布，維持這個比例不變，就需要20點的描邊了。難道還要點點點點點點點點到真暈厥嗎？20000px的畫布估計都能把電腦點卡機吧。。。

下面我就來完成這個示範並在最後給出關鍵點及注意事項吧。

注意形狀，路徑和像素之間的關係
注意畫面布局與整體比例在個體上的顯示
直接選擇工具與路徑選擇工具
思路比百分百臨摹重要

over

高能圖片預警，非流量預警，做好心理準備。————————————————————————————扯大點。ps裡面的基本形狀都是路徑來的，也就是在柵格化之前是矢量的。當然，矢量的東西還有鋼筆。這也是為什麼我在做非特殊用途的東西時熱衷ps的原因，他還是有一定矢量操作手段的。於是乎，如第一答主所說，八邊形選錨點移動即可。

另外收@小冷啟發，可以直接用一個大的正方形選區反選削掉四個角~手機無奈，下了個美圖秀秀擼了個示意圖。