close

下面是效果圖


Illustrator製作馬賽克效果的藝術字教程


1.創建一個新文件並建立一個網格


點擊Ctrl+N去創建一個新文件。寬度600,高度360,然後點擊高級按鈕。選擇RGB模式, 分辨率(72dpi)。


啟用網格(視圖>顯示網格)和對齊網格(視圖> 對齊到網格)。每1px需要一個網格,所以進入編輯>首選項>導架>網格,在網格線欄里輸入1,在分區欄里輸入1。你也應該打開信息面板(窗口>信息),給你的形狀的尺寸和位置一個生動的預覽。不要忘記設置測量單位像素 編輯>首選項> 單位 給像素設置計量單位。所有這些的選項都會加速你的工作。


Illustrator製作馬賽克效果的藝術字教程


2.創建一套圖形風格。


步驟1


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


Illustrator製作馬賽克效果的藝術字教程


步驟2


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


Illustrator製作馬賽克效果的藝術字教程





步驟3


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


Illustrator製作馬賽克效果的藝術字教程


步驟4


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


Illustrator製作馬賽克效果的藝術字教程


步驟5


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


Illustrator製作馬賽克效果的藝術字教程


步驟6


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


Illustrator製作馬賽克效果的藝術字教程


步驟7


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


Illustrator製作馬賽克效果的藝術字教程


步驟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。一一選擇這些形狀,照下圖保存圖形樣式。


Illustrator製作馬賽克效果的藝術字教程


步驟9


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


Illustrator製作馬賽克效果的藝術字教程


步驟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。一一選擇這些形狀,照下圖保存圖像類別。選中所有六個圈圈,刪除它們。


Illustrator製作馬賽克效果的藝術字教程





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圓圈”。


Illustrator製作馬賽克效果的藝術字教程


步驟2


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


Illustrator製作馬賽克效果的藝術字教程


步驟3


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


Illustrator製作馬賽克效果的藝術字教程


步驟4


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


Illustrator製作馬賽克效果的藝術字教程


步驟5


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


Illustrator製作馬賽克效果的藝術字教程


4.擴展文本,使用圖形樣式,並且添加陰影效果。


步驟1


選擇創作你的文本的所有圖形,打開路徑尋找器控制面板(窗口>路徑尋找器 ),並且點擊劃分按鈕。到圖層面板,選擇組,點擊Shift-Control-G來取消組合。


Illustrator製作馬賽克效果的藝術字教程





步驟2


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


Illustrator製作馬賽克效果的藝術字教程


步驟3


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


Illustrator製作馬賽克效果的藝術字教程


步驟4


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


Illustrator製作馬賽克效果的藝術字教程


步驟5


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


Illustrator製作馬賽克效果的藝術字教程


步驟6


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


Illustrator製作馬賽克效果的藝術字教程


步驟7


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


Illustrator製作馬賽克效果的藝術字教程





5.添加一個圖案背景。


步驟1


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


Illustrator製作馬賽克效果的藝術字教程


步驟2


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


Illustrator製作馬賽克效果的藝術字教程


6.創建和使用一個散布筆刷


步驟1


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


Illustrator製作馬賽克效果的藝術字教程


步驟2


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


Illustrator製作馬賽克效果的藝術字教程


步驟3


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


Illustrator製作馬賽克效果的藝術字教程





7.添加小的圓圈光亮


步驟1


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


Illustrator製作馬賽克效果的藝術字教程


Illustrator製作馬賽克效果的藝術字教程


步驟2


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


Illustrator製作馬賽克效果的藝術字教程


Illustrator製作馬賽克效果的藝術字教程





8.添加小星星光亮


步驟1


選擇橢圓工具(L),創建一個2px圓圈,填充為白色,進入效果 > 變形 & 轉換 > 膨脹。如下圖所示-50%,點擊ok。


Illustrator製作馬賽克效果的藝術字教程


步驟2


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


Illustrator製作馬賽克效果的藝術字教程


Illustrator製作馬賽克效果的藝術字教程


步驟3


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


Illustrator製作馬賽克效果的藝術字教程


步驟4


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


Illustrator製作馬賽克效果的藝術字教程


Illustrator製作馬賽克效果的藝術字教程





步驟5


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


Illustrator製作馬賽克效果的藝術字教程


9.重新設置整個文本效果的尺寸


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


Illustrator製作馬賽克效果的藝術字教程


祝賀你!你完成了!


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


Illustrator製作馬賽克效果的藝術字教程


進入論壇交作業:http://www.missyuan.com/thread-675924-1-1.html


免責聲明:文字只提供個人使用-請勿做商業行為 本站只提供試用及介紹 不負其他商業責任

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 xiando0001 的頭像
    xiando0001

    5942 愛字體設計 | fonts

    xiando0001 發表在 痞客邦 留言(0) 人氣()