在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

在接下來(lái)的步驟里你將會(huì)在Adobe Illustrator 里創(chuàng)建一個(gè)詳細(xì)的井字游戲的界面。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

1.創(chuàng)建一個(gè)新文件和設(shè)置一個(gè)網(wǎng)格(setup a grid)

按commend/ctrl+N 創(chuàng)建一個(gè)新文檔,在寬度框里輸640,高度框里輸990,然后按下”高級(jí)“按鈕,選擇RGB,屏幕(72ppi),確認(rèn)”使新建對(duì)象和像素網(wǎng)格對(duì)齊“沒(méi)被選中,然后按”確定“。

啟用網(wǎng)格(視圖>顯示網(wǎng)格)和對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格),首先你將需要一個(gè)間隔是10px的網(wǎng)格,所以去編輯>首選項(xiàng)>參考線和網(wǎng)格,在網(wǎng)格線間隔填10,次分格線填8。你也要打開(kāi)信息面板(窗口>信息)來(lái)預(yù)覽大小和形狀所在位置。不要忘了在 編輯>首選項(xiàng)>單位>常規(guī) 設(shè)置”像素“為標(biāo)準(zhǔn)的計(jì)量單位。所有這些選擇都將大大的加快你的工作速度。

 

2.創(chuàng)建一個(gè)錐形漸變效果(Conical Gradient) Step 1

在工具欄里選擇矩形工具(M),刪除描邊顏色然后填色設(shè)置為R=29 G=166 B=224,移到畫(huà)布上,簡(jiǎn)單的華哥640px的正方形,位置如下圖所示,對(duì)其網(wǎng)格應(yīng)該會(huì)減輕你的工作。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 2

請(qǐng)確保你的藍(lán)色正方形仍然被選中并復(fù)制一層在前面(CTRL+C > CTRL+F),選擇拷貝的那層并向下圖所示用景象漸變代替藍(lán)色,確保這圖層被選中并在拷貝一層在前并用白色填充,去圖層面板使這圖層不可見(jiàn)。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 3

選擇漸變矩形的正方形,然后選擇對(duì)象>擴(kuò)展,在擴(kuò)展窗口選擇漸變網(wǎng)格按確定。移到圖層面板你將會(huì)發(fā)現(xiàn)一個(gè)組里有一個(gè)網(wǎng)格和剪貼路徑,刪除剪貼路徑并取消組只保留網(wǎng)格(CTRL+SHIET+G)。獲取選擇工具(V),選擇你的網(wǎng)格并向左移動(dòng)一點(diǎn),這樣使他吸附到網(wǎng)格。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 4

禁用對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格),選擇你的網(wǎng)格,獲取網(wǎng)格工具并按下圖所示增加一些新的網(wǎng)格點(diǎn)。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 5

繼續(xù)注意你的網(wǎng)格并選中直接選擇工具(A),一個(gè)一個(gè)的選擇網(wǎng)格的點(diǎn)并設(shè)置顏色如下圖所示

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

3. 添加漸變的蒙版和紋理 Step 1

注意圖層面板并讓白色方形圖層可見(jiàn),同時(shí)選中該圖層和網(wǎng)格圖層,打開(kāi)透明度面板,然后在收縮菜單選擇“建立不透明蒙版”,最后看起來(lái)就像第二張圖。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 2

注意圖層面板,選擇藍(lán)色方形,將他置前(SHIFT+CTRL+]),然后注意外觀面板,首先用一個(gè)簡(jiǎn)單的黑色代替藍(lán)色,選擇黑色填充,降低不透明度為5%,混合模式改成“疊加”,去“效果>藝術(shù)效果>膠片顆粒”,按下圖填屬性后按確定。

回到外觀面板并用”添加新填色“(下圖中藍(lán)色箭頭指出的)按鈕增加新填色,選中這個(gè)新填色,確保顏色是黑色,不透明度降至40%,混合模式改成“疊加”,去“效果>藝術(shù)效果>海綿”,按下圖填寫(xiě)屬性后按確定并回到外觀面板,增加2pt的描邊,“使描邊內(nèi)側(cè)對(duì)其”,顏色設(shè)置為R=219 G=224 B=227。繼續(xù)來(lái)到外觀面板并按"添加新描邊"(下圖中由綠色箭頭指出),選中該描邊,使描邊寬為1pt,“使描邊內(nèi)側(cè)對(duì)其”,顏色設(shè)置R=113 G=123 B=126。確保這些紋理形狀仍被選中,打開(kāi)圖形樣式面板,點(diǎn)擊“新建圖形樣式”,雙擊這個(gè)心的圖層樣式并命名為”texture“。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 3

