在本教程中，我們將學習在 Adobe Illustrator 裏如何設計一個社會型的多用户界面。以下是具體步驟。

　　1 、建立一個新的檔案，3000×3000 畫素，顏色模式設置為 “RGB” 。

　　2 、使用矩形工具，選擇一個淡灰色的畫一四邊形覆蓋整個畫板。您可以雙擊圖層名稱圖層調板中，重新命名圖層為 “背景”，然後點選在空盒子和鎖定層（您應該看到一個掛鎖圖示出現確認該層被鎖定）。

　　3 、從圖層調色盤中建立一個新的圖層，給這個圖層一個您選擇的名字，然後貼上在您希望使用的配置檔案中。確保這個新的層是上面的 “背景” 層。將照片從圖板的現在，我們會回到這本教程的後面。

　　4 、使用矩形工具，繪製一個新的四面形狀（約 775×490 畫素）。給這個形狀一個白色的填充顏色。

　　5 、選擇橢圓工具，並按住偏移畫一個圓圈（約 290×290 畫素）。填充暫時的顏色，並在我們在步驟 4 中建立的矩形中居中對齊這個圓。不同的灰色色調是特別有用的佈局時，得到的基本結構，並可以在設計過程中，後來被細化。

　　6 、選擇文字工具，單擊畫板的地方開始輸入您所選擇的號碼，然後按回車，鍵入單詞 “喜歡” 。

　　7 、選擇中文字的對齊方式，選擇一個字型，使用粗體/斜體風格和期望。

　　8 、將新的文字物件定位在矩形的左下角，有足夠的空間從左/下邊緣。

　　9 、複製/貼上文字物件兩個更多的時間，並傳播所有三個水平橫跨矩形的寬度。使用對齊選項，如果必要的話，將 3 個文字物件分開。該數字也可以調整，以及標題。例如，考慮使用股票，下載，追隨者等作為標題的想法。

　　10、還記得我們早些時候放在一邊的輪廓照片嗎？移動照片超過一半的圓圈，所以部分圓圈仍然可見。然後選擇物件>設置>帶到前面，以確保圓圈在頂部。

　　11、選擇在選擇時，選擇兩個圓和照片一起保持移動，然後轉到物件>剪貼蒙版>做。這將作物您的照片內的圓圈形狀。雙擊這個物件現在進入的形狀和調整您的影像的作物。然後退出特定的物件組，單擊文件視窗左上角的箭頭指向左鍵。

　　12 、下一步，我們可以建立一個類似的尺寸圓形的配置檔案照片，刪除填充，並給這個形狀的行程寬度和顏色所需。這一步是可選的，新增一個邊框圍繞您的配置檔案照片。

　　13 、選擇多邊形工具並指定建立一個 3 方的形狀（三角形）。選擇白色為這個形狀的填充顏色，減少大小，並在中央和下面的主矩形位置，確保三角形是指向一個向下的方向。

　　14 、確保這些形狀是感動，在探路者的調色盤，選擇團結，選擇合併這兩個形狀到形狀。

　　15 、使用橢圓工具，建立一個窄的橢圓，是一個類似的寬度到主矩形，並在下面的位置。用這個形狀選擇，開啓漸變面板，並建立一個新的漸變，有黑色的左側和右側，與白色的中心。您可以拖動樣本從色板上的漸變滑塊新增到您的梯度。

　　16、下一步是去效果>模糊>高斯模糊，並指定一個值為所需量的模糊。這裏的目標是建立一個 “浮動陰影” 的主要矩形，您可以調整相應的模糊量。這個陰影的整體不透明度也可以在透明度調色盤中進行調整。

　　17 、增加所需的主矩形的高度/寬度，以新增任何其他額外的細節。例如，這可能是別人的名字，職位名稱，或描述等。

　　18、選擇主要的矩形，去效果>風格化>陰影，指定任何陰影的設置。新增一個微妙的陰影可以幫助建立一個更大的區別淺灰色背景，和白色的主要矩形。跨飛獨立站 (https://www.kuafei.com)，專業 WordPress 外貿獨立站網站建設、 WordPress 站羣網站優化、 logo 設計、品牌設計、印刷等產品服務，歡迎新老顧客前來諮詢！諮詢熱線或 QQ