數碼資源網

文章頻道 軟件下載 安卓下載 蘋果下載

當前位置:首頁文章中心平麵專欄Illustrator → AI實例教程 製作可愛的彩色織布圖標

AI實例教程 製作可愛的彩色織布圖標

時間:2013-09-05 10:03:14人氣:200作者:網友整理
小A教程安卓官方版(iApp學習教學) v1.2 正式版
小A教程安卓官方版(iApp學習教學) v1.2 正式版 for Android
  • 類型:安卓學習閱讀大小:17.01M語言:簡體中文 評分:3.0
  • 這是一款全新的iApp快捷高效的安卓端學習與應用托管平台。小A教程安卓官方版幫你...
立即下載
辦公軟件WPS使用教程appv1.3 安卓版
辦公軟件WPS使用教程appv1.3 安卓版 for Android
  • 類型:安卓學習閱讀大小:31.17M語言:簡體中文 評分:3.0
  • WPS不會用?那你不學習一下怎麼可以。生活辦公都經常能使用的到,辦公軟件WPS使...
立即下載
織布鳥托運人安卓版v1.2.7 最新版
織布鳥托運人安卓版v1.2.7 最新版 for Android
  • 類型:安卓日常應用大小:23.98M語言:簡體中文 評分:3.0
  • 讓運輸變的簡單有效率。織布鳥托運人安卓版是一款非常專業的運輸平台,在織布鳥托運人...
立即下載

本教程介紹一篇利用AI和photoshop結合製作的彩色織布圖標的教程,大部分都是在AI裏完成的,然後把做好的圖形導入到PS中,用圖層樣式上色並增加質感及紋理等就完成了。感興趣的朋友可以跟著做一下。
 

完成效果圖

完成效果圖

1、首先用photoshop製作兩張紋理圖片,如下圖。 

 AI實例教程 製作可愛的彩色織布圖標 圖1


2、然後打開AI(Illustrator),開始製作下麵的圖形。 

 AI實例教程 製作可愛的彩色織布圖標 圖2
 

3、然後用圖案及畫筆製作出下圖所示的效果,這是在AI完成的。 

AI實例教程 製作可愛的彩色織布圖標 圖3 

4、其它形狀圖形也是用同上的方法製作。 

 AI實例教程 製作可愛的彩色織布圖標 圖4

5、再把毛線紋理製作出來,如下圖。 

 AI實例教程 製作可愛的彩色織布圖標 圖5
 

[page]
 

6、下麵是幾個圖形做好的效果圖。 

 AI實例教程 製作可愛的彩色織布圖標 圖6

7、把在AI裏麵做好的幾個圖形導入到PS中,每個圖形都粘貼為智能對象。 

 AI實例教程 製作可愛的彩色織布圖標 圖7

8、為圖層添加樣式,需注意大部分圖層效果裏的圖案疊加都用到了教程最初製作的圖案紋理。 

 AI實例教程 製作可愛的彩色織布圖標 圖8

AI實例教程 製作可愛的彩色織布圖標 圖9

AI實例教程 製作可愛的彩色織布圖標 圖10

AI實例教程 製作可愛的彩色織布圖標 圖11

9、裏麵的小圖形也添加圖層樣式。 

 AI實例教程 製作可愛的彩色織布圖標 圖12

AI實例教程 製作可愛的彩色織布圖標 圖13

AI實例教程 製作可愛的彩色織布圖標 圖14

AI實例教程 製作可愛的彩色織布圖標 圖15

10、利用大圓圖層生成選區,設為“毛線”圖層的蒙版,添加圖層效果,參數如下圖。 

 AI實例教程 製作可愛的彩色織布圖標 圖16

AI實例教程 製作可愛的彩色織布圖標 圖17

 AI實例教程 製作可愛的彩色織布圖標 圖18

[page]
 

11、底部圖層添加圖層樣式,如下圖。 

 AI實例教程 製作可愛的彩色織布圖標 圖19

AI實例教程 製作可愛的彩色織布圖標 圖20

 12、各扇頁圖層的樣式差異很小,效果如下圖。 

 AI實例教程 製作可愛的彩色織布圖標 圖21

13、最後部分就是增加效果,給邊緣增加一點細線,如下圖。 

 AI實例教程 製作可愛的彩色織布圖標 圖22

加上背景,一個漂亮可愛的彩色織布圖標就完成了。

最後效果: 

 最後效果

相關文章

感謝速聯科技、八度網絡、九九數據、億恩科技、群英網絡讚助部分帶寬!

關於本站 | 聯係方式 | 版權聲明 | 下載幫助(?) | 網站地圖

Copyright 2002-2020 95262.com 【數碼資源網】 版權所有 粵ICP備2020128507號-1

本站所有軟件來自互聯網,版權歸原著所有。如有侵權,敬請來信告知 ,我們將及時撤銷。