如何用Adobe Illustrator制作細(xì)節(jié)豐富的網(wǎng)頁(yè)404錯(cuò)誤頁(yè)面 AI設(shè)計(jì)技巧介紹

⑤使用鋼筆工具(P),創(chuàng)建兩個(gè)簡(jiǎn)單的路徑,如圖中的前兩個(gè)影像。選擇兩條路徑。確保沒有顏色的填充設(shè)置,然后選擇描邊,在R =253 G =218 B =12,重量其顏色設(shè)置為2px。
選擇在這個(gè)步驟做兩條路徑,然后單擊大綱按鈕,從探路者面板。確保結(jié)果組路徑被選中,只要按Shift鍵控制-G取消組合吧。取消選擇所有的路徑,并再次添加該2px的,黃色的描邊只選擇高亮顯示的微小通道的第四圖像中,并使用刪除按鈕從鍵盤中刪除它。
⑥選擇黃色通道中突出顯示的第一個(gè)圖像,然后轉(zhuǎn)到對(duì)象>路徑>輪廓化描邊。選擇產(chǎn)生的形狀,然后單擊聯(lián)合按鈕,從路徑查找器面板。隨著你的橙色,圓角矩形選擇這個(gè)新創(chuàng)建的形狀,然后單擊減號(hào)前面的按鈕從路徑查找器面板。
選擇結(jié)果組的橙色形狀以及簡(jiǎn)單的按下Control-8把它變成一個(gè)簡(jiǎn)單的復(fù)合路徑。使用直接選擇工具(A),選擇您的新復(fù)合路徑,在控制面板上在那個(gè)角落框中輸入“0.5px”。
⑦選擇矩形工具(M),創(chuàng)建一個(gè)12×11像素的矩形,并設(shè)置填充顏色為R =232 G =146 B =0,然后轉(zhuǎn)到對(duì)象>路徑>添加錨點(diǎn)。使用直接選擇工具(A),在第二個(gè)圖像中選擇突出的錨點(diǎn),然后將其向上拖動(dòng)5px。
⑧使用鋼筆工具(P)創(chuàng)建一個(gè)簡(jiǎn)單的路徑,在第一幅圖像上顯示,請(qǐng)確保它保持選擇和集中的外觀面板上。從填充刪除的顏色,然后選擇行程。將顏色設(shè)置在R =232 G =146 B =0和重量在3px的然后去對(duì)象>路徑>輪廓化描邊。
切換到矩形工具(M),創(chuàng)建一個(gè)2×形狀加入5px,設(shè)置填充顏色為R =232 G =146 B =0以及如圖放置在第二幅圖像。取消對(duì)三個(gè)橘子的形狀,讓你的小家圖標(biāo),然后單擊聯(lián)合按鈕,從路徑查找器面板。
⑨使用矩形工具(M),創(chuàng)建一個(gè)2×5px的矩形,如圖放置第一張圖像。隨著橙色的形狀逐漸占據(jù)讓你的房子圖標(biāo),選擇這個(gè)新的矩形,然后單擊減號(hào)前面的按鈕從路徑查找器面板。使用直接選擇工具(A),選擇生成的形狀,在控制面板上在那個(gè)角落框輸入“1px”。
⑩選擇三個(gè)形狀,使你的小圖標(biāo),將它們作為顯示在下面的圖像,然后選擇效果>風(fēng)格化>陰影。進(jìn)入如下圖所示的屬性,然后單擊確定。
六、添加文本
① 選擇文字工具(T),打開字符面板(窗口>文字>字符)。只需點(diǎn)擊您的畫板上,添加了“ERROR”一段文字,并設(shè)置其顏色在R =172 G =68 B =0。使用Open Sans字體,使它加粗然后設(shè)置大小為14像素以及軌跡在900px。如圖所示,請(qǐng)確保您的一段文字仍處于選中狀態(tài)。
取消選擇文字工具(T),添加了“search”和“or”文字片段,將它們放置如下圖所示,并使用窗口中顯示的文本屬性。
② 確保文字工具(T)仍處于活動(dòng)狀態(tài),如下圖所示增加一些相關(guān)文字。
③ 重新選擇目前所有的已完成的模塊,效果>風(fēng)格化>陰影。進(jìn)入如下圖所示的屬性,然后單擊確定。
④ 使用文字工具(T),加上“404”并將其顏色設(shè)置在R =252 G =206 B =23。使用相同的字體,使它加粗,設(shè)置大小為90px。
⑤ 請(qǐng)確保您的“404”一段文字仍處于選中狀態(tài),并添加如下圖所示的三個(gè)陰影效果(效果>風(fēng)格化>陰影)。
相關(guān)文章
PS繪制一個(gè)漂亮創(chuàng)意的扁平插畫風(fēng)格404頁(yè)面
這篇教程是向腳本之家的朋友介紹PS繪制一個(gè)漂亮創(chuàng)意的扁平插畫風(fēng)格404頁(yè)面方法,教程繪制出來(lái)的頁(yè)面非常的漂亮,而且作者也做了詳細(xì)的制作步驟,很不錯(cuò),推薦過(guò)來(lái),一起來(lái)2015-09-15DIV+CSS實(shí)現(xiàn)的漂亮的藍(lán)天白云404錯(cuò)誤頁(yè)面代碼
是一段實(shí)現(xiàn)了漂亮的藍(lán)天白云404錯(cuò)誤頁(yè)面的代碼,此段代碼適用于所有網(wǎng)頁(yè)使用,有興趣的朋友們可以前來(lái)下載使用2015-01-15網(wǎng)站中404頁(yè)面到底有什么用?探討404頁(yè)面的作用和如何設(shè)置
建站的時(shí)候都會(huì)考慮404頁(yè)面,但是404頁(yè)面對(duì)于網(wǎng)站到底有什么用?隨著網(wǎng)站內(nèi)容的增多,還有相應(yīng)內(nèi)鏈的復(fù)雜度增加,都會(huì)造成死鏈問(wèn)題。所以借助于404頁(yè)面的提示作用,就能夠2014-11-05純CSS3實(shí)現(xiàn)的精致的占領(lǐng)月球404錯(cuò)誤頁(yè)面效果源碼
純CSS3實(shí)現(xiàn)的精致的占領(lǐng)月球404錯(cuò)誤頁(yè)面效果源碼,是一段適應(yīng)于網(wǎng)頁(yè)出錯(cuò)或者找不到網(wǎng)址的情況下顯示的代碼,比較適合娛樂的場(chǎng)合使用。404就是當(dāng)頁(yè)面找不到時(shí),顯示的頁(yè)面。2014-10-31淺析制作404錯(cuò)誤頁(yè)面時(shí)應(yīng)該注意的問(wèn)題
本文主要講訴在做網(wǎng)站優(yōu)化時(shí)我們要學(xué)會(huì)利用錯(cuò)誤頁(yè)面,例如我們網(wǎng)站可能出現(xiàn)的404錯(cuò)誤頁(yè)面,以及在制作404頁(yè)面是需要注意到的問(wèn)題2014-08-27404 not found是什么意思?為什么會(huì)出現(xiàn)404 not found頁(yè)面以及如何解決
我們?cè)跒g覽網(wǎng)頁(yè)的時(shí)候,有時(shí)候頁(yè)面中會(huì)提示404 not found,那么404 not found是什么意思?導(dǎo)致網(wǎng)頁(yè)中會(huì)出現(xiàn)404 not found頁(yè)面的原因有哪些?針對(duì)此問(wèn)題,本文就為大家進(jìn)行2014-07-30你眼中的404頁(yè)面未必返回404狀態(tài)碼 404頁(yè)面如何正確設(shè)置
404頁(yè)面存在的意義就是告訴瀏覽者和搜索引擎所請(qǐng)求的頁(yè)面不存在或是鏈接錯(cuò)誤,你這檢查只能說(shuō)明用戶看到的是404頁(yè)面,而對(duì)于搜索引擎呢?會(huì)對(duì)這個(gè)頁(yè)面返回404狀態(tài)碼嗎2014-07-05網(wǎng)站設(shè)計(jì)中如何詳細(xì)的自定義404錯(cuò)誤頁(yè)面的制作和設(shè)置
相信網(wǎng)上有很多關(guān)于404頁(yè)面的制作帖子了,這里我要總結(jié)的是根據(jù)自己這一次網(wǎng)站被降權(quán)而總結(jié)的404自定義錯(cuò)誤頁(yè)面的制作,絕對(duì)超級(jí)詳細(xì)2014-01-12404頁(yè)面對(duì)網(wǎng)站來(lái)說(shuō)絕對(duì)是有益無(wú)害的觀點(diǎn)說(shuō)明
在SEO學(xué)習(xí)的過(guò)程中,404頁(yè)面是其中必須要掌握的一個(gè)SEO技巧,正確使用404頁(yè)面對(duì)網(wǎng)站絕對(duì)是有益無(wú)害的2011-05-13基于jquery的火箭升空動(dòng)畫效果404錯(cuò)誤頁(yè)面
jquery實(shí)現(xiàn)的火箭動(dòng)畫效果的404錯(cuò)誤頁(yè)面,比較適合娛樂的場(chǎng)合使用。404就是當(dāng)頁(yè)面找不到時(shí),顯示的頁(yè)面。2010-12-12