這篇教程中，我們將學習如何在AdobeIllyrator中設計社交型用戶界面。下面是具體的步驟。
一、新建一份文件，3000×3000像素，色彩模式設為“RGB”。
用長方形工具，選一個淡灰色的，用四邊形來覆蓋整個畫板。您可以雙擊圖層名稱圖層面板，將圖層重新命名為“背景”，然后在空框和鎖定層上單擊(您將看到一個鎖圖標，以確認圖層被鎖住)。
3、從圖層面板中新建一個圖層，給這個圖層起一個你想要的名字，然后粘貼到你想要使用的概要文件中。要確定這個新圖層是“背景”圖層。現(xiàn)在把圖片從圖板上刪除，然后再返回到教程中。
用矩形工具繪制一幅新的四面體(約775×490像素)。用白色填充色填充該形狀。

選擇橢圓工具，按下偏移鍵繪制圓形(約290×290像素)。填滿暫時性的顏色，并在步驟4中創(chuàng)建的矩形中將圓周對齊。在布局時，不同的灰度是非常有用的，在設計過程中可以得到基本的結(jié)構(gòu)，隨后再加以細化。
選擇文字工具，在畫板上單擊開始輸入所選數(shù)字，然后按回車，輸入單詞“喜歡”。
選擇中段文字的對齊方式，選擇一種字體，使用粗體/斜體字并符合要求。
8、把新的文本對象放在矩形的左下角，這樣左邊/下方就有足夠的空間。
復制/粘貼文本對象，在兩個更長的時間內(nèi)，傳播所有三個水平長方形的寬度。如果有必要，可以使用對齊選項來分離3個文本對象。號碼和標題也可以調(diào)整。舉例來說，考慮一下用股票、下載、追隨者等等作為標題。
還記得我們先前放在一邊的那張輪廓照嗎？活動圖片的一半以上圓，因此部分圓仍可見。之后選擇對象>設置>顯示在前面，以確保圓形位于頂部。
選擇在進行選擇時，選擇兩個圓圈和照片一起移動，然后轉(zhuǎn)到對象>剪貼蒙版>做。它會在你的照片里形成圓形形狀。在作物圖片上雙擊該對象進入的形狀和調(diào)整作物。從特定的對象組中退出，點擊文件窗口左上方指向左鍵的箭頭。
接下來，我們可以創(chuàng)建一個相似大小的圓形圖片，移除填充物，并為該形狀設置行程寬度和顏色。這個步驟是可選的，它會為你的個人照片添加一個邊框。
鄭州網(wǎng)站建設公司選擇多邊形工具并指定要創(chuàng)建一個三邊形狀(三角形)。將此形狀填充顏色為白色，減小尺寸，并在中央和下方的主矩形位置，確保三角形指向向下的方向。
確保這些形狀是可移動的，在探路者的調(diào)色板中，選擇統(tǒng)一，選擇將兩個形狀合并為形狀。
使用橢圓工具，創(chuàng)建一個狹長的橢圓，就是主矩形的寬度相似，位置如下。選擇此形狀，打開漸變面板，并創(chuàng)建一個新的漸變，其左右兩側(cè)為黑色，中間為白色。您可以拖曳樣本，以從色板上的漸變滑塊加入梯度。
下一步是消除效果>模糊>高斯模糊，并指定模糊值作為期望的數(shù)量。目標是創(chuàng)建一個“浮動陰影”的主矩形，你可以根據(jù)這個矩形調(diào)整模糊程度。透明調(diào)色板中還可以調(diào)整這種陰影的整體不透明度。
增加所需的主矩形的高度/寬度，以便添加任何其它細節(jié)信息。比如，可以是其他人的名字，職位，或者描述等等。
18、選擇主矩形，去效果>樣式>陰影，指定任意陰影。增加細微的陰影有助于創(chuàng)造更大的淺灰色背景，以及主要的白色矩形。