如何用 Ps 或 Ai 做出這種效果?

大概示範一下思路就好


我給一個更接近一些的辦法,讓文字能夠根據圖片褶皺變形,軟體是Ps(Ai有輔助作用,也可不用):

  • 先找一個素材圖片,我用的是這個(下圖為原圖,再之後的圖片均為截圖),優點是不需要摳圖,因為背景基本就是黑色的:

  • 用Ps打開它,Ctrl+Shift+U,去掉顏色:

  • 用畫筆工具把背景中一些發白的部分都塗成黑色:

  • 將該圖層複製到一個新的文檔中,起名為「置換」:

  • 在「置換」文檔中先對圖層應用蒙塵與劃痕:

  • 大概達到下述效果:

  • 再在「置換」文檔中對圖層應用高斯模糊:

  • 大概達到下述效果:

  • 然後把「置換」文檔保存在桌面上,格式為.psd,以備後用。
  • 到這個網站:Word Cloud Generator,製作文字雲,參數自己調整即可。推薦這個網站的原因是文字雲可以保存為矢量svg格式:

  • 上圖中文字雲的原文文字如下,找了一些咕嚕在《魔戒》中說的話:

    "MASTER BETRAYED US. WICKED, TRICKSEY, FALSE. WE OUGHT TO WRING HIS FILTHY LITTLE NECK. KILL HIM. KILL HIM. KILL THEM BOTH, AND THEN WE TAKE THE PRECIOUS AND WE BE THE MASTER."
    "THEY』RE THIEVES. THEY』RE THIEVES, THEY』RE FILTHY LITTLE THIEVES. WHERE IS IT? WHERE IS IT? THEY STOLE IT FROM US. MY PRECIOUS. CURSE THEM, WE HATES THEM! IT』S OURS IT IS, AND WE WANTS IT. "
    "WE SWEARS TO SERVE THE MASTER OF THE PRECIOUS, WE WILL SWEAR ON...ON THE PRECIOUS!"
    "SWAMP. YES, YES. COME MASTER, WE WILL TAKE YOU ON SAFE PATHS THROUGH THE MIST. COME HOBBITS COME. REAL QUICKLY. I FOUND IT, I DID. THE WAY THROUGH THE MARSHES. ORCS DON』T USE IT, ORCS DON』T KNOW IT. THEY GO ROUND FOR MILES AND MILES, COME QUICKLY, SWIFT AND QUICK AS SHADOWS WE MUST BE."
    "NO! NO, NO MASTER, THEY CATCH YOU, THEY CATCH YOU! DON』T TAKE IT TO HIM. HE WANTS THE PRECIOUS. ALWAYS HE』S LOOKING FOR IT, AND THE PRECIOUS IS WANTING TO GO BACK TO HIM. BUT WE MUSTN』T LET HIM HAVE IT"
    "LEAVE NOW AND NEVER COME BACK!"
    "WHAT』S IT DOING? STUPID, FAT HOBBIT! IT RUINS IT!"
    "WHAT』S TATERS, PRECIOUS? WHAT』S TATERS, EH?"
    "OH YES WE COULD! SPOILING NICE FISH. (LICKS HIS LIPS) GIVE IT TO US RAW AND WRIGGLING. YOU KEEP NASTY CHIPS."
    GOLLUM"S FISH SONG
    ROCK AND POOL IS NICE AND COOL
    SO JUICY SWEET...
    OUR ONLY WISH TO CATCH A FISH
    SO JUICY SWEET...
    "SHIRE! BAGGINS!"
    "WHAT HAS ROOTS AS NOBODY SEES,
    IS TALLER THAN TREES
    UP, UP, IT GOES
    AND YET NEVER GROWS?"
    "WE HATES THE NASTY HOBBITSES! NASTY, NASTY, NASTY HOBBITSES!"
    PREESSSOUISSSS MY PRESSSSOUISSSS!!
    IT CANNOT BE SEEN, CANNOT BE FELT,
    CANNOT BE HEARD, CANNOT BE SMELT,
    IT LIES BEHIND STARS AND UNDER HILLS,
    AND EMPTY HOLES IT FILLS,
    IT COMES FIRST AND FOLLOWS AFTER,
    ENDS LIFE, KILLS LAUGHTER.
    YO, BEAUTIFUL. COME POP THIS COLLAR OFF ME.
    NOT FAIR! NOT FAIR!
    IT ISN"T FAIR, MY PRECIOUS, IS IT, TO ASK US WHAT IT"S GOT IN IT"S NASSTY LITTLE POCKETSESS?
    WE WANTS IT, WE NEEDS IT. MUST HAVE THE PRECIOUS. THEY STOLE IT FROM US. SNEAKY LITTLE HOBBITSES. WICKED, TRICKSY, FALSE!
    HOBBITS ALWAYS SO POLITE, YES! O NICE HOBBITS! SMEAGOL BRINGS THEM UP SECRET WAYS THAT NOBODY ELSE COULD FIND. TIRED HE IS, THIRSTY HE IS, YES THIRSTY; AND HE GUIDES THEM AND HE SEARCHES FOR PATHS, AND THEY SAW SNEAK, SNEAK. VERY NICE FRIENDS, O YES MY PRECIOUS, VERY NICE.
    CURSE US AND CRUSH US, MY PRECIOUS IS LOST!
    WRAITHS! WRAITHS ON WINGS!
    SMEAGOL ALWAYS HELPS, IF THEY ASKS - IF THEY ASKS NICELY.
    SMEAGOL WILL SWEAR ON THE PRECIOUS.

  • 將文字雲生成.svg圖片後,用Ai打開,由於上述生成的文字雲詞比較少,可以多複製增加一些詞,並最終用Ai實現一張黑色圖片上文字被鏤空的效果(保存為.png,以保留透明度信息,下圖只做示意,白色部分均為透明):

  • 既可以將上圖保存為透明背景的.png文件添加到原Ps文檔中,也可以直接保存為矢量圖用Ps打開,當然直接複製粘貼也可以(粘貼為智能對象的好處是修改原圖的同時智能對象也會相應修改):

  • 適當調整文字雲圖層的大小和位置:

  • 接下來在文字雲圖層被選中的前提下,應用「置換」濾鏡進行扭曲:

  • 參數大概設置如下,如感覺效果不好可自行修改:

  • 確定後,選擇之前保存到桌面上的「置換.psd」,然後就得到下圖效果:

  • 觀察到整體圖片偏亮,選中下方的咕嚕圖層,通過調整色階可以達到一個較為合適的效果:

  • 最終效果:

  • 後來又做了一個,個人感覺這個更好一些,主要原因是高光加強,而且文字雲的排布比較合適(原圖):

  • 值得一提的是,原題中文字和面部配合的非常好,是因為原圖中文字是根據咕嚕的頭部手動按區域排的(比如在嘴唇上寫一句話,臉頰處和鼻下方均分塊、分方向填字)。我這裡偷懶,用的文字雲自動生成工具自動排的。如果要達到原題中的效果,需要耗費一定的時間。如果有更好的辦法,望不吝賜教。這裡可以將我的答案和 @俞堯豐的答案結合著來。
  • 本答案中所使用的文字雲透明背景.svg圖片可以從這裡下載:download.svg_免費高速下載。


