Illustrator打造立體圓環文字效果教程

來源:互聯網
上載者:User
給各位Illustrator軟體的使用者們來詳細的解析分享一下打造立體圓環文字效果的教程。
教程分享:
1.建立一個新檔案並建立一個網格點擊Ctrl+N去建立一個新檔案。寬度600,高度360,然後點擊進階按鈕。選擇RGB模式, 解析度(72dpi)。啟用網格(視圖>顯示網格)和對齊網格(視圖> 對齊到網格)。每1px需要一個網格,所以進入編輯>喜好設定>導架>網格,在網格線欄裡輸入1,在分區欄裡輸入1。你也應該開啟資訊面板(視窗>資訊),給你的形狀的尺寸和位置一個生動的預覽。不要忘記設定測量單位像素 編輯>喜好設定> 單位 給像素設定計量單位。所有這些的選項都會加速你的工作。

 

2.建立一套圖形風格。步驟1使用橢圓工具(L),建立一個6px圓圈,填充為R=39, G=170, B=225,線條為無填充。選擇這個藍色形狀,進入到效果>扭曲&變換>變換。如下圖輸入屬性設定,點擊OK,進入對象>擴充。保證形狀的結果組被選中,點擊Shift-Ctrl-G兩次去解散它們。

 

步驟2側重於你的藍圈圈們。選擇左邊的一個,開放外觀面板(視窗>外觀),選擇現在的填充,進入效果>路徑>位移路徑。輸入一個-1.5px的位移,點擊OK.選擇外觀面板,使用添加新填充按鈕給這個圓圈添加第二個填充(下圖裡是小藍箭頭指著的)。選擇這個新填充,將它拖到外觀面板的底部,設定顏色R=21, G=62, B=110。確保你的圓圈保持被選中,開啟圖形樣式面板(視窗>圖形樣式>),點擊建立圖形樣式按鈕(下圖中小藍箭頭所指)。

 

步驟3選擇下一個藍色圓圈,在外觀面板,添加第二個填充。選擇這個新填充,設定顏色為白色,進入效果>路徑>位移路徑。輸入-2px位移,點擊OK。進入效果>扭曲&轉換>轉換。如下圖那樣輸入屬性設定,點擊OK。確保第二個圓圈仍被選中,移動到圖形樣式面板,添加一個新的圖形樣式。

 

步驟4選擇下一個藍色圈,在外觀面板,點擊Shift-X。這將轉化顏色屬性從填充到線條。移動到外觀面板,選擇藍色線條,將它向內排列,進入效果>風格化>陰影。選擇左邊的一個圓圈,開啟"視窗-外觀"選擇現在的填充,選擇效果 > 路徑> 位移路徑。輸入1.5px位移,(如下圖所示)點擊OK。確保第三個圈仍被選中,到圖形樣式面板,並且添加一個新的圖形樣式。

 

步驟5選擇下一個藍色圈圈,在外觀面板,點擊shift-x。如下圖所示,設定為1.5px寬,然後進入效果>風格化>陰影。照下圖輸入屬性,點擊OK。確保第四個圈圈被選中,到圖形樣式面板,並且添加一個新的圖形樣式。

 

步驟6選擇下一個藍色圈圈,在外觀面板,點擊shift-x。選擇線條,設定顏色為白色,排列到內部,然後進入效果>風格化>陰影。如下圖所示輸入屬性,點擊OK。確保第五個圈圈被選中,到圖形樣式面板,添加一個新的圖形樣式。

 

步驟7選擇最後一個藍色圈圈,在外觀面板,點擊shift-x。選擇線條,設定1.5的寬度,顏色為白色,排列到內部,然後進入效果>風格化>陰影。如下圖所示輸入屬性,點擊OK。確保第五個圈圈被選中,到圖形樣式面板,添加一個新的圖形樣式。

 

步驟8這六個圈圈,替換R=39, G=170, B=225為R=250, G=109, B=143 和替換R=21,G=62, B=110為R=147, G=66, B=67。一一選擇這些形狀,照下圖儲存圖形樣式。

 

步驟9這六個圈圈,替換R=250, G=109, B=143為R=255, G=205, B=5 和替換R=147,G=66, B=67為R=241G =90, B=41。一一選擇這些形狀,照下圖儲存圖形樣式。

 

步驟10這六個圈圈,替換R=255, G=205, B=5為R=85, G=185, B=72 和替換R=241, G=90, B=41為 R=0 G =105, B=55。一一選擇這些形狀,照下圖儲存映像類別。選中所有六個圈圈,刪除它們。

 

