Illustrator 制作3D效果的漂亮魔方

☆今天發(fā)一套對(duì)新手來說超實(shí)用的教程上來。內(nèi)容關(guān)鍵是對(duì)工作中經(jīng)常用的一些工具的運(yùn)用。如果你以前沒用過。那對(duì)你來說可能是一種提升哦,如果你已經(jīng)是高手也可以看一下它的思路。變通一下也許會(huì)有異想不到的效果哦!好吧,let`s go!!! ☆首先還是曬曬圖吧!
效果圖
☆下面我開始做吧!
第一步:繪制一個(gè)正方形(填色:黑40),執(zhí)行[效果]-[3D]-[凸出與斜角],設(shè)置參數(shù)。位置:等角-上方 、透視:100度、高度要看起來跟正方形的長(zhǎng)度相近,滿意后確定,然后執(zhí)行對(duì)象—擴(kuò)展外觀,按 ctrl+shift+G 一直到打散成三個(gè)面為止。如圖1。
圖1
第二步: 把剛才做好的三個(gè)面群組( ctrl+G )。復(fù)制一層在正上面( ctrl+c后ctrl+f ),取消群組( ctrl+shift+G ),給面填上漸變(從一點(diǎn)向?qū)抢觯┤鐖D所示。(顏色可自定,我這里是草綠色( C20Y100 )到綠色( C100Y100 )過度)。然后選擇其中一個(gè)面,用直接選擇工具選中三面中間的那個(gè)點(diǎn),45度角向外拖開。以此類推。最后把最先畫的那三個(gè)面選中填白色,得到如圖效果(棱角的高光效果)。如圖2。
圖2
第三步:將有漸變色的三個(gè)面復(fù)制一層在正上方( ctrl+C 后 ctrl+F ,當(dāng)然 ctrl+B 是放在正下方)備用。用鋼筆工具在其中一個(gè)面上沿對(duì)角線畫出波浪形狀的閉合區(qū)域,必須大于原圖。畫好后,ctrl+shift+F9調(diào)出路徑查找器。同時(shí)選中畫好的波浪區(qū)域和下層的面(剛才已經(jīng)復(fù)制了)。在路徑查找器上點(diǎn)形狀模式下的與形狀區(qū)域相交,接著點(diǎn)面的擴(kuò)展,然后給它填上漸變(白色到深色的漸變,我這里是白色到綠色),以此類推,做出其它兩個(gè)面來!最后在透明度面板里將它們的模式改為柔光,不透明度為75度。OK!如圖3。
圖3
第四步:這樣模型建好了,漂亮吧,精采還在后面,開始吧。先群組所有的對(duì)象,然后做投影效果吧,畫一個(gè)三角形,執(zhí)行[效果]—風(fēng)格化—投影,將它放在方塊下面(按ctrl+]),將群組后的對(duì)象復(fù)制一個(gè)在正上方(不會(huì)的去上面看),然后取消群組,完后在路徑查找器里點(diǎn)形狀模式下的與形狀區(qū)域相加,后擴(kuò)展。去透明度面板里把模式設(shè)為正常,不透明為100。 最后填白色完工!如圖4。
圖4
第五步:置入圖像(文件-置入,取消面板上的鏈接),找到自己喜歡的圖片了嗎,快置進(jìn)來吧。調(diào)整到大小,如圖5,放在白色面上。然后選中白色面,放在最上層( ctrl+shift+] )。然后加選剛才置入的圖片(按信 shift 后點(diǎn)擊圖片),執(zhí)行[對(duì)象]—封套扭曲—用頂層對(duì)象建立。完工
圖5
第六步:畫龍點(diǎn)晴之筆。選中封套后的圖像,去透明度面板里,把模式改為正片疊底,不透明度設(shè)為35。完工啦,最后把所有對(duì)象全選起來,群組?。?!如圖6。
圖6
☆基本上日常生活中的很多常用工具都用上了。如果你都會(huì)用了,那么你已經(jīng)很不錯(cuò)啦!其它的工具慢慢學(xué)吧,加油!??! ☆其實(shí)學(xué)東西最關(guān)鍵就是練習(xí),哪怕是你看起來會(huì),做起來很會(huì)有細(xì)節(jié)的東西沒掌握。但是如果你會(huì)做了,哪下一次用起來就輕松嘍!所以,鼓勁多練習(xí)!
相關(guān)文章
CSS3+jQuery仿Google Now卡片翻轉(zhuǎn)動(dòng)畫特效源碼
源碼是一款仿Google Now卡片翻轉(zhuǎn)的動(dòng)畫特效的代碼。該特效使用CSS3和jQuery來制作,所有卡片使用網(wǎng)格布局,當(dāng)用戶點(diǎn)擊某張卡片時(shí),該卡片會(huì)翻轉(zhuǎn)移動(dòng)到屏幕中間2015-12-11CSS3實(shí)現(xiàn)的動(dòng)態(tài)數(shù)字翻轉(zhuǎn)切換動(dòng)畫特效源碼
是一款類似于蘋果IOS版本發(fā)布的數(shù)字跳動(dòng)切換效果代碼,本段代碼適應(yīng)于所有網(wǎng)頁使用,有興趣的朋友們可以前來下載使用2015-06-08純css3實(shí)現(xiàn)的鼠標(biāo)懸停背景翻轉(zhuǎn)動(dòng)畫導(dǎo)航特效源碼
今天的這款純css3實(shí)現(xiàn)的鼠標(biāo)懸停背景翻轉(zhuǎn)動(dòng)畫導(dǎo)航特效源碼,鼠標(biāo)懸停背景圖片翻轉(zhuǎn),無需js,只要一部分的css3代碼即可,其他的都是普通的css2代碼2015-02-03純CSS3實(shí)現(xiàn)的3D折疊翻轉(zhuǎn)文字動(dòng)畫特效源碼
CSS3 3D折疊翻轉(zhuǎn)文字動(dòng)畫 14 人瀏覽暫無評(píng)論 0今天我們?cè)賮矸窒硪豢頒SS3文字特效應(yīng)用,和之前分享的這款HTML5/CSS3文字特效類似,它也是一款CSS3 3D折疊翻轉(zhuǎn)文字動(dòng)畫2014-12-29CSS3實(shí)現(xiàn)3D蘋果筆記本翻轉(zhuǎn)動(dòng)畫效果源碼
這是一款超炫的CSS3實(shí)現(xiàn)3D動(dòng)畫翻轉(zhuǎn)效果源碼,并且?guī)в?D視覺效果,可以360度旋轉(zhuǎn)的macbook air。在這款CSS3 3D動(dòng)畫的筆記本底部還有一個(gè)逼真的投影,可以跟隨圖片一起轉(zhuǎn)動(dòng)2014-06-16CSS圖片翻轉(zhuǎn)動(dòng)畫技術(shù)詳解(IE也實(shí)現(xiàn)了)
因?yàn)椴粩嘤腥藛栁遥F(xiàn)在我補(bǔ)充一下:IE是支持這種技術(shù)的!盡管會(huì)很麻煩。需要做的是旋轉(zhuǎn)front和back元素,而不是旋轉(zhuǎn)整個(gè)容器元素。如果你使用的是最新版的IE,可以忽略這2014-04-03- 本教程是向大家介紹利用3dmax2013鏈接約束制作魔方動(dòng)畫過程,教程難度不大,覺得不錯(cuò),推薦過來,與大家一起分享學(xué)習(xí),希望對(duì)大家有所幫助2014-07-05
純CSS3 3D魔方翻轉(zhuǎn)動(dòng)畫特效源碼
純CSS3 3D魔方翻轉(zhuǎn)動(dòng)畫特效源碼是一款使用簡(jiǎn)單純CSS3代碼實(shí)現(xiàn)的魔方特效下載,效果非常棒,本段代碼適應(yīng)于所有網(wǎng)頁使用,有需要的朋友可以直接下載使用2016-08-10