如何用Adobe Illustrator制作細(xì)節(jié)豐富的網(wǎng)頁404錯誤頁面 AI設(shè)計(jì)技巧介紹
⑤使用鋼筆工具(P),創(chuàng)建兩個簡單的路徑,如圖中的前兩個影像。選擇兩條路徑。確保沒有顏色的填充設(shè)置,然后選擇描邊,在R =253 G =218 B =12,重量其顏色設(shè)置為2px。
選擇在這個步驟做兩條路徑,然后單擊大綱按鈕,從探路者面板。確保結(jié)果組路徑被選中,只要按Shift鍵控制-G取消組合吧。取消選擇所有的路徑,并再次添加該2px的,黃色的描邊只選擇高亮顯示的微小通道的第四圖像中,并使用刪除按鈕從鍵盤中刪除它。

⑥選擇黃色通道中突出顯示的第一個圖像,然后轉(zhuǎn)到對象>路徑>輪廓化描邊。選擇產(chǎn)生的形狀,然后單擊聯(lián)合按鈕,從路徑查找器面板。隨著你的橙色,圓角矩形選擇這個新創(chuàng)建的形狀,然后單擊減號前面的按鈕從路徑查找器面板。
選擇結(jié)果組的橙色形狀以及簡單的按下Control-8把它變成一個簡單的復(fù)合路徑。使用直接選擇工具(A),選擇您的新復(fù)合路徑,在控制面板上在那個角落框中輸入“0.5px”。

⑦選擇矩形工具(M),創(chuàng)建一個12×11像素的矩形,并設(shè)置填充顏色為R =232 G =146 B =0,然后轉(zhuǎn)到對象>路徑>添加錨點(diǎn)。使用直接選擇工具(A),在第二個圖像中選擇突出的錨點(diǎn),然后將其向上拖動5px。

⑧使用鋼筆工具(P)創(chuàng)建一個簡單的路徑,在第一幅圖像上顯示,請確保它保持選擇和集中的外觀面板上。從填充刪除的顏色,然后選擇行程。將顏色設(shè)置在R =232 G =146 B =0和重量在3px的然后去對象>路徑>輪廓化描邊。
切換到矩形工具(M),創(chuàng)建一個2×形狀加入5px,設(shè)置填充顏色為R =232 G =146 B =0以及如圖放置在第二幅圖像。取消對三個橘子的形狀,讓你的小家圖標(biāo),然后單擊聯(lián)合按鈕,從路徑查找器面板。

⑨使用矩形工具(M),創(chuàng)建一個2×5px的矩形,如圖放置第一張圖像。隨著橙色的形狀逐漸占據(jù)讓你的房子圖標(biāo),選擇這個新的矩形,然后單擊減號前面的按鈕從路徑查找器面板。使用直接選擇工具(A),選擇生成的形狀,在控制面板上在那個角落框輸入“1px”。

⑩選擇三個形狀,使你的小圖標(biāo),將它們作為顯示在下面的圖像,然后選擇效果>風(fēng)格化>陰影。進(jìn)入如下圖所示的屬性,然后單擊確定。

六、添加文本
① 選擇文字工具(T),打開字符面板(窗口>文字>字符)。只需點(diǎn)擊您的畫板上,添加了“ERROR”一段文字,并設(shè)置其顏色在R =172 G =68 B =0。使用Open Sans字體,使它加粗然后設(shè)置大小為14像素以及軌跡在900px。如圖所示,請確保您的一段文字仍處于選中狀態(tài)。
取消選擇文字工具(T),添加了“search”和“or”文字片段,將它們放置如下圖所示,并使用窗口中顯示的文本屬性。

② 確保文字工具(T)仍處于活動狀態(tài),如下圖所示增加一些相關(guān)文字。

③ 重新選擇目前所有的已完成的模塊,效果>風(fēng)格化>陰影。進(jìn)入如下圖所示的屬性,然后單擊確定。