3.建立文字區塊和文本步驟1選擇橢圓工具(L),建立一個6px圓圈,填充為R=0, G=149, B=66。到圖層面板,在綠色形狀上雙擊滑鼠,命名為"1圓圈。確保橢圓工具Ellipse Tool (L)仍有效,建立一個新的6px圓圈,填充為R=247, G=148, B=30,進入效果>扭曲&轉換>轉換,輸入下圖所示屬性設定,點擊OK,然後進入對象>擴充。選擇形狀,變成一個複合路徑(Control-8 或者對象> 複合路徑)。到圖層面板,在橘色的複合路徑上雙擊滑鼠,命名為"2圓圈"。

 

步驟2確保橢圓工具(L),建立一個新的6px圓圈,填充為R=222, G=26, B=54,進入效果>扭曲&轉換>轉換,輸入下圖所示屬性,點擊OK,然後進入對象>擴充。選擇形狀,變成一個複合路徑(Control-8 或者 對象> 複合路徑)。到圖層面板,在這個紅色的複合路徑上雙擊滑鼠,命名為"3圓圈"。

 

步驟3確保橢圓工具(L),建立一個新的6px圓圈,填充為R=39, G=170, B=225,進入效果>扭曲&轉換>轉換(下圖所示)在左視窗裡輸入屬性,點擊OK,然後進入對象>擴充。選擇形狀,變成一個複合路徑(Control-8 或者對象> 複合路徑)。到圖層面板,在這個紅色的複合路徑上雙擊滑鼠,命名為"4圓圈"。

 

步驟4確保橢圓工具(L),建立一個新的6px圓圈,填充為R=255, G=221, B=0,進入效果>扭曲&轉換>轉換,(下圖所示)在左視窗裡輸入屬性,點擊OK,然後再次進入對象>擴充。在下圖右視窗裡輸入屬性,點擊OK,然後進入對象>擴充。選擇形狀,變成一個複合路徑(Control-8 或者 對象> 複合路徑)。到圖層面板,在這個紅色的複合路徑上雙擊滑鼠,命名為"6圓圈"。

 

步驟5使用圓圈1,圓圈2,圓圈3,圓圈4,圓圈6和你的想象力去建立字母。

 

4.擴充文本,使用圖形樣式,並且添加陰影製作效果。步驟1選擇創作你的文本的所有圖形,開啟路徑尋找器控制台(視窗>路徑尋找器 ),並且點擊劃分按鈕。到圖層面板,選擇組,點擊Shift-Control-G來取消群組。

 

步驟2側重於頂部單詞裡用來製作字母的圓圈,使用綠色和藍色圖形樣式,如下圖所示。

 

步驟3側重於底部單詞裡用來製作字母的圓圈,使用粉色和橘色圖形樣式,如下圖所示。

 

步驟4使用橢圓工具(L),建立一個新的6px圓圈,填充為藍色。複製這個形狀(點住Alt,點擊它,簡單地拖拽),散播這些複製的形狀,如第一個圖裡所示。一個接一個地選擇這些小圓圈,並且添加藍色和綠色圖形樣式。

 

步驟5使用橢圓工具(L),建立一個新的6px圓圈,填充為粉色。複製這個形狀(點住Alt,點擊它,簡單地拖拽),散播這些複製的形狀,如第一個圖裡所示。一個接一個地選擇這些小圓圈,並且添加粉色和橘色圖形樣式。

 

步驟6選擇所有的圓圈,設定綠色和藍色圖形樣式,並且組合它們(Control-G)。選擇這個新的組,添加五個陰影製作效果(效果>風格化>陰影),如下圖。

 

步驟7選擇所有的圓圈,設定粉色和橘色圖形樣式,並且組合它們(Control-G)。選擇這個新的組,添加五個陰影製作效果(效果>風格化>陰影),如下圖。

 

