今天這枚教程會用到不少基礎工具和技巧,文章內包含大量快捷鍵提示,新手可以很方便地熟練起來,而且每個步驟的細枝末節(jié)(關鍵數值、具體操作等)都有寫出來,練手再好不過咯。
作者微信公眾號:六層樓那么高,歡迎關注。
創(chuàng)建新文檔,添加一個簡單的背景
Step 1
Ctrl+N創(chuàng)建新文檔,單位項選擇像素。寬高600像素。點開高級選項,選擇RGB模式,分辨率72像素。使新建像素與網格對齊為未選擇狀態(tài)。確定。
Step 2
選擇矩形工具,設置前景色(34,32,44),在畫板上右擊彈出矩形設置框。寬高設置610px。
接下來你需要將這個形狀居中對齊。打開對其面板(窗口>對齊),選擇對齊到畫板(如果找不到對齊到畫板選項,在對齊面板右上角點擊選擇顯示選項)然后垂直水平對齊。
最后打開圖層面板,打開現存的圖層,雙擊,修改名稱為”bg”。
創(chuàng)建車程計的主要框架
Step 1
選擇橢圓工具在畫板上單擊,打開橢圓窗口。創(chuàng)建直徑260px的橢圓。
確保橢圓為選中狀態(tài),打開漸變窗口,角度:90.右邊色值為(64,62,74),然后設置左側色值(123,160,117)設置此色值位置為15%。
使用對其工具將此橢圓至于畫板中心。更改圖層名字為“mainBack”
Step 2
選中mainBakc圖層,打開外觀面板,選中可見文件,打開不透明度面板設置不透明度為50%
回到外觀面板,確認文件還是選中狀態(tài)。效果>路徑>位移路徑。輸入10Px的位移值,確定。效果>模糊>高斯模糊。輸入15,確定。
Step 3
選擇“mainBack”,回到外觀文件,添加新填色,如圖修改新填色的漸變。設置透明度15%,效果>路徑>位移路徑,10px位移,確定。
Step 4
使用橢圓工具創(chuàng)建一個260px的圓,顏色為(34,32,44)。垂直水平居中,將圖層呢個更名為”mainFont”。
Step 5
選中mainFont圖層,外觀面板選擇所有圖層,效果>風格化>內測光暈。輸入如下圖所示數值。點擊OK。效果>風格化>陰影。輸入如下圖所示數值。
Step 6
選擇mainFont形狀,外觀面板中,選擇添加新填色。選擇此新填色,設置顏色為黑色,降低不透明度10%,混合模式改為正片疊底,效果>路徑>位移路徑,輸入-1px的位移。效果>藝術化>膠片顆粒,輸入下圖所示數值。
制作細線指標
Step 1
視圖>顯示網格,對齊到網格(視圖>對齊到網格),作為一個初級者,你需要一個單位為5px的網格。編輯>首選項>參考線和網格,網格間距為5,則網格為1。
鋼筆工具,創(chuàng)建兩個垂直的10px的路徑,如圖所示放置。對齊到網格會簡化你的工作。為這兩個路徑添加2pt的描邊。設置顏色(1,212,68)。選擇兩個路徑,Ctrl+G組合他們。
Step 2
選中這個組合,效果>扭曲與變形>變相。輸入如下圖所示參數。
Step 3
再次選擇這個組合,對象>擴展外觀,對象>路勁>描邊輪廓。確保最終結果組是選擇狀態(tài),shift+Ctrl+G取消組合。使用選擇供選擇如下圖所示的11個組,刪除它們。
Step 4
選擇其中一組刻度線,選擇>相同>外觀,當所有刻度線都被選中,路徑查找器面板,點擊聯集。然后Ctrl+8(或者對象>復合路徑>簡化)將這些刻度線轉化成簡單的復合路勁。更名此圖層為”thinLines”.
創(chuàng)建寬刻度線
Step 1
使用鋼筆工具,創(chuàng)建兩個垂直線,15px的路徑,如圖所示放置。添加4pt的描邊,顏色(1,212,68),組合他們Ctrl+G.
Step 2
選中剛才的組合,效果>扭曲變形>變形。輸入如下圖所示的數值。
Step 3
重新選擇這個組合。對象>擴展>外觀,對象>路徑>外描邊,然后Shift+Ctrl+G兩次撤銷組合。使用選擇工具,如圖所示選擇高亮的三個形狀,刪除它們。
Step 4
選擇剩下的十三個厚刻度,在路徑查找器面板點擊聯集,Ctrl+8.更名此圖層為“thickLines”
Step 5
選擇“thickLines”復合路勁,在外觀面板中,添加新填色。選中新填色,填充顏色(0,255,0)
效果>路徑>偏移路徑,輸入-1px。
在刻度線上添加一些路徑
Step 1
影藏網格,撤銷對齊到網格選項。使用橢圓工具,畫一個225px大小的圓,垂直水平居中。外觀面板,填充色為無,添加5pt的描邊,顏色為(1,212,68).效果>路徑>偏移路徑,輸入值-2.5px.對象>擴展>外觀。
Step 2
選擇在上一步制作的描邊,對象>路徑>添加錨點。使用直接選取工具,選擇如下圖中標出的錨點,刪除它們。對象>路徑>輪廓描邊
Step 3
選擇”thickLines”復合路徑,對象>路徑>偏移路徑,輸入2px偏移。將這個路徑置于最前(Shift+Ctrl+]).然后跟之前創(chuàng)建的路徑一起選擇,路徑查找器>減去前面。
將結果形狀轉化為復合路徑(Ctrl+8),然后將其更名為”intervals”
Step 4
選擇“intervals”復合路徑,外觀面板>添加新填色,設置顏色(24,22,34)。效果>路徑>偏移路勁。輸入-2px.
添加文字
Step 1
文字工具,打上”km/h”使用“MoolBoran”字體,大小20pt
Step 2
添加如圖所示的文字。大小18pt.組合所有文字。命名為”text”
制作車程計表盤支撐點
Step 1
使用橢圓工具創(chuàng)建一個30px的圓。為他添加一個如下圖所示的漸變。處置水平居中。
Step 2
編輯>首選項>常規(guī),設置鍵盤增量單位為1px。選擇30像素的橢圓狀,對象>路徑>偏移路徑。添加-1px.復制一份置于前面(Ctrl+C>Ctrl+F)
選擇新的副本,下移1像素,選擇副本和原始本,路徑查找器>減去前面。給新得到的路勁填充漸變如下圖所示的設置;旌夏J綖槿峁
Step 3
再次選擇30像素圓,復制兩份(Ctrl+C>Ctrl+F>Ctrl+F).選擇最上一層,下移1像素.選擇兩個副本,路徑查找器>減去前面,填充結果路徑為白色降低不透明度25%,混合模式柔光。
Step 4
選擇30像素圓,外觀面板,選擇填充層,效果>風格化>內發(fā)光,輸入如下圖所示的參數。再次添加陰影。參數如下。再一次添加陰影。然后第三次添加。
Step 5
選擇30px的圓。外觀>添加新填色。添加如圖所示的漸變。效果>路徑>偏移路徑。輸入-10px的偏移量。確定。效果>風格化>陰影,輸入如下參數。然后再一次添加陰影。
Step 6
選中30px的圓。外觀添加1像素的描邊。設置顏色黑色。外部描邊;旌夏J綖槿峁,不透明度10%。
Step 7
選擇30像素的圓和在途中高亮出的路徑組成組(Ctrl+G)。在圖層面板更名為”support”
創(chuàng)建指針
Step 1
恢復顯示網格,對齊到網格,編輯>首選項>參考線&網格,輸入每個網格1像素大小。
使用矩形工具創(chuàng)建一個10*105像素大小的形狀。填充顏色(39,170,225),如圖所示放置。使用直接選取工具。選擇左邊錨點往右移動3像素,右邊的錨點同樣往左移動3px.
使用橢圓工具創(chuàng)建一個4像素的圓,填色(39,170,225)。如下圖所示放置。選擇所有在這一步創(chuàng)建的路徑點擊路徑查找器上的聯集。更名為”needle”。
Step 2
將”needle”移到”support”下面去,確認選中藍色圖層。外觀,填充顏色為(249,41,27)
接下來,給這個路徑添加新填充色,如圖所示的漸變。效果>路徑>偏移路徑。輸入-3px,確認。
Step 3
選擇”needle”路徑使用旋轉工具。抓住如圖所示標出來的點,然后旋轉到如第二張圖所示。
Step 4
選擇”needle”層,如圖所示給他添加四層陰影。
添加精致的陰影
Step 1
使用橢圓工具創(chuàng)建一個260像素的圓,使用如圖所示漸變填充,降低透明度35%.
垂直水平居中,將該圖層命名為”shading”
重新著色
Step 1
選擇”thinLines”,”thickLines”和”intervals”復合路徑,填色(1,212,68)和(144,195,221)和(0,255,0)和(0,255,255)
完成啦~~
全教程完,學完記得交作業(yè)。如果本教程對您有所幫助,請推薦給你的朋友。