確信texture形狀仍被選中并拷貝一份在前面。選擇拷貝的那個(gè)并按鍵盤(pán)上的D鍵,外觀面板便出現(xiàn)默認(rèn)的狀態(tài)(白色填充,1pt的黑色描邊)。接下來(lái)你就需要一個(gè)內(nèi)置的藝術(shù)筆刷,去畫(huà)筆面板,打來(lái)收縮菜單,去打開(kāi)畫(huà)筆庫(kù)>藝術(shù)效果>藝術(shù)效果_粉筆炭筆鉛筆,在新的面板里你需要找到”炭筆_變化“筆刷,重新選擇這個(gè)形狀然后看外觀面板,選擇描邊,加入”炭筆_變化“筆刷并設(shè)置”R=50 G=50 B=50“。確定這個(gè)形狀在這步仍被選中,移到圖形樣式面板,講新的圖形樣式命名為”mask“。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 4

重新將”mask“圖層樣式和textured方形選中,在透明度面板的收縮菜單選擇”建立不透明度蒙版“

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

4.創(chuàng)建九個(gè)裝“X”和“0”的框架 Step 1

啟用對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格),在這步你講需要一個(gè)間隔是5px的網(wǎng)格,所以去編輯>首選項(xiàng)>參考線和網(wǎng)格,在網(wǎng)格線間隔中輸入“5”。用矩形工具(M),創(chuàng)建一個(gè)160px的方形,填充色為“R=83 G=93 B=96”,將它如下圖放置,去“效果>扭曲和變換>變換”,按左窗口(下圖)填寫(xiě)參數(shù),按確定并再一次選擇“效果>扭曲和變換>變換”按確定,去“對(duì)象>擴(kuò)展外觀”,選擇生成后的組并按三次“CTRL+SHIFT+G”。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 2

選擇九個(gè)方形,加入“炭筆_變換“筆刷并設(shè)置顏色”R=50 G=50 B=50“,如第二張圖所示一個(gè)個(gè)的選擇并隨機(jī)的旋轉(zhuǎn)他們,一旦你完成里就給他們編組(CTRL+G)。選擇該新組,使不透明度降至15%,并將混合模式變成”顏色減淡“

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 3

確保這個(gè)九個(gè)方塊的組仍被選中并將它拷貝一份置前(CTRL+C>CTRL+F)。打開(kāi)新組,選中所有的九個(gè)方塊并用”粉筆_涂寫(xiě)“筆刷代替”炭筆_變化“。重新選擇整個(gè)拷貝組,將混合模式變成”柔光“,不透明度增加到50%。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 4

確保這個(gè)在前一步做好的組仍被選擇,并將它復(fù)制置前,取消這個(gè)新組,選中這九個(gè)方形,出去藝術(shù)筆刷的描邊,填充色為”R=83 G=93 B=96“。移到圖層面板按下圖以”1“到”9“給這些形狀命名。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 5

看到方形”1“并選中,增加一個(gè)1pt的邊,”使描邊外側(cè)對(duì)齊“,設(shè)置顏色為”R=103 G=113 B=116“。用矩形工具(M),創(chuàng)建一個(gè)15 x 160px的形狀并按下面第二張圖所示的位置放置。切換到直接選擇工具(A)并注意到這個(gè)新矩形的頂部一面,選中右邊的描點(diǎn)并將它往下拉15px。一旦完成這個(gè)形狀就按下圖所示用線性漸變填充。確保這個(gè)形狀的線性漸變?nèi)阅芑顒?dòng),關(guān)注顏色面板并按新建色板按鈕來(lái)保存這個(gè)漸變。用矩形工具(M)創(chuàng)建一個(gè)160 x 15px的形狀并按第四張圖所示的位置放置。切換到直接選擇工具(A)并看到新矩形的左邊部分,選中下面的描點(diǎn)并向右移動(dòng)15px。一旦完成就用保存的漸變填充。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 6

重新選擇方形”1“,拷貝一份并置前。選中這個(gè)拷貝,移除顏色的描邊并選中剩下的填充。按下圖所示用徑向漸變來(lái)替換原有的顏色。降低不透明度至50%,混合模式變成”柔光“;氐酵庥^面板并增加第二個(gè)填充,選中它,填充黑色,不透明度降至3%,講混合模式變成疊加在去”效果>藝術(shù)效果>膠片顆粒“,按下圖所示設(shè)置屬性然后按確定。確保在這步完成的形狀仍被選中,轉(zhuǎn)到圖形樣式面板,保存為一個(gè)新的圖層樣式,命名為”shading“。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 7

