Illustrator繪制教程:繪制立體的黑色筆記本效果

本教程主要使用Illustrator繪制立體的黑色筆記本效果,教程難度不大,繪制的筆記本利用了一些基本形狀,然后使用傾斜變換,運(yùn)用效果制作皮革紋理就可以大致完成了,希望大家能認(rèn)真學(xué)習(xí),一定能學(xué)到很多知識(shí)。
先來(lái)看看效果圖吧:
具體的制作步驟如下:
1、新建文檔,使用矩形工具(M)繪制一個(gè)寬380*高500px的矩形。
2、選中新繪制的矩形,執(zhí)行效果菜單>風(fēng)格化>圓角。下一步,在圓角對(duì)話(huà)框中,半徑更改為30px?,F(xiàn)在執(zhí)行對(duì)象菜單>擴(kuò)展外觀。
3、再繪制一個(gè)矩形,矩形包含(譯者注:這里的包含指布爾運(yùn)算里的包含,相對(duì)于包含的另一個(gè)概念是包含于)第1個(gè)矩形左邊的幾個(gè)控制點(diǎn)。選中這2個(gè)形狀,按路徑查找器調(diào)板中的“與形狀區(qū)域相減”圖標(biāo),然后點(diǎn)“擴(kuò)展”按鈕。新形狀填充深灰色,此形狀將做為記事簿的封皮。
4、選中封皮形狀,執(zhí)行對(duì)象菜單>變換>移動(dòng)。在移動(dòng)對(duì)話(huà)框中,水平移動(dòng)更改為30px,垂直移動(dòng)更改為-30px,按復(fù)制按鈕。
5、選中封皮形狀的副本,復(fù)制(Ctrl+C),粘貼在前面(Ctrl+F)。選中副本,然后使用選擇工具(V)從右向左縮小比例。在縮小時(shí),按住 Shift鍵可以同比例縮小??s小的副本填充線(xiàn)性漸變。在漸變中,第1個(gè)色標(biāo)更改為深土黃(色),第2個(gè)色標(biāo)更改為淺土黃(色)。
6、選中土黃封皮形狀,執(zhí)行效果菜單>扭曲和變換>變換。彈出變換效果對(duì)話(huà)框,副本更改為10份/次復(fù)制,水平移動(dòng):-3,垂直移動(dòng):3px。現(xiàn)在我們得到了記事簿的內(nèi)頁(yè)。
7、選中內(nèi)頁(yè),執(zhí)行對(duì)象菜單>擴(kuò)展外觀。下一步,選擇對(duì)象菜單>排列>后移一層(Ctrl+[),然后選擇對(duì)象菜單>解散群組(Ctrl+Shift+G)。
譯者注:所有的群組要全部解散。
8、選擇任意頁(yè),然后在漸變調(diào)板中,更改漸變的位置。這樣子,重復(fù)更改4、5頁(yè)。
9、繪制一個(gè)寬30*高500px的矩形。矩形移至前封皮的左邊,這將做為記事簿的書(shū)脊。矩形填充和前封皮、后封皮相同的灰色。選中書(shū)脊矩形,執(zhí)行對(duì)象菜單>變換>傾斜。在傾斜對(duì)話(huà)框中,傾斜角度更改為45,點(diǎn)選垂直軸按鈕。下一步,移動(dòng)書(shū)脊形狀,以使書(shū)脊左上的控制點(diǎn)對(duì)齊后封皮左上的控制點(diǎn)。
10、當(dāng)我們完成記事簿的雛形后,我們開(kāi)始添加一些紋理和其它的裝飾元素。讓我們先來(lái)看下皮革紋理。復(fù)制(Ctrl+C)前封皮,粘貼在前面(Ctrl+F)。封皮副本從右上縮小至原來(lái)的1/3左右。
11、選中縮小的封皮副本,執(zhí)行效果菜單>紋理>紋理化。在紋理化對(duì)話(huà)框中,紋理更改為沙巖,縮放更改為200,凸現(xiàn)更改為50。
譯者注:只有當(dāng)文檔顏色模式是RGB模式時(shí),效果菜單中的Photoshop效果才會(huì)起作用。
12、通過(guò)執(zhí)行對(duì)象菜單>擴(kuò)展外觀,擴(kuò)展新紋理。擴(kuò)展后,控制調(diào)板默認(rèn)選項(xiàng)中會(huì)有一個(gè)“實(shí)時(shí)描摹選項(xiàng)”圖標(biāo)。按描摹預(yù)設(shè)箭頭(在實(shí)時(shí)描摹和隔離選項(xiàng)的組當(dāng)中的小箭頭圖標(biāo))打開(kāi)實(shí)時(shí)描摹預(yù)設(shè)選項(xiàng)的下拉菜單。在下拉菜單中,選擇“單色徽標(biāo)”預(yù)設(shè)。下一步,按控制調(diào)板中的“擴(kuò)展”按鈕。
13、選擇紋理,把它放大到前封皮的大小。下一步,紋理填充更改為比封皮顏色稍深一點(diǎn)的陰影。
14、選擇紋理和書(shū)脊形狀,復(fù)制(Ctrl+C),粘貼在前面(Ctrl+F)。下一步,只選擇紋理,執(zhí)行對(duì)象菜單>變換>傾斜,在傾斜對(duì)話(huà)框中,傾斜角度更改為45,點(diǎn)選垂直軸按鈕,按確定。
15、傾斜紋理向左移動(dòng),和書(shū)脊排列在一起。下一步,選擇書(shū)脊副本和紋理,選擇對(duì)象菜單>剪切蒙版>建立。
譯者注:建立剪切蒙版時(shí),書(shū)脊副本必須在上層,紋理必須在下層。
16、繪制一個(gè)矩形,寬:同封皮寬度,高:120px。把它放在封皮的當(dāng)中。新矩形填充青色。
17、再繪制一個(gè)寬30*高120px的矩形,填充青色。把它移至之前繪制的青色矩形的左邊,水平對(duì)齊。下一步,執(zhí)行對(duì)象菜單>變換> 傾斜,在傾斜對(duì)話(huà)框中,傾斜角度更改為45,點(diǎn)選垂直軸按鈕,按確定。傾斜后,移動(dòng)矩形,使矩形右上的錨點(diǎn)和之前繪制的青色矩形左上的錨點(diǎn)對(duì)齊。
18、使用文字工具(T),輸入一些文字,把它放在前封皮的上面。
19、選擇前封皮,復(fù)制(Ctrl+C),粘貼在前面(Ctrl+F),通過(guò)執(zhí)行對(duì)象菜單>排列>置于頂層(Ctrl+Shift+]),把它置于頂層。
20、封皮副本填充更改為徑向漸變,在漸變中,第1個(gè)色標(biāo):白色,第2個(gè)色標(biāo):深灰色。漸變滑塊向深灰色方向移動(dòng)。下一步,長(zhǎng)寬比更改為200,透明調(diào)板中,設(shè)置混合模式為正片疊底。
譯者注:混合模式:正片疊底祥解
結(jié)果色總是比基色和混合色都要暗一些; 任何顏色與白色復(fù)合保持不變。
文中正片疊底的目的是為了壓暗前封皮的四個(gè)角。
21、選擇書(shū)脊形狀,復(fù)制(Ctrl+C),粘貼在前面(Ctrl+F),然后執(zhí)行對(duì)象菜單>排列>置于頂層(Ctrl+Shift+])。填充更改為淺灰色,透明調(diào)板中,設(shè)置混合模式為正片疊底。
22、再繪制一個(gè)寬:30px,高:比封皮高一點(diǎn)的矩形。把它移至封皮的右面。矩形填充線(xiàn)性漸變,這個(gè)矩形的漸變我們將另外增加8個(gè)色標(biāo),一共是10個(gè)色標(biāo)。
給漸變新增色標(biāo),在漸變調(diào)板中,直接在滑動(dòng)條的下面點(diǎn)擊。先把第1個(gè)和最后1個(gè)色標(biāo)更改為黑色。下一步,如前所述,新增一個(gè)色標(biāo),顏色更改為深灰色。位置字段框中,數(shù)值更改為10。下一步,新增另一個(gè)色標(biāo),顏色更改為黑色,位置設(shè)置為20。重復(fù)這些步驟,使深灰和黑色交替著進(jìn)行,而2色之間的位置相隔10的增量。
23、復(fù)制(Ctrl+C)你剛剛制作的矩形,粘貼在后面(Ctrl+B)。使用鍵盤(pán)上的方向鍵,把副本向左移一點(diǎn),以制作陰影。副本填充更改為灰色,在透明度調(diào)板中,混合模式設(shè)置為正片疊底,以制作出陰影效果。
24、復(fù)制(Ctrl+C)有10個(gè)色標(biāo)的漸變形狀,粘貼在前面(Ctrl+F)。填充更改為2色標(biāo)漸變,第1個(gè)色標(biāo):白色,第2個(gè)色標(biāo):黑色。使用漸變工具(G),從上向下調(diào)整漸變,白色在矩形的上方。在透明度調(diào)板中,矩形混合模式設(shè)置為疊加。
譯注者:混合模式:疊加祥解(僅以此文為例)
上層決定了下層中間色調(diào)偏移的強(qiáng)度。當(dāng)混合色=50%灰時(shí),則結(jié)果色的中間色調(diào)向暗的地方偏移; 當(dāng)基色>=50%灰,混合色=100%(即黑色)時(shí),則結(jié)果色=黑;
文中基色>50%灰,混合色=白
結(jié)果色:
白色疊加區(qū):比基色更亮
黑色疊加區(qū):結(jié)果色=黑
目的:提亮10色標(biāo)漸變形狀的上方,壓暗10色標(biāo)漸變形狀的下方。
25、選擇疊加的形狀、10色標(biāo)漸變和陰影,復(fù)制(Ctrl+C),粘貼在前面(Ctrl+F)。在變換調(diào)板中,所有形狀的高度更改為30px。然后移動(dòng)副本,使它們的底部正好在原形狀的頂部。保持副本為選中狀態(tài),執(zhí)行對(duì)象菜單>變換>對(duì)稱(chēng),在鏡像對(duì)話(huà)框中,點(diǎn)選水平軸按鈕。下一步,執(zhí)行對(duì)象菜單>變換>傾斜,傾斜角度更改為-45,點(diǎn)選水平軸按鈕。最后,移動(dòng)形狀,使它和原形狀上方的控制點(diǎn)對(duì)齊。
26、繪制一個(gè)矩形,高:40px,寬:同前封皮,填充深灰。下一步,執(zhí)行對(duì)象菜單>變換>傾斜,傾斜角度更改為-45,點(diǎn)選水平軸按鈕。保持矩形為選中狀態(tài),執(zhí)行效果菜單>風(fēng)格化>羽化,羽化半徑更改為10px。然后矩形移至記事簿的左下方,執(zhí)行對(duì)象菜單>排列>置于底層(Ctrl+Shift+[)。
27、選中所有的圖形,執(zhí)行對(duì)象菜單>變換>傾斜,然后傾斜角度更改為-5,點(diǎn)選垂直軸按鈕。
28、繪制一個(gè)矩形,大小同文檔大小。填充徑向漸變,第1個(gè)色標(biāo):白色,第2個(gè)色標(biāo):綠色?,F(xiàn)在執(zhí)行對(duì)象菜單>排列>置于底層(Ctrl+Shift+[)。好了,大功告成!
下面就是成品圖。使用一些方法,你可以很容易地再在作品中添加一些個(gè)性化的東西,例如:不同的顏色,不同的logo,或者其它的元素。
以上就是使用Illustrator繪制立體的黑色筆記本效果過(guò)程,希望大家喜歡!
相關(guān)文章
ai怎么混合兩種顏色? illustrator混合兩個(gè)色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來(lái)看看詳細(xì)的教程2024-07-18ai如何自定義網(wǎng)格線(xiàn)間距? ai參考線(xiàn)間距的調(diào)節(jié)方法
ai網(wǎng)格線(xiàn)間距默認(rèn)的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來(lái)看看參考線(xiàn)調(diào)整技巧2024-05-28ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個(gè)路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時(shí)候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來(lái)看看去掉pdf文件多余內(nèi)容的技巧2023-12-19- ai描邊在哪里?ai中想要設(shè)置描邊,該怎么操作呢?下面我們就來(lái)看看ai設(shè)置描邊的多種方法2023-12-19
ai原位復(fù)制怎么用? ai原位復(fù)制快捷鍵介紹
ai原位復(fù)制怎么用?復(fù)制圖形的時(shí)候,想要原位復(fù)制粘貼,該怎么操作呢?下面我們就來(lái)看看ai原位復(fù)制快捷鍵介紹2023-12-19ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問(wèn)題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉(zhuǎn)該怎么辦呢?下面我們就來(lái)看看illustrator區(qū)域文字不跟著變換問(wèn)題的解決辦法2023-11-30ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進(jìn)行反向,該怎么操作呢?下面我們就來(lái)看看illustrator將漸變顏色反向的技巧2023-11-30Ai彩色logo怎么做反白反黑效果? ai彩色logo轉(zhuǎn)化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設(shè)計(jì)的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來(lái)看看ai彩色logo轉(zhuǎn)化為黑白稿的技巧2023-11-12ai怎么設(shè)計(jì)迷宮字體效果? ai做3d立體迷宮字的技巧
ai怎么設(shè)計(jì)迷宮字體效果?我們需要使用分割網(wǎng)格結(jié)合形狀生成器工具,制作迷宮字體,下面我們就來(lái)看看詳細(xì)的設(shè)計(jì)過(guò)程2023-11-02