這種圖用PS或Ai怎麼製作？

咬牙切齒的恨你們這幫光收藏不點贊噠！

——————————————————————————————

沒人邀，好課要搶著講。

多圖！

先上結果：

知識點：

• 還是之前講過的混合工具W，配合指定步數、擴展以及分別處理。
• 通過空間縱深的二維化表達，可以使畫面具有科技感；
• 深色背景上的畫面表達需要對色彩、光感有一定的掌握程度。

開擼。

軟體：Adobe Illustrator CC (64 Bit)。

飲料：伏特加。

歌單：爵士藍調·女伶① 網易雲音樂

首先得作字，具體不表，你隨便打幾個粗圓字體的英文也行，這裡我隨便弄一下：

使用混合工具之前，為了更直觀的感受，我們先把文字變成只有描邊沒有填充的樣子：

ctrl+c複製一份，然後按ctrl+f原位置粘貼，並用選擇工具將其放大：

調整一下位置，達到視角舒適的效果，跟著感覺走：

使用混合工具，依次點擊兩個對象：

執行菜單-對象-混合-混合選項：

題圖層次不多，但各層之間距離不統一，所以還是需要多做幾層，主要還是跟著感覺走：

然後執行：菜單-對象-混合-擴展：

然後右鍵-取消編組：

有選擇的刪掉一些對象，留下你想留下的，動腦思考，不要成為作圖機器：

這裡肯能會有些看不懂，到底刪了什麼？留下的這些有什麼特別嗎？

接下來我給每一個需要作為單獨層面留下來的對象隨機修改顏色，就看懂了：

首先我們處理最上面一層，為了避免作圖的時候眼花繚亂，我們選擇下面的三層之後，按Ctrl+3進行隱藏，需要取消隱藏的時候去圖層面板里尋找被隱藏的對象，點亮眼睛即可：

題圖中的空間感現在已經具備雛形，但是科技感從何而來？答案是點和線條，那麼為何點+線條的組合會讓人感覺到科技感呢？答：因為點和線會讓人聯想到電路板：

而集成電路板這種東西打眼一看就知道是科技的產物，所以從中提取的點與線的結構形式會給你科技的感覺，那麼第一層圖形，我們以點和線的形式展現；

用剪刀工具，剪斷各個錨點，使圖形變為線段：

這裡可能還看不出個所以然，我們到描邊面板給線段添加圓形箭頭就看明白了：

（注意紅圈裡的重點↗）

這層紅色使用了兩個文字，所以另一個文字也依法炮製：

（空間感的要點就是近大遠小，所以紅圈裡把圓形箭頭縮放到百分之八十了↗）

根據自己的美感，去刪除或保留一些線段：

同樣的，繪製一些線條，將兩個文字之間做一些鏈接：

（Tips：當你繪製線條的時候，鋼筆工具遇見裸露的錨點的時候會自動連接到該錨點上，如何避免？可全選當前對象，按Ctrl+2鎖定對象，這樣在繪製的過程中就可以獨立作為線段繪製，而不會被連接到點上）

第一層對象基本完成，稍作一些藝術處理，科技感嘛，你懂的，什麼圓形三角形的線條可以適當加一些：

都是一些小圖形，主要是你腦袋裡那些新奇好玩的想法的具象展現，沒啥好講的，跟著感覺走就行。

去圖層面板中點鎖頭取消文字對象的鎖定，然後跟後來畫的這些線段一起編組：

最上層結束，隱藏該圖層，然後處理第二層，不啰嗦，直接看效果：

很簡單吧？因為上面那一層已經複雜了，幾乎看不出文字了，這裡就需要一個具象一些的文字層來強調文字本身，當然最終作為強調作用的是最下面那一層，所以這裡差不多就行；

來結合上一層，看一眼效果，哪裡不對及時調整：

這裡對一些線條的粗細進行調整，打造層次感：

好，上面沒問題了，接下來，下一層：

看整體，隨時微調：

最後一層：

最後一層打算按照圖二做實體的文字，先複製一份放在畫板外備用，然後再次使用混合工具：

雙擊混合後的對象，分別調整前後的顏色：

把複製出去的對象拿回來，上面蓋一層淺色的，下面鋪一層深色粗描邊的：

不夠粗，再粗點兒：

添加光影的方法是，繪製正圓形，從中心到四周用「比對象淺的實色」→「透明」的漸變，然後隨意變形，併疊加在下面的對象上：

然後可以隨著對象進行變形：

然後隨意感受下（因為覺得不夠亮，所以把剛才的色值20.0.20.0調整為5.0.5.0了）：

添加陰影效果則相反，使用「跟發光對象相同的顏色」→「透明」的漸變，然後正片疊底到對象上：

好，調出全部的隱藏圖層，看一下效果：

全選，用菜單欄下面的「重新著色圖稿」工具來調整顏色（因為一開始我是隨機弄的顏色哦）：

這裡就不細講了，根據黑色的背景來設計顏色搭配就好了，沒有這方面的經驗的話，《色彩構成》還是要看一看的：

然後就是背景了，加個藍黑漸變：

結果如圖：

時間關係，沒有做到題圖那麼多層次，畢竟我還要工作的，你倒是可以嘗試著做出更好的效果。

————————————————————————————

更新，我忽略了一個細節：

底下的文字是圓角的，而外面的線條文字是銳角的！

混合工具可以直接把圓角到銳角的變化漸變出來，就不重新寫答案了，大家自己探索吧，新世界的大門為你打開唷。

———————————————————————————

以上，我寫這個答案寫的肩膀痛，哪位女同學幫我錘錘背？

推送到TL上的是喬克老師的答案，覺得挺好看的就跟著做了一個，做完以後點進來一看，倒吸一口氮氣，題主提供的圖空間感很強烈，整體好漂亮丫。
對比之下我覺得自己的圖看起來太卡通了，不過花多點時間做多幾遍，應該可以做出題圖那樣的效果。謝謝@喬克老師提供的乾貨，老哥穩！Get到了新技能，小拳拳捶背之。

參考各位回答，倒是給了我啟發。

於是有了下圖。

PS做的全矢量形狀圖層。

跟著高贊回答做了一個，有些自己加的細節感覺沒有處理好，做了兩個鍾=。=

最後一層我沒有做成高光那種，感覺太圓滑了。所以就直接用混合模式弄了一個立體的。

那個白色正方形下面的正方形透明度沒拉好，就變得深了一點。

我覺得最重要的還是高票答主講的，要有自己的東西加進去才能進步。

然而我也有好多地方都模仿了答主，覺得答主的想像力真的不錯。