文件名 如何下載使用 文件大小 提取碼 下載來源
矛盾空間字體源文件265.26KB8866 點此復制 登錄下載

什么是矛盾空間

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

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

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

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

矛盾空間的運用

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

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

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

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

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

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

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

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

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

設計前期準備

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

繪制網格輔助線

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

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

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

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

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

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

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

制作基礎筆畫

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

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

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

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

字形分析

可以先從阿拉伯數字開始設計,數字的筆畫比較簡單,基本可以簡化為橫、豎兩個筆畫:

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

豎畫可以直接使用筆畫①代替,也可以加入其他筆畫讓文字重心更穩定:

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

較短的“橫”可以使用筆畫②③代替:

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

較長的“橫”可以使用筆畫②和③組合:

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

做好這些準備工作,就可以像拼積木一樣把筆畫組合成文字。

案例實操

1. 拼接筆畫

先從最簡單的數字“1”開始制作。把三個基礎筆畫移動位置,得到“1”的下半部分。

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

復制筆畫 1 和筆畫 3,移動位置到上方,初步的文字就拼接好了。

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

2. 優化調整

使用“直接選擇工具”調整筆畫長度,調整時盡量對齊網格輔助線,避免筆畫變形。

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

取消所有群組,選擇相同顏色的色塊,使用“路徑查找器”的“聯集”把相同顏色的色塊合成一個形狀。

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

使用“鋼筆工具”中的“刪除錨點工具”把多余的錨點刪除,保證每條線段只有起點和終點兩個錨點,這樣會得到平滑完美的直線。

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

3. 調整顏色

所有筆畫處理好以后,可以使用菜單欄的“重新著色圖稿”,在對話框中選擇“新建”,雙擊不同的色塊給文字重新上色。

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

也可以填充單色,并用描邊來分割色塊。

為了得到干凈的的描邊效果,最好把重復和多余的線段刪除。

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

最終效果:

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

4. 舉一反三

掌握規律以后,所有的數字都可以通過這樣的方法拼接完成:

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

最終效果:

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

通過本期教程,大家應該初步了解到矛盾空間字體的設計方法,下期帶來的是進階版——矛盾空間中文字體的設計方法,下期見。

歡迎關注作者的微信公眾號:「藝海拾貝Design」

讓視覺更有張力的矛盾空間字體,是如何設計的?(上)

文件名 如何下載使用 文件大小 提取碼 下載來源
矛盾空間字體源文件265.26KB8866 點此復制 登錄下載
收藏 397
點贊 54

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。