簡單實(shí)用的設(shè)計(jì)小妙招,矛盾空間字體
發(fā)布時(shí)間:2021-12-09 08:55 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 3240


圖片

矛盾空間是利用視覺的錯(cuò)覺和視點(diǎn)的轉(zhuǎn)換交替,在二維的平面上表現(xiàn)了三維的立體形態(tài),設(shè)計(jì)出在實(shí)際空間中無法存在的空間形式。

圖片

埃舍爾絕對是這個(gè)領(lǐng)域的鼻祖以及大師,他的作品以非常精巧考究的細(xì)節(jié)寫實(shí)手法,利用人的視覺錯(cuò)誤,生動(dòng)地表達(dá)出各種荒謬的結(jié)果,幾十年來,始終令人玩味無窮。

圖片

“矛盾空間”造成了一種荒誕又有趣的視覺效果,這些在現(xiàn)實(shí)生活中絕對不可能被制造出來,但越來越廣泛的被運(yùn)用在藝術(shù)設(shè)計(jì)領(lǐng)域。

圖片

北大方正標(biāo)志,利用中間共用的白色正方形隨著觀察視點(diǎn)的移動(dòng),顯示出不同的空間存在,觀察者產(chǎn)生既俯視又仰視的視覺效果。從各個(gè)角度看都是一個(gè)“四四方方的正方體,完美地詮釋了方正一詞的內(nèi)涵。

圖片

科學(xué)技術(shù)館的標(biāo)志,相互矛盾的方體十分巧妙地連接在一起,使作品產(chǎn)生真與假、是與不是的視覺沖突。它們相互循環(huán)又各自成立,使人們在整體的不合理中找到局部的合理性,寓意深刻、耐人尋味。圖片

包括大家比較熟悉的游戲《紀(jì)念碑谷》,用有趣的空間錯(cuò)位,交織出了清新唯美的迷宮世界。獲得了2014年度App Store精選榜單中國區(qū)年度最佳游戲。

圖片

圖片

這種既有趣又有創(chuàng)意的表現(xiàn)手法,非常契合和我的書名《版式攻略》,所以模擬此設(shè)計(jì)風(fēng)格,把主視覺按照矛盾空間、視覺錯(cuò)位的表現(xiàn)手法設(shè)計(jì)出來:

圖片

接下來為大家分析設(shè)計(jì)的方法。

圖片

使用的軟件是Adobe Illustrator 2020,在設(shè)計(jì)前需要繪制網(wǎng)格輔助線和制作出基礎(chǔ)筆畫。

繪制網(wǎng)格輔助線

圖片

 

2.在畫布的空白處點(diǎn)擊,彈出對話框。大小選擇1000X1000像素!八椒指罹”與“垂直分割線”的數(shù)值選擇“50”,得到正方形的網(wǎng)格。
圖片
圖片

 

4.右鍵選擇“變換>傾斜”命令,“傾斜角度”30度。
圖片

 

5.右鍵選擇“變換>旋轉(zhuǎn)”命令,“旋轉(zhuǎn)角度”-30度。這樣就得到了一組網(wǎng)格輔助線。
圖片
圖片

制作基礎(chǔ)筆畫

1.使用“矩形工具”繪制出三個(gè)邊長47pt的正方形,執(zhí)行“效果>3D>凸出和斜角”命令,“位置”分別選擇“等角-左方”、“等角-右方”、“等角-上方”。
圖片

 

2.選擇三個(gè)立方體,執(zhí)行“對象>擴(kuò)展外觀”,三個(gè)基本筆畫就制作好了。為了方便講解,分別標(biāo)注上數(shù)字:
圖片

字形分析

可以先從阿拉伯?dāng)?shù)字開始設(shè)計(jì),數(shù)字的筆畫比較簡單,基本可以簡化為橫、豎兩個(gè)筆畫:
圖片
豎畫可以直接使用筆畫①代替,也可以加入其他筆畫讓文字重心更穩(wěn)定:
圖片
較短的“橫”可以使用筆畫②③代替:
圖片
較長的“橫”可以使用筆畫②和③組合:
圖片
做好這些準(zhǔn)備工作,就可以像拼積木一樣把筆畫組合成文字。

圖片

拼接筆畫

先從最簡單的數(shù)字“1”開始制作。把三個(gè)基礎(chǔ)筆畫移動(dòng)位置,得到“1”的下半部分。
圖片
復(fù)制筆畫1和筆畫3,移動(dòng)位置到上方,初步的文字就拼接好了。
圖片

優(yōu)化調(diào)整

使用“直接選擇工具”調(diào)整筆畫長度,調(diào)整時(shí)盡量對齊網(wǎng)格輔助線,避免筆畫變形。
圖片
取消所有群組,選擇相同顏色的色塊,使用“路徑查找器”的“聯(lián)集”把相同顏色的色塊合成一個(gè)形狀。
圖片
使用“鋼筆工具”中的“刪除錨點(diǎn)工具”把多余的錨點(diǎn)刪除,保證每條線段只有起點(diǎn)和終點(diǎn)兩個(gè)錨點(diǎn),這樣會(huì)得到平滑完美的直線。
圖片

調(diào)整顏色

所有筆畫處理好以后,可以使用菜單欄的“重新著色圖稿”,在對話框中選擇“新建”,雙擊不同的色塊給文字重新上色。
圖片
也可以填充單色,并用描邊來分割色塊。
為了得到干凈的的描邊效果,最好把重復(fù)和多余的線段刪除。
圖片

 

最終效果:
圖片

舉一反三

掌握規(guī)律以后,所有的數(shù)字都可以通過這樣的方法拼接完成:
圖片

 

最終效果:
圖片

圖片
圖片

文章評論
添加表情
遵守中華人民共和國的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁設(shè)計(jì) 會(huì)計(jì)課程 興趣成長 AIGC