重新選擇方形”1“和其他三個(gè)加亮的形狀,將他們編組(CTRL+G),切換到圖層面板,命名這個(gè)新組為”frameOne“,選擇它并去”效果>風(fēng)格化>投影“,按下圖所示設(shè)置屬性,按”確定“,然后去”對(duì)象>變換>對(duì)稱(chēng)”,按“垂直”選項(xiàng)并按復(fù)制按鈕,這應(yīng)該創(chuàng)建了一個(gè)水平快速翻轉(zhuǎn)的復(fù)制組。選中它,把它拉到如第三張圖所示的位置。移到圖層面板并命名新組為“frameThree”,繼續(xù)關(guān)注圖層面板并移除方形“3“。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 8

重新選擇”frameOne”和“frameThree“兩組并去”對(duì)象>變換>對(duì)稱(chēng)“,選中”水平“選框并按下”復(fù)制“按鈕。把生成的組按第三張圖所示的位置。分別命名為”frameSeven“和”frame”然后移去方形“7“和“9“

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 9

注意看方形”2“,選中它,加上1pt的描邊,”使描邊外側(cè)對(duì)齊“,顏色設(shè)置”R=103 G=113 B=116“。用矩形工具,創(chuàng)建兩個(gè)10 x 160px的形狀如下第二張圖所示擺放。切換到直接選擇工具(A)并注意左邊矩形的上面部分。選擇右邊描點(diǎn)并將它往下拉15px。移到右邊矩形,注意頂部,選中左邊的描點(diǎn)并向下拉15px。一旦完成了就將這兩個(gè)形狀用保存的漸變來(lái)填充。重新選擇矩形工具(M),創(chuàng)建一個(gè)160 x 15px的形狀并按如下第四張圖所示擺放。切換到直接選擇工具(A)并注意著新矩形的下面部分,選擇左邊的描點(diǎn)向右拉10px并將右邊的描點(diǎn)向左拉10px,完成后就用以保存的漸變填充。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 10

重新選擇方形”2“,復(fù)制一層置前,選中這拷貝,增加”shading“圖形樣式并注意到外觀面板。選擇底部填充并按下圖所示調(diào)整漸變填充。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 11

重新選擇方形”2“和四個(gè)提亮的形狀并組合他們(CTRL+G)。移到圖層面板。命名為”frameTwo”,選擇它并去“效果>風(fēng)格化>投影”,按下圖所示設(shè)置屬性,點(diǎn)擊“確定”,然后去“對(duì)象>變換>對(duì)稱(chēng)",選中“水平”(horizontal)并按復(fù)制按鈕。這將創(chuàng)建拉一個(gè)垂直翻轉(zhuǎn)的組。選中它,把它拉至如第三張圖所示的位置。移到圖層面板并命名新組為“frameEight”。別忘了移除方形“8“。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 12

重新選擇”frame Two“和”frameEight”組并去“對(duì)象>變換>旋轉(zhuǎn)(rotate)“,輸入90并按復(fù)制按鈕。一旦你完成就移到圖層面板,命名左邊的組為”frameFour”和另外個(gè)組為“frameSix“并刪除方形”4”和“6”。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 13

注意方形“5“,選中它并加上1pt的描邊,”使描邊外側(cè)對(duì)齊“,顏色設(shè)置”R=103 G=113 B=116“。使用矩形工具(M),創(chuàng)建兩個(gè)10 x160px的形狀并按下面第二張圖所示位置擺放。切換到直接選擇工具(A)并注意左邊矩形的右側(cè),選中上面描點(diǎn)并往下拉10px,下面描點(diǎn)往上拉10px,移到右邊矩形并注意它的左側(cè),選中頂部描點(diǎn)往下拉10px,底部描點(diǎn)往上拉10px,一旦完成就用已經(jīng)保存的漸變填充。

重新選擇矩形工具(M),創(chuàng)建兩個(gè)160 x 10px的形狀并按下面第四張圖所示位置擺放。切換到直接選擇工具(A)并注意上面矩形的底部,選中左描點(diǎn)并往右拉10px,右面描點(diǎn)往左拉10px,移到下面矩形并注意它的頂部,選中左描點(diǎn)往右拉10px,右描點(diǎn)往左拉10px,一旦完成就用已經(jīng)保存的漸變填充。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 14

