請問這張海報的線條效果是如何實現的?


【抖機靈狂魔難得一見的些許乾貨】

我的思路是三維建模之後再導出的,這種效果通過Grasshopper還是比較方便地能夠解決的。
不了解這種效果不通過建模能不能夠實現,等待大神解答

看原圖效果有點像線條組成的山體,於是從這個思路出發,去創建類似山體起伏的浮雕一樣的模型
建模的思路受到 @豬肉脯君 和我的同學 @陳美麗 啟發

【前方發車,多圖預警】

  1. 首先,我們需要隨便找一張圖片;

  2. 我們把這張圖片拖到Grasshopper的Image Sampler里,設置好圖片的X,Y域,通道選擇明度。這個作用是我們在這個設置好的X,Y域里取點,可以輸出這個點對應的明度值;

  3. 按等差數列取點,形成點陣,可以看出,這裡是可以通過改變等差數列的項數和公差來控制你的點陣間距和取點區域;

(形成的點陣,Y方向可以控制最後形成的曲線的密度,X方向的間距建議盡量寬一點,減少控制點使得曲線更加流暢平滑一點)

4. 通過移動各個點的位置來形成浮雕感,移動的距離是在步驟2里取到的明度乘一個正數,就相當于越白的地方越突出;用這些點作為控制點生成曲線,我這裡做了一個條控制曲線的階數,但好像效果不是很明顯……;

(移動形成的點陣)

5. 最後旋轉一下角度,在頂視圖裡make2D導出,OK!!!

(在某些旋轉角度,你可以看到王♂的迷の微笑)

【成果】
然後就是PS加點字拉個漸變,基本上有一定的效果了

不同的圖片、點陣間距、距離常數、旋轉角度都可以獲得不同的效果。很慚愧,只做了一點微小的工作
最後祝題注玩♂得開心,玩♂得愉快


高票的方法很高端的樣子,原圖是用AE做出來的(感謝@王薛慶的提醒),作者是Sandra Kleinwechter,英語水平不錯的話可以仔細看看製作過程,O-an-app-to-fall-in-love-with

通過3D軟體設置地形鋪線條的材質也可以做出來,然而用AI同樣可以做出來個大概,先上效果圖:

做得有點粗糙,不過大意是這樣了,用到的方法其實很多類似的圖都會用到——就是Ai中的混合工具和扭曲工具。

===================

簡要說下步驟,細節和原圖還是有一定差距,目前看來還是AE效果會更好一些。
如果有哪裡沒講明白的話再問。

1、拉一些平行直線

2、隨機地調整一下線條的粗細,透明度、上下的位置也可以調整,不需要太整齊。

這裡我將線條的粗細調整為了0.2、0.5、0.75、1四種,透明度是50%和100%兩種。

3、使用對象菜單下的混合功能,將多個線條建立混合。

4、在混合選項中調整下參數,不要太稀疏,如果太密可以整體拉高一點。

5、這裡主要使用的工具有兩個,平滑工具和變形工具。

6、使用變形工具對線條進行變形,注意按住alt鍵再按住滑鼠右鍵可以調整變形的大小。

7、先將變形範圍調大,然後對線條進行一次整體的變形,確定下來整體的形狀。

8、然後調小範圍,把曲線弄得盡量扭曲,為了防止變形得過於雜亂,可以在變形的時候按住shift鍵然後上下變形。

9、注意這裡不自然的凹下去的情況,是我們需要盡量避免的,需要之後用平滑工具清除。

10、用平滑工具反覆擦拭不流暢的線條錨點,直至線條平滑為止,這裡的工作比較繁複,可能會有更為簡單的方法,煩請路過的大神不吝賜教。

11、不斷調整直至滿意為止,這是我大致做的輪廓圖。

12、最後調下顏色,在這裡直接用了原圖的顏色,不同線條吸取不同的顏色,做出漸變的效果。

=================

更新一下

最近收集了許多類似的圖,大家做的時候可以參考這些圖的細節處理,方法不一定相同,一些是3D渲染出來的,一些是手畫的,為大家拓展一下思路

=================

拓展閱讀:

  • 螺旋輻射效果的實現
  • 液化3D效果與文字的合成
  • 液化效果的應用
  • 水果爆汁的合成

專欄已開通,歡迎各位圍觀:設計師晉級之路


Mathematica
三行
Img = ColorConvert[比利PIC, "GrayScale"]; {m, n} = ImageDimensions[Img];
list = Table[ ListInterpolation[1 - ImageData[Img][[i, ;;]]], {i, 1, n, 1}];
Graphics3D[{RGBColor[{1, 0.41, 0.38}], BSplineCurve[#] /@ Table[Table[{i, t, 40 list[[i]][t]}, {t, 1, m, 3}], {i, 1, n, 2}]}, Boxed -&> False, Background -&> Black]


上面的大神這個方法好酷 我提供一個隨機化一點的方案吧
AE的trapcode mir和trapcode form 這兩個插件
前者比較冷門 是通過一個面片配合各種隨機化參數變化出凹凸起伏的形狀 拿來做山一類的東西挺方便的
後者相信大家就更熟悉了 作為一個靜態粒子插件 通過比較簡單的發射器和擾動調校 就能實現這樣的效果
兩個插件都是支持ae的3d攝像機的 也就是說調出這樣的視角不會太麻煩(可惜ae沒有無透視攝像機)
拋磚引玉吧 期待有人能給出更好的回答!


粒子加擾亂場!


受 @Cc jiaowo 啟發,我來班門弄斧一下,Mathematica

data = MapIndexed[Flatten@{#2, 30*#1} ,
ImageData@
ColorConvert[
ImageResize[
Import@"http://i1.hdslb.com/video/b1/
b1cd8d6b599b63bb9c5b2273d19a056e.jpg", Scaled[0.4]],
"Grayscale"], {-1}];
Graphics3D[{RGBColor[1, 0.41, 0.38], BSplineCurve /@ data},
Background -&> Black, Boxed -&> False, ImageSize -&> Large]


雖然不明白是怎麼回事,但是在搜這張圖的時候發現了它的來源,貌似是用after effects
https://www.behance.net/gallery/38746981/O-an-app-to-fall-in-love-with


我這業餘的只看到了比利王


頂一個


推薦閱讀:

知乎登錄界面的 iPhone 裝在兜里的感覺是怎麼做出來的?
這種 人撕破紙而出的海報效果怎麼用PS做出來?
如何將低像素的圖片處理得具有設計感?
如何對這張照片進行祛斑美白?
請問這張圖的效果是怎麼做出來的?

TAG:AdobePhotoshop | 設計 | 廣告 | 平面設計 | 海報 |