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


圖片

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

圖片

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

圖片

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

圖片

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

圖片

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

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

圖片

圖片

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

圖片

接下來為大家分析設計的方法。

圖片

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

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

圖片

 

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

 

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

 

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

制作基礎筆畫

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

 

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

字形分析

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

圖片

拼接筆畫

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

優(yōu)化調整

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

調整顏色

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

 

最終效果:
圖片

舉一反三

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

 

最終效果:
圖片

圖片
圖片

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