重新選擇方形”5“,并拷貝一份置前,選中拷貝,并加入”shading”圖形樣式然后看外觀面板。選中底部填色并按下圖所示調(diào)整徑向漸變填充。重新選擇方形“5“和上面提亮的圖形并編組(CTRL+G)。移到圖層面板,命名新組為”frameFive“,選中它并去”效果>風(fēng)格化>投影“,按下圖所示設(shè)置參數(shù)并按確認(rèn)。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 15

選中這所有九個(gè)frame組和有九個(gè)方形(兩個(gè)藝術(shù)筆刷)的兩個(gè)組并編組(CTRL+G)。移到圖層面板并將該新組命名為”Frames”。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

5.創(chuàng)建3D X's Step 1

關(guān)注“frameOne”并選擇矩形工具(M)。創(chuàng)建一個(gè)25 x 115px的形狀,用“R=39 G=170 B=225”并按第一張圖所示位置放置。確保這藍(lán)色矩形被選中并去“對(duì)象>變換>旋轉(zhuǎn)“。輸入90度按復(fù)制鍵。選中這兩個(gè)藍(lán)色矩形并按“路徑查找器”面板的“聯(lián)集(unite)”按鈕。選中最后的形狀去“效果>風(fēng)格化>圓角“。輸入12.5px的半徑,單擊確定。然后去“對(duì)象>變換>旋轉(zhuǎn)“,輸入45度按確定。移動(dòng)這藍(lán)色形狀如下第四張圖所示。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 2

確保那個(gè)藍(lán)色形狀仍被選中并去“效果>扭曲和變換>變換”。輸入左窗口(下圖)的屬性,點(diǎn)確定并繼續(xù)去“效果>扭曲和變換>變換“,輸入右窗口(下圖)的屬性,點(diǎn)擊確定并去”效果>3D>凸出和斜角“,按下圖所示輸入屬性,確保選中”繪制隱藏表面“并按確定。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 3

確保藍(lán)色形狀仍被選擇并去”對(duì)象>擴(kuò)展外觀“,選擇生成后的組并按”SHIFT+CTRL+G“取消所有編組,查看圖層面板你將會(huì)看到一大串藍(lán)色形狀。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 4

選取選擇工具(V),,選中九個(gè)頂部的”x”形狀并編組(CTRL+G),確保該新組被選擇,并用“R=142 G=150 B=155”代替藍(lán)色。移到圖層面板讓改組不可見(jiàn)。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 5

選取選擇工具(V),選中其他的九個(gè)“x“形狀并編組(CTRL+G),確保該新組被選中,并用”R=72 G=80 B=85”來(lái)代替藍(lán)色。移到圖層面板,把這新組拉到不可見(jiàn)的組下面,也讓它不可見(jiàn)。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 6

注意存在著的藍(lán)色形狀,選中一個(gè)形狀并去“選擇>相同>外觀(將會(huì)選中所有藍(lán)色形狀)”然后敲下鍵盤(pán)的"DELETE"鍵。在到圖層面板,打開(kāi)兩個(gè)有“x”的兩個(gè)不可見(jiàn)的組然后取消編組(CTRL+SHIFT+G)。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 7

注意“frameOne“,選擇更深的”x“形狀并復(fù)制在后面(CTRL+C>CTRL+B)。確保復(fù)制的那層仍被選中并注意外觀面板。移除顏色填充,增加一個(gè)”2pt“的邊并選中它。顏色設(shè)置黑色,不透明度降低至“10%”,混合模式設(shè)置“柔光“。繼續(xù)注意外觀面板并為這形狀增加第二個(gè)描邊。選中它,確保顏色為”黑色“,寬度為”4pt“,不透明度降至”5%“,混合模式設(shè)置為”柔光“。確保這個(gè)形狀在這部仍被選中,移到圖形樣式面板,保存這個(gè)新的圖形樣式并命名為”back“。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 8

