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