|
上次漸變色的設(shè)計(jì)教程出了以后，有同學(xué)就留言、私信，表示想學(xué)習(xí)一下文章中的版式設(shè)計(jì)教程，那么今天魚先生就安排上。本文以6個實(shí)用技巧為基礎(chǔ)，結(jié)合實(shí)戰(zhàn)講解，軟件是AI（Illustrator），會按照以下三個方面詳細(xì)講解：① 技巧運(yùn)用案例；② 技巧拆解；③ 實(shí)戰(zhàn)演練。網(wǎng)格工具簡直是一秒鐘學(xué)會使用，學(xué)會之后，妙用無窮。先看下利用網(wǎng)格工具做的的畫面，如下圖案例：▲ 海報(bào)設(shè)計(jì)中的應(yīng)用 
添加完網(wǎng)格之后，每個節(jié)點(diǎn)都是可以編輯的，如下圖：OK， 技巧學(xué)習(xí)完畢，進(jìn)入實(shí)戰(zhàn)環(huán)節(jié)。
① 運(yùn)用網(wǎng)格工具填充，網(wǎng)格建立如下② 網(wǎng)格進(jìn)行變形編輯，編輯后如下圖：文字排版是一個很大的篇章，我們今天的重點(diǎn)是分享技巧的應(yīng)用拆解。如果你是新手，基礎(chǔ)不牢固，那么可以先臨摹我的版式，等你有了一定的基礎(chǔ)之后，自己再進(jìn)行舉一反三，充分的吸收知識點(diǎn)。練習(xí)階段，圖形的繪制，大家自由發(fā)揮即可。可以用鋼筆工具（快捷鍵：P），也可以用變形工具，多多嘗試，說不定可以碰撞更多靈感。再或者我們直接利用AI軟件中的自帶變形工具進(jìn)行調(diào)整。然后即可調(diào)出如圖所示面板，你就可以隨心所欲的調(diào)整，找到適合的圖形即可。② 圖形調(diào)整好之后，利用網(wǎng)格工具填充編輯顏色。繪制圖形的方法上面已經(jīng)教過了，這里展示一下案例中圖形的網(wǎng)格形狀，如下圖所示：③ 文案進(jìn)行排版設(shè)計(jì)。網(wǎng)格工具技巧，簡單又實(shí)用，大家要多在設(shè)計(jì)實(shí)踐中不斷地運(yùn)用，久而久之自然熟練掌握。Ai中的3D工具特別強(qiáng)大，今天來講其中的一個點(diǎn)，凸出和斜角，下次抽空專門給大家講講3D工具的妙用。凸出和斜角經(jīng)常會用來做一些立體字，或者圖形立體效果。可以直接調(diào)整參數(shù)，也可以如圖所示，轉(zhuǎn)動立方體調(diào)整效果。技巧學(xué)會之后，上面的IDEA期刊封面就不再難了。做這類立體圖形，一定不要著急，多調(diào)試，特別是最開始的學(xué)習(xí)階段，多嘗試，舉一反三，慢慢就熟練運(yùn)用了。設(shè)計(jì)元素：數(shù)字73；技巧方法：3d工具畢竟是平面軟件中制作的立體圖形，它的明暗過度并不均勻，需要我們做細(xì)節(jié)調(diào)整。③ 先把圖形擴(kuò)展外觀，然后調(diào)整圖形的細(xì)節(jié)。選中圖形，先執(zhí)行：對象→擴(kuò)展外觀擴(kuò)展外觀后，圖形是編組狀態(tài)，取消編組或者用小白箭頭單獨(dú)選擇，然后就可以單獨(dú)針對每個面進(jìn)行細(xì)節(jié)調(diào)整。這里我調(diào)了每個面的漸變，讓立體感加強(qiáng)了一些。以后各種周年慶、倒計(jì)時類設(shè)計(jì)，是不是就不怕沒有思路了？ ① 先利用網(wǎng)格漸變繪制一個圓形，并填充顏色③ 主體元素設(shè)計(jì)完畢后，進(jìn)行文字排版海報(bào)中文字黑白相間的部分，對于新手來講有一點(diǎn)難度，這里講一下。① 繪制一個圓→② 把需要呈現(xiàn)白色部分的文字原地復(fù)制一層，并填充白色→③ 然后選中繪制的圓和復(fù)制的文字層，最后執(zhí)行剪切蒙版（快捷鍵：Ctrl+7)① 打出所需要的數(shù)字，一大（紅）一?。S），把大數(shù)字置于頂層，大概位置如圖所示。② 執(zhí)行：對象→混合→建立（或直接快捷鍵：Ctrl+Alt+B） 混合建立后，可以根據(jù)實(shí)際情況調(diào)整數(shù)字的位置及步數(shù)。
步數(shù)快捷鍵：先按W鍵，再按Enter鍵（確定鍵），即可調(diào)出步數(shù)面板。調(diào)整完成后如下圖： ③ 調(diào)整上面的73顏色，讓其更加明顯。
單獨(dú)復(fù)制一層大數(shù)字73，放于圖形頂部，即可單獨(dú)調(diào)整73的顏色。當(dāng)混合步數(shù)少的時候，數(shù)字之間的混合疊層感比較明顯，如上圖。 當(dāng)混合步數(shù)增加，畫面就會變得密集光滑，如下圖。 方法還是運(yùn)用了混合，增加步數(shù)后，畫面由疊加感變成了光滑。 具體如何去使用呢，大家依據(jù)自己的審美，以及項(xiàng)目本身的訴求來思考。
OK，應(yīng)用非常廣泛，大家多多嘗試延伸。
分割的方式有很多，這里我們重點(diǎn)演示一下Ai中路徑查找器的部分形式。如下圖所演示，有趣好用，大家自己去玩一玩，熟練一下：頭像進(jìn)行分割之后，添加色塊，就會造成體積感。
進(jìn)行文字排版之后，如下圖所示： 技巧1：Ai實(shí)用小技巧之執(zhí)行上一步驟先繪制一條線，然后復(fù)制一條，之后我們按CTRL+D，就可以按照你上一步的屬性進(jìn)行復(fù)制。OK，學(xué)會了以上幾個小技巧，下面這個案例就簡單了。① 首先繪制出線，快速的方法上面已經(jīng)講過了。然后再把線條進(jìn)行調(diào)整，借鑒音樂類律動的感覺。③ 主圖元素已經(jīng)設(shè)計(jì)完畢，然后把文字進(jìn)行排版。或許你認(rèn)為到這里就已經(jīng)結(jié)束了，但其實(shí)還可以再進(jìn)行優(yōu)化，這里的背景是純黑色，看上去有些單調(diào)，我們可以進(jìn)行優(yōu)化。④ 在AI軟件中利用混合工具，繪制一個如下的線條背景。魚提示：繪制方法還是運(yùn)用混合建立，分別繪制中心小圓和最外邊的大圓，同時選中兩條圓，執(zhí)行混合建立即可。⑤ 把調(diào)整好的圓形素材，放進(jìn)ps中進(jìn)行調(diào)整然后放大圖形，最后執(zhí)行：效果→模糊→動感模糊⑥ 然后再根據(jù)文案內(nèi)容調(diào)整背景。我這里利用了蒙版，添加蒙版后直接用徑向黑白色漸變在蒙版上進(jìn)行拉伸，然后讓中間的線條消失。還可以添加疊加模式，關(guān)于疊加模式，大家可以自己每個都試試看，多嘗試總是沒有錯的。放置在線條圖層之上，然后調(diào)整疊加模式→亮光圖中的磨砂狀，我是給黑色背景添加了雜色，完成后，如下圖：技巧容易學(xué)會，比如上面的技巧，我講一遍，你試一下就能夠?qū)W會了。但是學(xué)會，是不是代表你能夠做好設(shè)計(jì)？因?yàn)樵O(shè)計(jì)除了需要軟件基礎(chǔ)，還需要實(shí)戰(zhàn)能力和思維能力，所以大家一定要注意，眼、手、腦的同步提升。
|