正確答案都沒人看?我也來說一種思路,大概用到了ai里的網格和封套扭曲

效果做的比較粗,其實可以劃分五官單獨來做。效果更可控一些

下面是網格 文字 合影

選擇封套扭曲里的用頂層對象,組合後這個樣子

畫個橢圓,用網格工具添加網格,盡量分解出五官的空間位置,其實主要是眼睛鼻樑,嘴周圍。等等

直接拉進ps做明暗

整幾個通道,建個明度圖層摸一摸,哦,不,抹一抹。

以上,領會精神,領會精神啊


AI不會…

PS教程!手把手教你繪製酷炫的文字人像效果

↑跟著這個教程試了一下

1.找圖。

2.因為找到的圖太小,改一下解析度。(可要可不要)

原來72,改成400。

3.把人物背景改成黑色。

在「咕嚕」圖層下方加個黑色圖層,給「咕嚕」套上蒙版,刷掉背景。

效果如下:

4.變黑白。

加上黑白調整圖層,參數隨意。

效果如下:

5.調節。(可要可不要)

增加亮度/對比對調整圖層,讓對比更明顯。

效果如下:

6.模糊。

新建圖層,Ctl+Alt+Shift+E蓋印圖層。

對「蓋印」圖層,選擇 濾鏡→模糊→高斯模糊,參數如圖或隨意,大概能看出輪廓就可以。

7.保存置換文件。

保存為PSD格式,備用。

保存後恢復到高斯模糊前的效果。

8.加文字。

複製一段話,黏貼,調整字體、大小、行距。

(為了看出有在答題,又加了幾個圖層,「白色」圖層是為了看清楚字。)

記得把段落選項里的連字取消掉。

(具體原因看開始的鏈接里。)

效果如下:

9.置換。

把文字合併在一個圖層,選擇 濾鏡→扭曲→置換,參數不變,文件選擇剛才保存的PSD。