④ 使用文字工具(T),加上“404”并將其顏色設(shè)置在R =252 G =206 B =23。使用相同的字體,使它加粗,設(shè)置大小為90px。

⑤ 請確保您的“404”一段文字仍處于選中狀態(tài),并添加如下圖所示的三個陰影效果(效果>風(fēng)格化>陰影)。

相關(guān)文章
PS繪制一個漂亮創(chuàng)意的扁平插畫風(fēng)格404頁面
這篇教程是向腳本之家的朋友介紹PS繪制一個漂亮創(chuàng)意的扁平插畫風(fēng)格404頁面方法,教程繪制出來的頁面非常的漂亮,而且作者也做了詳細(xì)的制作步驟,很不錯,推薦過來,一起來2015-09-15
DIV+CSS實(shí)現(xiàn)的漂亮的藍(lán)天白云404錯誤頁面代碼
是一段實(shí)現(xiàn)了漂亮的藍(lán)天白云404錯誤頁面的代碼,此段代碼適用于所有網(wǎng)頁使用,有興趣的朋友們可以前來下載使用2015-01-15網(wǎng)站中404頁面到底有什么用?探討404頁面的作用和如何設(shè)置
建站的時候都會考慮404頁面,但是404頁面對于網(wǎng)站到底有什么用?隨著網(wǎng)站內(nèi)容的增多,還有相應(yīng)內(nèi)鏈的復(fù)雜度增加,都會造成死鏈問題。所以借助于404頁面的提示作用,就能夠2014-11-05
純CSS3實(shí)現(xiàn)的精致的占領(lǐng)月球404錯誤頁面效果源碼
純CSS3實(shí)現(xiàn)的精致的占領(lǐng)月球404錯誤頁面效果源碼,是一段適應(yīng)于網(wǎng)頁出錯或者找不到網(wǎng)址的情況下顯示的代碼,比較適合娛樂的場合使用。404就是當(dāng)頁面找不到時,顯示的頁面。2014-10-31- 本文主要講訴在做網(wǎng)站優(yōu)化時我們要學(xué)會利用錯誤頁面,例如我們網(wǎng)站可能出現(xiàn)的404錯誤頁面,以及在制作404頁面是需要注意到的問題2014-08-27
404 not found是什么意思?為什么會出現(xiàn)404 not found頁面以及如何解決
我們在瀏覽網(wǎng)頁的時候,有時候頁面中會提示404 not found,那么404 not found是什么意思?導(dǎo)致網(wǎng)頁中會出現(xiàn)404 not found頁面的原因有哪些?針對此問題,本文就為大家進(jìn)行2014-07-30你眼中的404頁面未必返回404狀態(tài)碼 404頁面如何正確設(shè)置
404頁面存在的意義就是告訴瀏覽者和搜索引擎所請求的頁面不存在或是鏈接錯誤,你這檢查只能說明用戶看到的是404頁面,而對于搜索引擎呢?會對這個頁面返回404狀態(tài)碼嗎2014-07-05網(wǎng)站設(shè)計(jì)中如何詳細(xì)的自定義404錯誤頁面的制作和設(shè)置
相信網(wǎng)上有很多關(guān)于404頁面的制作帖子了,這里我要總結(jié)的是根據(jù)自己這一次網(wǎng)站被降權(quán)而總結(jié)的404自定義錯誤頁面的制作,絕對超級詳細(xì)2014-01-12404頁面對網(wǎng)站來說絕對是有益無害的觀點(diǎn)說明
在SEO學(xué)習(xí)的過程中,404頁面是其中必須要掌握的一個SEO技巧,正確使用404頁面對網(wǎng)站絕對是有益無害的2011-05-13
jquery實(shí)現(xiàn)的火箭動畫效果的404錯誤頁面,比較適合娛樂的場合使用。404就是當(dāng)頁面找不到時,顯示的頁面。2010-12-12




