學會AI立體字海報大法,不懂透視也能做立體字海報

2019-12-26     商標設計

文章來源:微信公眾號(胡曉波工作室)

今天我們要寫的教程是關於立體字的海報的製作方式。很多同學聽到這裡一下子就慫了,什麼玩意?立體?我可去你的吧...

誤會了誤會了。

今天我們要聊的不是那種用高級的作圖軟體photoshop的,那種帶著閃光特效的,做起來過程步驟有點複雜的立體字。

今天我們要聊的是在ai 軟體里利用3d效果做出的一種簡單效果。

簡單到什麼程度呢,嗯..大概三秒。

先來看一些我們平時會見到的立體字海報案例。

這樣的立體效果我們平時會見到非常多,感覺整體呈現的效果非常的好,用文字直接做一種形式非常飽滿的立體效果,即吸引眼球,又很好的傳達主要信息,可以說是肉夾饃和涼皮兼得了。

我們先來簡單介紹一下在ai中3d的效果如何來操作。關於立體的造型樣式ai軟體本身也提供了一些基本的變化。

我們選擇:效果--3d--凸出和斜角。會調出來一個數值選項面板。

前面的位置變化我們不用細講,利用三個xyz軸的角度變化控制立體造型的變化關係,這裡稍微嘗試一下就明白了。我們著重說一下底部這些數值的設置會帶來什麼樣的變化。

首先來看凸出厚度,這個部分比較重要,我們主要是靠他控制造型的厚度。不同厚度的變化會帶來不同的畫面效果。我們來看一下簡單的幾個對比圖。


再來看一下關於的一些樣式上的變化。這裡也有幾種樣式可供選擇,我們把每種樣式的造型都嘗試一遍,看看他們之間的不同變化。

第一種,我們會發現較比我們的上一種變化,增加了更多的切面,整體也很顯得非常飽滿。

第二種樣式變化。

第三種樣式變化。

第四種樣式變化。

共十一種樣式變化,後面的樣式我們不一一列舉了。事實上..我的電腦已經快卡死了...

因為我們使用的3d效果做出來只是簡單的灰度變化的立體效果,這樣看不夠明了,我接下來加幾個簡單的顏色來看一下具體產生了哪些造型上的變化。

是不是一下子就感受到了不同造型帶給我們完全不一樣的可能性。感受到這個效果的牛逼了嗎?

我們來看一下這樣的樣式在中文字中如何來變化,其實都可以預想出來,造型會變得非常複雜。文字先打出來。不要誤會,我沒有別的意思,你們願意夸就夸,不願意...也誇誇吧..

接下來這一步很重要,除了設置造型樣式,我還設置了透視關係,也就是有了一個近大遠小的基本透視。

這樣是為了給字體本身加一些設計上的層次感。

別看上一步還灰糊糊的,那是因為沒有加顏色,加顏色之後瞬間醜小鴨變天鵝,實現顏值上的階級跨越。

接下來我們用兩個案例來示範一下。很多同學經常學會了一個新的知識點後不經過訓練,任由它日復一日年復一年的擱在腦子裡,直到最終有一天指著別人的作品說,咦,做個東西怎麼似曾相識,我記得我也會做來著?

然後大腦自己開始了一次檢索功能,才發現,裡面空無一物。

然後嘆息一句:不,我不會。我只是個嘴炮患者。

第一個案例,我專門挑了一個中文的,字數又略多的,這樣的信息本身做立體字的效果需要注意的地方比較多,也是希望大家能夠規避一下。

在排列這樣的標題時,要提前想好選擇什麼樣的字體,選擇的字體儘量粗一點點,然後要思考這些字融合和排列,形成怎樣的組合關係?

首先我選擇了一個斷行處理,再一個豎版的畫面中,不要讓長度過長,這樣是無法排版的。然後嘗試一下3d效果。

這個效果是比較簡單的,不知道還有誰記得前面我在文章的開頭說過,完成這個兒技法只需要三秒。

事實上,的確是這樣。但是一個海報的形成不可能只依託於技法,我當然知道這個簡單的工具許多人都會用,但是如何去深化畫面就變成了另外了課題。

接下來開始上色。注意上色可以比較花哨,但仍然需要亂中有序。

你也可以加一點圖案紋理和背景色,讓畫面更加豐富一些。


接下來就需要一步一步的開始優化畫面了,可以適當添加一些簡單的插畫元素。作為手殘黨代表的我,依然如此的熱愛畫畫,再丑也要堅持...

這裡加的元素本質上還是需要和主題相關,不能太過天馬行空,一定要記得主題到底是什麼!

最後,將其餘的信息添加進去。

這裡的信息添加可以遵從它本身的透視機構來擺放,也可以按照簡單的結構來排,只要最終排列的比較契合畫面,就完全可以。

好了,第一個案例就完成了,很多同學估計還是一臉懵逼,這麼短,這麼快就完了?

因為確實案例示範也是用了很短的時間就完成的。算上想題目,前後花 了不到一個小時,這個方法是真的比較快速,這樣的立體關係,如果不用如軟體來實現的話,我估計是沒有耐心畫下去的,中途就直接靈魂崩潰。

再來看第二個案例,這個案例我們用數字來做。很多畫面,例如倒計時海報,周年慶海報,促銷海報都經常用數字作為畫面的主體,用這種方法做立體數字是再簡單不過了,因為數字本身造型簡單,發揮的餘地更強一些。

題目的標題是2019,這個題目如果要適應豎版海報的尺寸的話,需要讓數字偏瘦長一些,結果我半天沒找到合適的字體。

只能自己挽起袖子做一個了,心累。

上面我簡單勾勒了字體的骨骼,頓時就發現,畫的真好,陷入的深深的自戀中,足足guo三分鐘,眼睛盯著螢幕都快盯瞎了...

回過頭才發現,這個數字,它還是不夠長...

於是用我128GB的腦子又重新構思了一下,於是得到了下面這個數字造型,完美!!!

接下來,再次使用3d效果,這次畫面當中出現了很多的圓弧過渡,所以上色時需要雙擊,將其合併。

合併之後更改各個面的顏色,簡單看一下上色效果。

繼續優化數字細節,數字中間這裡加一層線條,增加細節層次。

加一個簡單的日曆,沒錯,我,又要畫畫了...然後順著數字的透視關係豐富一下背景。

最後一步,想辦法順應數字的構圖關係將信息放進去。這個配色方案很適合我的少女心。嗯...

本來還要有一個漸變顏色的案例示範,時間來不及了,我要睡覺了。所以這次的教程就到這裡了。

謝幕。觀眾開始陸續退場。

文章來源: https://twgreatdaily.com/zh/hf-QQW8BMH2_cNUgyAMZ.html