起源
2015年法國巴黎著名設計師MBE在設計網站dribbble以“MBE”為網名，連續發了很多張圖片，這些圖片具有粗描邊、描邊上有斷點、色彩飽和度高、有一些小裝飾，簡潔、呆萌、識別度高，一下子引起了眾多設計愛好者的追捧和模仿，這種風格隨之火了起來，被命名為MBE風格。
1.任務描述
扁平化風格圖標 MBE風格圖標
2.思路剖析
（1）使用鋼筆工具、轉換點工具、直接選擇工具、路徑選擇工具繪制出帶斷點的路徑，並使用畫筆描邊。
（2）使用鋼筆工具、轉換點工具、直接選擇工具、路徑選擇工具繪制出左邊白色部分和右邊陰影部分並填充。
（3）使用圓角矩形工具、矩形工具繪制各種裝飾圖案
3.任務實現
（1）打開上一案例 扁平圖標設計PSD源文件。
（2）隱藏“輪廓”圖層。
（3）打開【路徑】面板，選中【路徑1】進行復制一個副本，得到【路徑1拷貝】，接下來使用“添加錨點工具”添加6個錨點，如圖*所示。使用“直接選中工具”選中錨點2、錨點5並刪除，如圖1所示。
圖1 添加、刪除錨點
（4）在小狗右邊耳朵的路徑，添加3個錨點，使用“直接選中工具”選中錨點2並刪除，如圖2所示。
圖2 添加、刪除錨點
（5）在小狗下巴的路徑，添加6個錨點。使用“直接選中工具”選中錨點2、錨點5並刪除，如圖4所示。
圖4 添加、刪除錨點
（6）新建一圖層，命名為“MBE輪廓”；設置前景色為黑色，選中“畫筆工具”，設置畫筆大小為10像素、“硬邊圓”進行描邊，如圖5所示。
圖5 MBE輪廓描邊
（7）使用“鋼筆工具”、“轉換點工具”左邊的白色輪廓。將前景色設置為白色，如圖6所示。在【路徑】面板，新建【路徑】命名為“白色”，填充白色。如圖7所示。
圖6 繪制路徑
圖7 路徑轉換為選區填充為白色
（8）制作“陰影”；參照步驟（7）完成陰影的制作。如圖8、圖9、圖10所示。
圖8 繪制路徑 圖9 設置填充顏色
圖10 陰影填充顏色
（9）將前景色設置為紅色，如圖11所示。在【路徑】面板，新建【路徑】命名為“紅花”，使用“圓角矩形工具”繪制花朵形狀，如圖12所示。新建一圖層，命名為“紅花”，按【Ctrl】+【Enter】組合鍵，將路徑轉換為選區，按住【Alt】+【Delete】組合鍵，完成紅色填充，並調整其大小，移到合適的位置。如圖13所示。
圖11 設置前景色 圖12 繪制路徑
圖13 制作紅色花朵
（10）設置前景色為藍色，如圖14所示；復制“花朵”圖層，得到“花朵拷貝”圖層，按住【Ctrl】鍵的同時使用“移動工具”單擊“花朵拷貝”圖層，得到花朵的選區，按住【Alt】+【Delete】組合鍵，完成藍色填充，並調整其大小，移到合適的位置。如圖15所示。
圖14 設置前景色為藍色 圖15 制作藍色花朵
（11）執行【Ctrl】+【R】組合鍵，顯示標尺，使用“移動工具”拉出水平、垂直參考線。使用“橢圓工具”，以水平、垂直參考線相交點為圓心，按住【Alt】+【Shift】組合鍵繪制正圓，如圖16所示。
圖16 繪制正圓路徑
（12）設置“排除重疊形狀”，如圖17所示。使用同樣的方法繪制內圓路徑，如圖18所示。
圖17 設置“排除重疊形狀” 圖18 繪制內圓路徑
（12）新建一圖層，命名為“圓環”；設置前景色為黃色，如圖19所示。按【Ctrl】+【Enter】組合鍵，將路徑轉換為選區，按住【Alt】+【Delete】組合鍵，完成黃色填充，並調整其大小，移到合適的位置。如圖20、圖21所示。
圖19 設置前景色為黃色
圖20 填充顏色 圖21 調整位置
（13）參考步驟（9），完成紅色圓環的制作，如圖22所示。參考步驟（10）到步驟（12），完成加號的制作，如圖23所示。
圖22 繪制紅色圓環 圖23 繪制加號
（14）使用“畫筆工具”，設置畫筆適當的大小像素，繪制圓點，最終效果如圖24所示。
圖25 完成效果圖