AI教學(xué):探索矛盾空間字體的簡(jiǎn)易制作技巧(上篇)

更新時(shí)間:2024-06-30

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

之前我的《版式攻略》書(shū)籍封面,主視覺(jué)使用了「矛盾空間」的表現(xiàn)手法,很多同學(xué)留言要教程,馬上就給你們安排上了。

AI教程!教你快速制作矛盾空間字體!(上)

一、什么是矛盾空間

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

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

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

AI教程!教你快速制作矛盾空間字體!(上)

二、矛盾空間的運(yùn)用

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

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

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

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

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

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

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

AI教程!教你快速制作矛盾空間字體!(上)

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

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

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

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

三、設(shè)計(jì)前期準(zhǔn)備

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

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

AI教程!教你快速制作矛盾空間字體!(上)

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

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

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

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

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

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

AI教程!教你快速制作矛盾空間字體!(上)

制作基礎(chǔ)筆畫(huà)

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

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

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

AI教程!教你快速制作矛盾空間字體!(上)

字形分析

可以先從阿拉伯?dāng)?shù)字開(kāi)始設(shè)計(jì),數(shù)字的筆畫(huà)比較簡(jiǎn)單,基本可以簡(jiǎn)化為橫、豎兩個(gè)筆畫(huà):

AI教程!教你快速制作矛盾空間字體!(上)

豎畫(huà)可以直接使用筆畫(huà)①代替,也可以加入其他筆畫(huà)讓文字重心更穩(wěn)定:

AI教程!教你快速制作矛盾空間字體!(上)

較短的「橫」可以使用筆畫(huà)②③代替:

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

較長(zhǎng)的「橫」可以使用筆畫(huà)②和③組合:

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

做好這些準(zhǔn)備工作,就可以像拼積木一樣把筆畫(huà)組合成文字。

四、案例實(shí)操

拼接筆畫(huà)

先從最簡(jiǎn)單的數(shù)字「1」開(kāi)始制作。把三個(gè)基礎(chǔ)筆畫(huà)移動(dòng)位置,得到「1」的下半部分。

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

復(fù)制筆畫(huà)1和筆畫(huà)3,移動(dòng)位置到上方,初步的文字就拼接好了。

AI教程!教你快速制作矛盾空間字體!(上)

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

使用「直接選擇工具」調(diào)整筆畫(huà)長(zhǎng)度,調(diào)整時(shí)盡量對(duì)齊網(wǎng)格輔助線,避免筆畫(huà)變形。

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

取消所有群組,選擇相同顏色的色塊,使用「路徑查找器」的「聯(lián)集」把相同顏色的色塊合成一個(gè)形狀。

AI教程!教你快速制作矛盾空間字體!(上)

使用「鋼筆工具」中的「刪除錨點(diǎn)工具」把多余的錨點(diǎn)刪除,保證每條線段只有起點(diǎn)和終點(diǎn)兩個(gè)錨點(diǎn),這樣會(huì)得到平滑完美的直線。

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

調(diào)整顏色

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

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

也可以填充單色,并用描邊來(lái)分割色塊。

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

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

最終效果:

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

舉一反三

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

AI教程!教你快速制作矛盾空間字體!(上)

最終效果:

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

AI教程!教你快速制作矛盾空間字體?。ㄉ希? class=

通過(guò)本期教程,大家應(yīng)該初步了解到矛盾空間字體的設(shè)計(jì)方法,下期帶來(lái)的是進(jìn)階版——矛盾空間中文字體的設(shè)計(jì)方法,下期見(jiàn)。

AI教程!教你快速制作矛盾空間字體?。ㄉ希? src=

AI教學(xué):探索矛盾空間字體的簡(jiǎn)易制作技巧(上篇)