繼續(xù)注意”frameOne“,選中頂部的”x“形狀并復(fù)制一層在前(CTRL+C>CTRL+F)。確保這個(gè)形狀選中,注意外觀面板并增加第二個(gè)填充,選中它,顏色設(shè)置”白色“,混合模式變?yōu)?rdquo;疊加“,并去”效果>路徑>偏移路徑“,輸入”-1px“偏移限制,按”確定“,回到外觀面板。增加第三個(gè)填充并選中,用如下圖所示的徑向漸變,去”效果>路徑>偏移路徑“,輸入”-1px“偏移設(shè)置,按”確定“,去”效果>扭曲和變換>變換“,輸入按下圖所示的屬性,按”確定“,并去”效果>風(fēng)格化>內(nèi)發(fā)光“,如下輸入屬性,按確定并回到外觀面板,增加”1pt“的描邊,”使描邊內(nèi)側(cè)對(duì)齊“,顏色設(shè)置為”R=102 G=110 B=115“,不透明度降至”15%“。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 9

確保頂部的”x“形狀仍被選中。注意外觀面板,增加一個(gè)新填充并選中,使用如下圖一所示的徑向漸變,不透明度降至”70%“,去”效果>路徑>偏移路徑“,輸入”-1px“偏移限制并按確定。返回到外觀面板并增加一個(gè)填充。用下圖二所示的徑向漸變,不透明度降至為”10%“,混合模式變?yōu)?rdquo;疊加“,去”效果>路徑>偏移路徑“,輸入”-1px”便宜設(shè)置并按“確定”;氐酵庥^面板并增加最后一個(gè)填充并選中。用如圖三所示的線性漸變,不透明度降至“25%”,混合模式變?yōu)?ldquo;疊加”,去“效果>路徑>偏移路徑”,輸入“-2px“偏移設(shè)置并按”確定“,確保被編輯到這部的形狀仍被選擇,移到圖像樣式面板,將新的圖形樣式保存為”frontGrey“。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 10

注意工具欄并雙擊混合工具(blend tool)(或去對(duì)象>混合>混合選項(xiàng)..),在下拉框中選擇”指定的步數(shù)“,,在白框輸入”25“,按”確定“。注意”frameOne“,同時(shí)選擇原始的”x“形狀(一個(gè)只有一個(gè)填充),并敲”ALT+CTRL+B“,最后應(yīng)該如圖二所示。移到圖層面板,選擇這個(gè)新的混合仍被選擇,移到圖形樣式面板,保存新圖形樣式為”blendShadow“;氐疆(huà)布,重新選擇兩個(gè)曾調(diào)亮的”x“形狀的混合并編組(CTRL+G),移到圖層面板并命名該新組為”X1“。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 11

接下來(lái)你應(yīng)該重復(fù)的給”x“形狀做”X1“的技術(shù)。這些將會(huì)更快應(yīng)為你保存了這些圖形樣式。這些是你需要做的事。注意”frameTwo”,選擇更深的“x”并復(fù)制一層置后“CTRL+C>CTRL+B”。選中這些復(fù)制并增加“back”圖形樣式;氐疆(huà)布,選中頂部的“x”并復(fù)制一層置前"CTR+C>CTRL+F"。選中該新復(fù)制的并增加“frontGrey”圖形樣式;氐綀D層面板,注意“frameTwo”,選中原來(lái)的“x”形狀(一個(gè)就一個(gè)填充),敲“ALT+CTRL+B”并給新創(chuàng)建的混合增加“blendShadow”圖形樣式。選中該混合和兩個(gè)圖層并編組(CTRL+G)。移到圖層面板并命名改組為“X2"。繼續(xù)重復(fù)給其他的“x”進(jìn)行這些技巧。一旦完成就將整個(gè)“x”組編組為(CTRL+G),并命名為“Xgrey”。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 12

選擇“Xgrey”組,復(fù)制一層置前(CTRL+C>CTRL+F)并注意圖層面板。讓原來(lái)的“XGrey”組不可見(jiàn),將拷貝的組命名為“XYellow”并打開(kāi)它。選中一個(gè)“x”用“R=72 G=80 B=85”填充的,去“選擇>相同>外觀”,并用“R=192 G=108 B=13”代替“R=72 G=80 B=85”

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 13

繼續(xù)看“XYellow”組,選中一層用“R=142 G=150 B=155”,去“選擇>相同>外觀”并用“R=249 G=174 B=53”代替“R=142 G=150 B=155”。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 14

繼續(xù)注意“XYellow”組,選中用“frontGrey”圖形樣式的"x"并用下圖所示的外觀代替,確保那些黃色形狀仍被選中,移到圖形樣式面板,保存新的圖形樣式并用“frontYellow”命名。.

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 15

繼選中其他用“frontGrey”圖形樣式的8個(gè)“x”,并用“frontYellow”圖形,一旦完成,就讓“XYellow”組不可見(jiàn)。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