如果覺得效果不好可以重新修改參數或重複幾次。

10.合併拷貝。

Ctrl + 單擊文字圖層選中文字選區,然後單擊圖層的小眼睛取消圖層可見,選擇 編輯→合併拷貝(Ctrl + Shift + C)。

或者Ctrl + 單擊文字圖層選擇文字選區,然後單擊「蓋印」圖層,選擇 編輯→拷貝(Ctrl + C)。

這一步暫時看不到效果。

11.最後。

新建文件,大小能覆蓋你的圖像就好。粘貼過去,填充黑色。

再稍微修改一下。

最終效果:

好像不太成功……


我不知道只用ai能否做出來,我要結合PS才可以。

1.找一張圖片素材,調好明暗層次(可以通過色階或者對比度.............)

2,用AI或者CDR排好文字導入PS.(我這裡隨意找的文字,沒有精細去排了)

3.選擇人像圖片通道,載入選區..............

4.選擇字母素材,通過通道選區刪除字母。

5.方法大致如此,你那張圖片的字母經過封套排版,所以效果好些。


我這裡回答的是PS里如何根據面部起伏排版。

這一步相對麻煩一點。

先上效果!看著好詭異。。。。。

原圖:

先扣一部分出來,這步直接快速選擇即可。

然後用鋼筆沿著肌肉走勢描路徑

畫完保存路徑,路徑面板中右上角有保存路徑選項

找個網站複製一堆英文下來備用。

往上複製,自己看著控制大小,這步有點麻煩~

這一步的話T字工具在你要打字的那條路徑開頭點一下即可.

有點亂額。。。因為有點急,沒有細細弄,這步要做好的確麻煩。

最後創建剪切蒙板即可~

大功告成~

感覺 @Secant 的答案更好一些,但如果我的方法和他的結合那會更加完美。


用平面軟體來做只能依靠你個人強大的造型能力和空間思維能力來組合排列零散部件以最終形成立體感極強的成品。你看它全部的字體走向都是跟著肌理走向,字體幾乎成為了原稿的肌理了,這就是成品體積感極強的原因啊。

用3D來做就簡單啦,現成的模型直接貼圖。不過如果是以創作平面為目標,我個人不推薦這個做法,蠻無趣的。除非能在風格上搞點不一樣的東西。

但是從題中示例圖所看還是傾向於用平面軟體根據素材圖進行手動排的,它沒有三維化地那麼徹底,在額頭等處仍可見手動組合留下的風格。

我個人不太贊成做這個的時候用軟體自帶程序來完成主要工作,也就是自動化處理原圖和文字的疊加關係來完成作品,不是這樣的,這樣出來的效果是平的,完全沒有原圖的體積感。

軟體自動化的結果是圖像成為文字的背景圖案。但這幅作品真正的目的,是以文字為筆觸,以對人體面部結構走向的深刻理解為基礎,塑造出原圖的造型。

走不了捷徑,還是要靠自己的造型功底來布排。程序可以是輔助手段,但要達到體積感,你本人的造型能力必須是主要力量。

總之原創者的造型能力就是棒棒棒啦。

最後還要渲染,精心處理下明暗關係,BINGO。

PS 此處只給出個人思路,見仁見智,謝謝。

籃框所示為手動編排時重點造型部位,都是形體轉折區,處理得好,作品就能成功。


看著張圖的細節,這張圖就不是用ai 或者PS做出來的,應該是用3dmax建模然後材質貼圖上去的。


沒錯,現代3DCG模型貼圖技術就是源於題主問題的這種思路。


終於有我能答的了!!剛好之前學過一點類似的

我的是用筆刷的方法,這個有點麻煩就是要先自己做幾個合適的筆刷。

製作筆刷部分:

1、新建一個文件命名為筆刷1,大小自己決定。

2、在背景上打出一些英文,隨便什麼都可以,像這樣

3、複製筆刷一圖層生成筆刷二圖層,然後選擇筆刷一圖層右鍵轉為智能對象

4、選擇最上面的圖層,然後按Ctrl+shift+Alt+E,蓋印圖層

5、編輯中選擇 定義畫筆預設 輸入名稱,一個筆刷就做好了

製作圖片效果部分:

1、懶得上網找圖就直接用了 @Secant的圖,先用柔邊橡皮擦把除了人物的部分擦掉,再去色,此圖層命名為人物

2、新建圖層命名為筆刷一,用之前做的筆刷調試到合適大小「蓋上」,像下圖這樣,畫筆顏色黑或白都可以,不重要

3、按住ctrl鍵,點擊筆刷一圖層,就出現文字選區,然後隱藏筆刷一圖層

