在本教程中,我們將學(xué)習(xí)在Adobe Illustrator里如何設(shè)計(jì)一個(gè)社會(huì)型的用戶界面。以下是具體步驟。
1、創(chuàng)建一個(gè)新的文件,3000×3000像素,顏色模式設(shè)置為“RGB”。
2、使用矩形工具,選擇一個(gè)淡灰色的畫一四邊形覆蓋整個(gè)畫板。你可以雙擊圖層名稱圖層調(diào)板中,重命名圖層為“背景”,然后點(diǎn)擊在空盒子和鎖定層(你應(yīng)該看到一個(gè)掛鎖圖標(biāo)出現(xiàn)確認(rèn)該層被鎖定)。
3、從圖層調(diào)色板中創(chuàng)建一個(gè)新的圖層,給這個(gè)圖層一個(gè)你選擇的名字,然后粘貼在你希望使用的配置文件中。確保這個(gè)新的層是上面的“背景”層。將照片從圖板的現(xiàn)在,我們會(huì)回到這本教程的后面。
4、使用矩形工具,繪制一個(gè)新的四面形狀(約775×490像素)。給這個(gè)形狀一個(gè)白色的填充顏色。
5、選擇橢圓工具,并按住偏移畫一個(gè)圓圈(約290×290像素)。填充暫時(shí)的顏色,并在我們?cè)诓襟E4中創(chuàng)建的矩形中居中對(duì)齊這個(gè)圓。不同的灰色色調(diào)是特別有用的布局時(shí),得到的基本結(jié)構(gòu),并可以在設(shè)計(jì)過程中,后來被細(xì)化。
6、選擇文字工具,單擊畫板的地方開始輸入您所選擇的號(hào)碼,然后按回車,鍵入單詞“喜歡”。
7、選擇中文本的對(duì)齊方式,選擇一個(gè)字體,使用粗體/斜體風(fēng)格和期望。
8、將新的文本對(duì)象定位在矩形的左下角,有足夠的空間從左/下邊緣。
9、復(fù)制/粘貼文本對(duì)象兩個(gè)更多的時(shí)間,并傳播所有三個(gè)水平橫跨矩形的寬度。使用對(duì)齊選項(xiàng),如果必要的話,將3個(gè)文本對(duì)象分開。該數(shù)字也可以調(diào)整,以及標(biāo)題。例如,考慮使用股票,下載,追隨者等作為標(biāo)題的想法。
10、還記得我們?cè)缧r(shí)候放在一邊的輪廓照片嗎?移動(dòng)照片超過一半的圓圈,所以部分圓圈仍然可見。然后選擇對(duì)象>設(shè)置>帶到前面,以確保圓圈在頂部。
11、選擇在選擇時(shí),選擇兩個(gè)圓和照片一起保持移動(dòng),然后轉(zhuǎn)到對(duì)象>剪貼蒙版>做。這將作物你的照片內(nèi)的圓圈形狀。雙擊這個(gè)對(duì)象現(xiàn)在進(jìn)入的形狀和調(diào)整你的圖像的作物。然后退出特定的對(duì)象組,單擊文檔窗口左上角的箭頭指向左鍵。
12、下一步,我們可以創(chuàng)建一個(gè)類似的尺寸圓形的配置文件照片,刪除填充,并給這個(gè)形狀的行程寬度和顏色所需。這一步是可選的,添加一個(gè)邊框圍繞您的配置文件照片。
13、選擇多邊形工具并指定創(chuàng)建一個(gè)3方的形狀(三角形)。選擇白色為這個(gè)形狀的填充顏色,減少大小,并在中央和下面的主矩形位置,確保三角形是指向一個(gè)向下的方向。
14、確保這些形狀是感動(dòng),在探路者的調(diào)色板,選擇團(tuán)結(jié),選擇合并這兩個(gè)形狀到形狀。
15、使用橢圓工具,創(chuàng)建一個(gè)窄的橢圓,是一個(gè)類似的寬度到主矩形,并在下面的位置。用這個(gè)形狀選擇,打開漸變面板,并創(chuàng)建一個(gè)新的漸變,有黑色的左側(cè)和右側(cè),與白色的中心。你可以拖動(dòng)樣本從色板上的漸變滑塊添加到您的梯度。
16、下一步是去效果>模糊>高斯模糊,并指定一個(gè)值為所需量的模糊。這里的目標(biāo)是創(chuàng)建一個(gè)“浮動(dòng)陰影”的主要矩形,你可以調(diào)整相應(yīng)的模糊量。這個(gè)陰影的整體不透明度也可以在透明度調(diào)色板中進(jìn)行調(diào)整。
17、增加所需的主矩形的高度/寬度,以添加任何其他額外的細(xì)節(jié)。例如,這可能是別人的名字,職位名稱,或描述等。
當(dāng)前標(biāo)題:如何在Adobe Illustrator里做這樣一個(gè)UI設(shè)計(jì)?
轉(zhuǎn)載注明:http://redsoil1982.com.cn/news/32963.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、App設(shè)計(jì)、品牌網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、網(wǎng)站制作、營銷型網(wǎng)站建設(shè)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)