6. 創(chuàng)建3D的O's Step 1

用橢圓工具(Ellipse tool(L)),創(chuàng)建一個(gè)100px的圓并按圖一所示位置放置。填充為“無(wú)”,但加上25pt的描邊,“使描邊向內(nèi)對(duì)齊”,并設(shè)置顏色為“R=29 G=166 B=224”。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 2

確保100px的圓仍被選中并增加變換和“3D凸出和斜角(3D extrude & bevel)”

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 3

確保藍(lán)色形狀仍被選中并去“對(duì)象>擴(kuò)展外觀”。選中最后生成的一組形狀并按(SHIFT+CTRL+G)三次去掉所有這些組,F(xiàn)在注意最后生成的藍(lán)色形狀并簡(jiǎn)單的重復(fù)之前“x”形狀的技巧。移除不要的藍(lán)色形狀并給頂部和底部的“o”重新上色。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 4

確保這些“o”應(yīng)用之前的“x”的技巧并確保用之前保存的圖形樣式減輕你的工作。不要忘了編組,命名和組織這些形狀,最后你應(yīng)該有個(gè)名為“OGrey”的組。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

Step 5

復(fù)制(duplicate)“OGrey”組并命名為“OYellow”,打開(kāi)新組并用“frontYellow”圖形樣式和用黃色的“XYellow“組的重新上色技巧。

在Adobe Illustrator 創(chuàng)建一個(gè)井字游戲的APP(上)_tgudhdp.cn

先告一段落...喝喝茶繼續(xù)...


 

全教程完,學(xué)完記得交作業(yè)。如果本教程對(duì)您有所幫助,請(qǐng)推薦給你的朋友。

學(xué)習(xí) · 提示

  • 打開(kāi)ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):ps新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學(xué)網(wǎng) 歡迎投稿原創(chuàng)或轉(zhuǎn)載教程:http://i.16xx8.com
    大俠配美女 說(shuō): 學(xué)習(xí)
    楓葉的顏色2 說(shuō): 簽到
    花花去哪呀 說(shuō): 制作的很好。謝謝老師
    墨源雪痕 說(shuō): 不明白
    危月燕 說(shuō): 學(xué)習(xí)下 新手 不會(huì) 觀摩觀摩 3Q
    紅酒杯 說(shuō): 謝謝分享。!
    死守幸福的貓 說(shuō): 看了一天教程了

網(wǎng)站地圖

ps基礎(chǔ)教程 新手教程 技巧教程 工具教程 通道教程 其它教程 設(shè)計(jì)知識(shí) 設(shè)計(jì)趣事
ps美化教程 磨皮教程 人像精修 美白教程 化妝美容 上色教程
ps調(diào)色教程 人物調(diào)色 風(fēng)景調(diào)色 影樓調(diào)色 調(diào)色效果 Lightroom教程
ps照片處理 效果教程 轉(zhuǎn)手繪 藝術(shù)畫(huà)效 元素效果 懷舊風(fēng)格
ps修復(fù)教程 雜質(zhì)曝光 校正偏色 舊照翻新 ps去水印 清除網(wǎng)紋 模糊銳化
ps摳圖教程 ps換背景 通道摳圖 濾鏡摳圖 其它摳圖 摳透明物 摳頭發(fā)
ps合成教程 照片合成 換臉教程 惡搞圖片 明星合成
ps簽名教程 動(dòng)漫簽 真人簽 風(fēng)景簽 古典簽 頹廢簽 歐美簽 日韓簽 音畫(huà)教程
ps文字教程 普通字效 3D立體字 火焰字 冰雪字 金屬字 可愛(ài)字
ps制作實(shí)例 制作實(shí)例 背景壁紙 海報(bào)設(shè)計(jì) 賀卡設(shè)計(jì) 廣告包裝
ps繪畫(huà)教程 鼠繪教程 手繪教程 五官繪畫(huà) 插畫(huà)教程 數(shù)位板繪畫(huà)教程
ps網(wǎng)頁(yè)設(shè)計(jì) logo教程 按鈕圖標(biāo) 網(wǎng)頁(yè)圖片 UI設(shè)計(jì)教程 網(wǎng)頁(yè)模板 淘寶美工
ps濾鏡特效 濾鏡做圖 濾鏡使用 邊框教程 動(dòng)畫(huà)閃字 動(dòng)畫(huà)教程 閃圖閃字
ps教程版本 cc2015 cc教程 cs6教程 cs5教程