<button id="ptu4h"><acronym id="ptu4h"><input id="ptu4h"></input></acronym></button>

<tbody id="ptu4h"></tbody>

    <dd id="ptu4h"><center id="ptu4h"></center></dd><dd id="ptu4h"></dd><dd id="ptu4h"><track id="ptu4h"><video id="ptu4h"></video></track></dd>
  • 16素材
    您現在的位置:首頁 > 教程中心 > Illustrator教程

    手把手教你畫404頁面(AI教程)

     嗨~嗨~嗨~今天的教程是手把手(超詳細,非常適合新手練習AI軟件)教同學們創建一個細節豐富的404頁面,帥譯Wangyijie_非常用心,時不時還插播提高效率的小技巧,想練下手的千萬不要放過呦。

    最終效果:

    clip_image048

    在以下步驟中,您將學會如何利用 Adobe Illustrator創建404頁面

    接下來,您將學習如何利用一個簡單的路徑,陰影效果和一些基本的手段來添加時尚的圓角。你將會用到外觀面板創建Search字段以及4個黃色按鈕。

    一、創建新文檔然后設置網格

    首先ctrl+n創建新文件,從單位下拉菜單中選擇像素,在寬度框中輸入600,在高度框680,然后單擊高級按鈕,從上至下依次選擇RGB,屏幕(72ppi),并勾選使新建對象與像素網格對齊,然后單擊確定。

    啟用網格(視圖–顯示網格)和對齊網格(視圖–對齊網格)。編輯>選項>指南>網格,enter 5 in the Gridline every box and 1 in the Subdivisions box。不要被滿屏的網格嚇到而望而卻步,要學會用快捷鍵,這將會使你的工作變得容易的多

    打開信息面板(窗口–信息)來實時確定你鼠標所在的位置。不要忘了將計量單位選擇為像素(編輯—首選項—單位—常規),這些都能顯著提高你的工作效率哦。

    clip_image002

    二、制作主體形狀

    ① 選擇矩形工具(M)。點擊填色(X),然后選擇填充并將其顏色設置在R =252 G =186 B =3,點擊填充后面的描邊并選擇無。然后創建一個275 x 400px的矩形。矩形對齊網格會方便你的操作。

    clip_image003

    ② 利用直接選擇工具,重新選擇黃色矩形,在上方控制面板中的corner選擇10像素

    clip_image004

    ③ 確保你的圓角矩形保持被選中,注意看外觀面板(窗口—外觀),選擇描邊,并設置顏色R=232 G=146 B=0。然后點擊“描邊”文字,彈出菜單,將粗細設置為1像素,并檢查對齊描邊內側按鈕。

    clip_image005

    ④ 保證你的矩形依然是被選中的,注意看外觀面板,然后用添加新描邊按鈕增加第二個描邊。選擇這個新的描邊,然后設置其為黑色(R= 0,G =0 B=0),從彈出的描邊面板中使對齊描邊向外側對齊。

    繼續在該描邊面板中操作,點擊“不透明度”,會彈出透明面板,改變混合模式為柔光,降低不透明度為5%。

    clip_image006

    ⑤ 使用矩形工具(M),創建一個275px *80px的形狀,設置填充顏色為黑色,并把它作為第一張圖片。保證新的形狀保持選擇,降低其不透明度為20%,改變混合模式為柔光。切換到直接選擇工具(A),選擇第一張圖像突出了兩個錨點,觀察控制面板,在角落框中輸入“10px”。最終顯示應該像在第二幅圖像上。

    clip_image007

    ⑥ 使用矩形工具(M),創建一個275 *80px的形狀,設置填充顏色為黑色,并把它作為第一張圖片。確保這種新的矩形保持選中,降低其不透明度為10%,改變混合模式為柔光。

    clip_image008

    ⑦ 使用矩形工具(M),創建一個275 X75像素的形狀,設置填充顏色為黑色,并把它作為第一張圖片。請確保您的新的矩形選擇,降低其不透明度為5%,改變混合模式為柔光。

    clip_image009

    三、劃成三個部分

    ① 選擇編輯>首選項>指南和網格,并在網格線輸入1。使用鋼筆工具(P)創建一個273像素的水平路徑。將它如下圖所示,并添加1px的描邊然后顏色設置為R =232 G =146 B =0。

    clip_image010

    ② 接下來,你需要確保你的水平路徑是完全對齊像素網格。取消選擇它,效果>扭曲和變換>變換。垂直拖動滑塊0.5px,然后單擊確定。

    啟用像素預覽(視圖>像素預覽)。請確保您的水平路徑仍處于選中狀態,并選擇效果>風格化>陰影。進入如下圖所示的屬性,然后單擊確定。

    clip_image011

    ③ 選擇編輯>首選項>指南和網格,并在網格線輸入5。使用矩形工具(M),創建一個275 *10px的矩形,確保它沒有設置描邊顏色,然后選擇填充.

    打開漸變面板(窗口>漸變),然后點擊漸變縮略圖默認的黑色到白色的線性漸變。保持你的矩形被選中,然后注意看漸變面板。設置角度為0度,然后選擇黑色的漸變滑塊,然后換上白色(R =255 G =255 B =255)。此時注意漸變條,點擊它來添加一個新的漸變滑塊。選擇這個新的滑塊,設置它的顏色為黑色,集中在位置框中(從漸變面板),并將其設置為50%。

    clip_image012

    ④ 復制你的蒙版路徑(Ctrl-C>Ctrl-F),選擇復制將它向上拖動80像素。請確保您的副本保持選中,注意看透明度面板上選擇遮罩,并與如下圖所示的取代現有的線性漸變。請記住,從漸變圖像的白色數字代表位置百分比。你的新路徑看起來應該如下圖。

    clip_image013

    ⑤ 復制您的頂部,蒙版路徑(Ctrl-C >Ctrl-F),選擇復制將它拖動75PX起來。請確保您的副本保持選中,注重透明度面板上選擇的遮罩,并與如下圖所示的取代現有的線性漸變。最后你的新路徑看起來應該如下圖。

    clip_image014

    四、創建search字段和四個按鈕

    ①使用矩形工具(M),創建一個145 x30像素的形狀,設置填充顏色為R =232 G =146 B =0以及把它作為顯示在下面的圖像。請確保此新的矩形保持選中,集中在外觀面板上,選擇現有的填充和去影響>尺寸>內發光。進入如下圖所示的屬性,然后單擊確定。

    clip_image015

    ②請確保在上一步中所做的矩形保持選中。添加1像素的描邊,設置顏色為黑色,它對齊到內,降低不透明度為20%,并改變其混合模式為柔光。外觀面板上,請確保您的整個路徑選擇(只需點擊“路徑”文本塊從外觀面板的頂部),并去效果>風格化>圓角。輸入3像素的半徑,單擊確定以及去效果>風格化>陰影。進入如下圖所示的屬性,然后單擊確定。

    clip_image016

    ③使用矩形工具(M),創建一個65 *30像素的矩形,設置填充顏色為R =253 G =218 B =47,把它作為顯示在下面的圖像。

    clip_image017

    ④保持黃色矩形被選中,外觀面板上,添加使用添加新的填充按鈕(指向的藍色圓圈如下圖)第二填充。選擇這個新的填充,其顏色設置在R =252 G =206 B =23以及去效果>扭曲和變換>變換。進入如下圖所示的屬性,點擊OK,去效果>風格化>陰影。請在左側窗口中顯示的屬性(如下圖),單擊確定,再去效果>風格化>陰影。請在右側窗口中顯示的屬性,然后單擊確定。

    clip_image0027

    ⑤重新選擇黃色的矩形,并使用相同的添加新的填充按鈕,添加第三個填充。選擇這個新的填充,拖動它在外觀面板底部,并添加如下圖所示的線性漸變。請記住,從漸變圖像的黃色零表示不透明度百分比。這只是意味著你需要選擇你的漸變滑塊,然后輸入從漸變面板中的不透明度框“0”。

    返回到外觀面板,確保在此步驟中添加的填充仍處于選中狀態,并轉到效果>扭曲和變換>變換。進入如下圖所示的屬性,單擊確定,返回到外觀面板。選取整個路徑,并去影響>風格化>圓角。輸入的3像素半徑,然后單擊確定。

    關鍵詞: Ai教程Illustrator

    相關素材

    聯系客服 加入QQ群
    素材中国