5.添加一個圖案背景。步驟1選取矩形工具(M),建立一個形狀,為你的藝術板的大小尺寸(600px 350px),填充為R=240, G=240, B=240,將它放到後面(Shift-Control-[ ).確保這個新矩形被選中,選擇外觀面板,添加第二個填充。選擇這個新填充,降低它的不透明度為30%,添加放射狀漸層,如下圖。

 

步驟2確保上一步製作的矩形仍然被選中,選擇外觀面板和第三個填充。你將需要給這個新填充一個內建模式。進入色板(視窗>色板),開啟色板庫>模式>基本圖形>基本圖形—紋理,一個擁有一套內建模式的新視窗應該被開啟。返回到外觀面板,確保第三個填充仍被選中,添加"USGS 7 Vineyard"模式,降低它的不透明度為90%,改變混合模式為柔和光。到圖層面板,鎖住這個矩形確保它不會被意外地選中或者移動。

 

6.建立和使用一個散布筆刷步驟1選擇橢圓工具(L),建立一個1px圓圈,填充為白色。選擇這個新形狀,開啟筆刷面板,點擊新筆刷按鈕(如下圖一個小藍箭頭所指)。選中散布筆刷框,照下圖輸入屬性設定,點擊OK。在最後你的新的布筆刷應該在筆刷欄內顯示。

 

步驟2選擇選擇工具(V),側重於頂部欄。去除填充顏色,設定描邊顏色為黑色,尺寸為2pt。側重工具列,雙擊畫筆工具,如下圖輸入屬性設定,點擊OK。取消對齊網格 (視圖 >對齊網格),選擇畫筆工具(B),圍繞你的字母畫一些簡單的路徑,如下圖。

 

步驟3選擇之前步驟製作的所有路徑,組化它們(Control-G),把黑色線條替換為你的白色散射筆刷。到圖層面板,確保這個新組被選中,改變它的混合模式為柔和光,直接將它拖拽到背景形狀的上面。

 

7.添加小的圓圈光亮步驟1選中對齊網格 (視圖 >對齊網格)。選擇橢圓工具(L),建立一個4px圓圈,將它鄰近於那些製作文本的圈圈的地方。填充這個新形狀為沒顏色,但是添加一個1pt的線條,將它排列到裡面,設定顏色為白色。複製這個小圓圈(Control-C > Control-F),圍繞著你的文本擴散這些複製,如下圖所示。

 

 

步驟2選擇橢圓工具,建立一個2px圓圈,將它放置於相對接近4px圓圈(之前步驟添加的)。設定它的填充顏色為無,但是添加一個0.5Pt,白色線條。複製這個小圓圈(Control-C > Control-F),圍繞著你的文本擴散這些複製,如下圖所示。

 

 

8.添加小星星光亮步驟1選擇橢圓工具(L),建立一個2px圓圈,填充為白色,進入效果 > 變形 & 轉換 > 膨脹。如下圖所示-50%,點擊ok。

 

步驟2複製那個小星星形狀(Control-C > Control-F),圍繞著你的文本擴散這些複製,如下圖所示。

 

 

步驟3選擇那些小星星的其中一個,進入選擇>相同>外表去選擇所有的形狀,設定相似的外表屬性。組合所有這些星星形狀(Control-G),選擇組,改變它的混合模式為柔和光。到圖層面板,簡單地鎖住這個新組。

 

步驟4選擇橢圓工具,建立一個5px的圓圈,填充為白色,進入效果 > 變形 & 轉換 > 膨脹。如下圖所示-50%,點擊ok。複製那個小星星形狀(Control-C > Control-F),圍繞著你的文本擴散這些複製,如下圖所示。

 

 

步驟5選擇所有的那些5px星星形狀,組合它們(Control-G),選擇這個組,改變混合模式為柔和光。

 

9.重新設定整個文字效果的尺寸首先,進入編輯>喜好設定>一般(Control-K),確保規模線條&效果框被選中。接下來,側重於圖層,給2px星星形狀組解鎖。選擇選擇工具(V),選擇所有製作文本的形狀,開啟轉換面板(視窗>轉換 )。確保約束寬度和高度比例按鈕被選中,然後簡單地在寬度和高度欄裡輸入一個更高或者更低的數字,來重新設定你整個文字效果的大小。

 

祝賀你!你完成了!這是映像應該呈現的樣子。假如我們對這整個文本只使用九個顏色,你可以很容易地重新給你的整個插圖上色。請自由地使用你最喜歡的一套顏色。我希望你很享受這個教程,可以在你未來的項目設計上使用這些技巧。

 

好了,以上的資訊就是小編給各位Illustrator的這一款軟體的使用者們帶來的詳細的打造立體圓環文字效果的教程解析分享的全部內容了,各位使用者們看到這裡了,小編相信大家現在是非常的清楚了繪製步驟了吧,那麼大家就快去按照小編上面的教程自己去試試效果吧。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.