4、選擇人物圖層,按Ctrl+C複製,再按Ctrl+V粘貼,然後隱藏人物層看下效果

5、重複以上步驟,直到做出完整人物的臉

6、最後可以根據原圖可以自己用透明度等再調整效果,也可以再加幾個筆刷上去,加深臉和眼睛的輪廓。這是我最後做出來的樣子,好像不夠立體啊= = 就是單純的用字母形成了人形而已

跟題目的那張圖差距還是挺大的

原理大概是這樣,偷懶沒有認真做,效果圖將就看吧,應該能看得懂吧。。如果有問題或者更好的建議歡迎交流哈~


看到各種大神們都說了好方法了,手癢也來分享個自己收藏的做這個效果的動作預設吧,該動作包含了簡單三步走,實用易上手。按常規,先放兩張效果對比圖,如下:

動作神器的安裝,既可以雙擊直接安裝到PS,也可以直接複製粘貼到PS安裝目錄下的預設動作文件夾內,地址一般是C:Program FilesAdobeAdobe Photoshop CC 2014PresetsActions(盤符請根據安裝時的安裝位置選擇,CC 2014僅為我的版本號示例,請按實際情況選擇)

好了,言歸正傳,我們來看看這個人像雲動作預設該如何玩耍。

Step 1

打開PS,將案例圖片寡姐打開,然後按如圖所示,先把人像雲動作「Typography Effect」打開,接下來,我們先播放它的「Step 1」。

按播放鍵後,在彈出的對話框中點擊「停止」按鈕,選擇「文件&>存儲為」,保存為PSD文件。

Step 2

接下來,我們播放「Step 2」,如圖所示,按播放鍵後,在彈出的對話框中點擊「停止」按鈕,輸入一個命名為「Text Here」的文字圖層,並在需要置換成文字雲的區域內輸入準備好的文字。

Step 3

最後我們播放「Step 3」,如圖所示,在彈出的對話框中點擊「繼續」,接著點擊「轉換成智能對象」,在置換對話框中點擊「確定」,然後選擇載入Step 1保存的PSD文件,點擊打開,然後稍等片刻,人像文字雲就完成了。

↑ PS:置換濾鏡面板沒有預覽窗口,所以參數調整上無法實時預覽圖片效果,對默認效果不滿意時只能重新來做這一步。

↑ 這就是完成的人像文字雲效果了

↑ 只要在Step 1完成時,關閉掉黑白調整圖層,就能得到如上彩色圖了

好了,再多看一組效果對比圖↓

PS:此動作重要的步驟一是置換濾鏡的設置,當然了這個不能預覽操作會比較麻煩,所以小建議是在Step 1完成時,可以利用「色階」調整好圖片的明暗對比度,這一步對最後的效果很重要。另外,文字圖層中,文字的大小、疏密也很關鍵,多調多試,相信小夥伴們一定能做出棒棒噠人像文字雲哦。

喜歡這枚動作預設的小夥伴們,歡迎關注我的微信公眾號「精神時光屋中的練習生」(JasonGodard),然後在後台回復關鍵詞「人像文字雲」即可,么么噠。


只有一個答案是對的 coral draw裡面的蒙版工具。才可以比較方便正確快捷地做出題目的圖。和AI的不一樣。那些做法的單詞都不是貼合,或者特別麻煩。

稍後貼圖。


這個就是教程里專家見解里第一篇的圖片,作者將製作過程寫了出來,但今天一看貌似不那麼貼切。恰好PS的老師今天講了動物合成圖片,這張豹紋大象圖挺相似的,發上來參考下,製作也很簡單,豹紋底素材正片疊加到大象身上,然後用蒙板修整即可。

因為上課的地方電腦不能上網,所以只好手機拍照,不盡之處見諒。


按照 @Secant的方法完成的。


跟著 @Secant 的教程一步步完成,get到新技能,嗨森。


用了 @Secant 的咕嚕素材圖,來交個作業~

發現模糊一下更好


PS動作不好嗎


用matlab分分鐘


對於不會的學者來說的確是教程 但是教程遠沒有原圖製作時候的耐心, 原圖的處理高級多了。 主要也是時間問題 哈哈哈


不至於用到AI吧。PS用pattern就可以輕鬆實現。



推薦閱讀:

為什麼我用潘通色卡的顏色,然後我列印出來色差差距那麼大?
如何用ps把一張照片改成兩種顏色?
如何製作 Infographic 資訊圖表?
InDesign有哪些奇技淫巧?

TAG:AdobePhotoshop | 設計 | 平面設計 | AdobeIllustrator | 平面設計軟體 |