矛盾空間字體設計教程

Sponsor

前言：今天給大家來個創意字體設計教程：矛盾空間字體，此教程并不會太難，只需要會Adobe illustrator軟件的基礎就能學會，本文講述的教程包含了2.5D的設計方法，一舉兩得。

上次發布的《版式攻略》書籍封面，主視覺使用了“矛盾空間”的表現手法，很多同學留言要教程，馬上就給你們安排上了。

一、什么是矛盾空間

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

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

二、矛盾空間的運用

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

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

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

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

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

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

三、設計前準備

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

繪制網格輔助線

2.在畫布的空白處點擊，彈出對話框。大小選擇1000X1000像素?！八椒指罹€”與“垂直分割線”的數值選擇“50”，得到正方形的網格。

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

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

制作基礎筆畫

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

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

字形分析

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

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

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

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

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

四、案例實操

拼接筆畫

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

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

優化調整

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

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

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

調整顏色

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

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

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

最終效果：

舉一反三

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

最終效果：

感謝閱讀！

作者 | 鄧海貝
來源 | 藝海拾貝Design（公眾號ID：YHSBds）

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。