四、創(chuàng)建search字段和四個(gè)按鈕

①使用矩形工具(M)，創(chuàng)建一個(gè)145 x30像素的形狀，設(shè)置填充顏色為R =232 G =146 B =0以及把它作為顯示在下面的圖像。請(qǐng)確保此新的矩形保持選中，集中在外觀面板上，選擇現(xiàn)有的填充和去影響>尺寸>內(nèi)發(fā)光。進(jìn)入如下圖所示的屬性，然后單擊確定。

②請(qǐng)確保在上一步中所做的矩形保持選中。添加1像素的描邊，設(shè)置顏色為黑色，它對(duì)齊到內(nèi)，降低不透明度為20%，并改變其混合模式為柔光。外觀面板上，請(qǐng)確保您的整個(gè)路徑選擇(只需點(diǎn)擊“路徑”文本塊從外觀面板的頂部)，并去效果>風(fēng)格化>圓角。輸入3像素的半徑，單擊確定以及去效果>風(fēng)格化>陰影。進(jìn)入如下圖所示的屬性，然后單擊確定。

③使用矩形工具(M)，創(chuàng)建一個(gè)65 *30像素的矩形，設(shè)置填充顏色為R =253 G =218 B =47，把它作為顯示在下面的圖像。

④保持黃色矩形被選中，外觀面板上，添加使用添加新的填充按鈕(指向的藍(lán)色圓圈如下圖)第二填充。選擇這個(gè)新的填充，其顏色設(shè)置在R =252 G =206 B =23以及去效果>扭曲和變換>變換。進(jìn)入如下圖所示的屬性，點(diǎn)擊OK，去效果>風(fēng)格化>陰影。請(qǐng)?jiān)谧髠?cè)窗口中顯示的屬性(如下圖)，單擊確定，再去效果>風(fēng)格化>陰影。請(qǐng)?jiān)谟覀?cè)窗口中顯示的屬性，然后單擊確定。

⑤重新選擇黃色的矩形，并使用相同的添加新的填充按鈕，添加第三個(gè)填充。選擇這個(gè)新的填充，拖動(dòng)它在外觀面板底部，并添加如下圖所示的線性漸變。請(qǐng)記住，從漸變圖像的黃色零表示不透明度百分比。這只是意味著你需要選擇你的漸變滑塊，然后輸入從漸變面板中的不透明度框“0”。

返回到外觀面板，確保在此步驟中添加的填充仍處于選中狀態(tài)，并轉(zhuǎn)到效果>扭曲和變換>變換。進(jìn)入如下圖所示的屬性，單擊確定，返回到外觀面板。選取整個(gè)路徑，并去影響>風(fēng)格化>圓角。輸入的3像素半徑，然后單擊確定。

⑥使用矩形工具(M)，創(chuàng)建三個(gè)30像素的正方形，并把它們作為顯示在下面的圖像。接下來，你需要復(fù)制用于黃色矩形的屬性，并將其粘貼到在此步驟中所做的三個(gè)正方形。只要到圖層面板，集中在右側(cè)，你會(huì)發(fā)現(xiàn)，每一個(gè)形狀帶有一個(gè)小的灰色圓圈。這就是所謂的目標(biāo)圖標(biāo)。從你的鍵盤按住Alt鍵，單擊代表您的黃色矩形并拖動(dòng)到該代表的你的三個(gè)廣場(chǎng)之一圈子中的目標(biāo)圖標(biāo)。重復(fù)此方法對(duì)于其他兩個(gè)正方形。最后看起來應(yīng)該像在第二幅圖像。

五、創(chuàng)建三個(gè)小圖標(biāo)

①編輯>首選項(xiàng)>參考線和網(wǎng)格，并在網(wǎng)格線輸入1。用鋼筆工具(P)創(chuàng)建一個(gè)11像素的水平路徑，確保它保持選中。添加4像素的描邊，設(shè)置顏色為R =232 G =146 B =0，然后打開彈出描邊面板，檢查圓帽按鈕。最后你的路徑應(yīng)該看起來像下面的圖片。

②用鋼筆工具(P)創(chuàng)建一個(gè)8像素的垂直路徑，如圖放置在第一幅圖像上，并添加相同4PX，用于水平路徑橙色描邊。確保您的垂直路徑被選中，然后對(duì)象>路徑>添加錨點(diǎn)。切換到直接選擇工具(A)，選擇新添加的錨點(diǎn)只需將其加入5像素到左側(cè)所示的第三個(gè)圖像。

③在你的橙色箭頭中選擇兩條路徑，然后轉(zhuǎn)到對(duì)象>路徑>輪廓化描邊。選擇產(chǎn)生的形狀，打開路徑查找器面板，然后單擊單元按鈕。

④選擇矩形工具(M)，創(chuàng)建一個(gè)18 X17px的矩形，并設(shè)置填充顏色為R =232 G =146 B =0。使用直接選擇工具(A)，選擇這個(gè)新矩形，然后在控制面板上的角落框中輸入“3px”。

最新評(píng)論