在本教程中,我們將學習在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、選擇主要的矩形,去效果>風格化>陰影,指定任何陰影的設置。添加一個微妙的陰影可以幫助創建一個更大的區別淺灰色背景,和白色的主要矩形。創新互聯
(http://m.newbst.com),專業
網站建設、網站優化、
logo設計、品牌設計、印刷等產品服務,歡迎新老顧客前來咨詢!咨詢熱線或QQ:1683211881
網頁名稱:如何在Adobe Illustrator里做這樣一個UI設計?
分享路徑:http://m.newbst.com/news13/32963.html
成都網站建設公司_創新互聯,為您提供網站導航、自適應網站、App設計、動態網站、用戶體驗、企業建站
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