這種效果用 Ps 做出來的嗎?怎麼做的?
別鬧,用AI做。
路徑混合可以達到你要的效果
示例:
這個你會畫吧?(還是好多童鞋不會,最後有補充這個餅圖的畫法)
畫一個S形路徑,然後首尾各一個
然後選中兩個圓形 上面菜單。對象——混合——建立。調整一下混合選項 我這裡選擇的是指定距離0.1mm,看起來很連貫了,這就ok.
然後我們選擇這個混合和剛剛的S路徑,對象——混合——替換混合軸
噹噹當,搞定一個!
方形的那個也是一樣的,兩端的圓形換成菱形的花格子。效果如下
然後是那個O字,因為閉合曲線做出來的會有點奇怪,所以要分開一半一半的做,然後自己拼接一下吧。
還是蠻好玩的。
——————————————————————————————————————
補充下餅圖的畫法(兩種方法)
方法1:畫一根直線,然後雙擊旋轉工具調出旋轉的面板,輸入你想要的角度,這裡20就是要把圓形18等分,然後單擊複製按鈕。
然後按7次 Ctrl+D 即重複之前的操作.得到這個,全選,然後群組。
畫一個圓,然後水平垂直居中對齊,
使用路徑查找器的分割命令即可分割成18等分,解散群組之後分別填色就好。
方法2:使用餅圖工具
在彈出的表格裡面按照需求填寫數值相等的幾列正數,要分幾塊就填幾個好了,為了偷懶我填10個,填完右上角打鉤確認
這就有了。將其解散群組,分別填色就好了。
注意最後別忘了去掉描邊.
然後是評論區里問的,像T這樣的字母能不能畫?答案是可以,不過你要把他畫成一筆連起來的路徑,如下:
或者你也可以用分開的筆畫來拼
以上。
我來提供一個類似效果的實現方法
可移步觀看:
- 第一期:用 Illustrator 畫個圈
- 第二期:用 Illustrator 畫個「 9 」
前些天刷 Behance 的時候,看到了這樣一組作品, 26 個英文字母 10 個數字,一共 36 個字元,除了少數幾個完全扁平的,基本都有著很強的空間感:
完整版: Behance
關於怎樣在 Illustrator 中做出類似效果,你可能已有了一些經驗,比如你曾看過現在正在瀏覽的這個問題
但是當我們將兩者進行比較:
你會發現問題中的字母,它的條紋與筆畫間是平行的,而數字 8 的條紋與筆畫間則是相垂直的
下面我們嘗著試用「問題」中 @劉遠航 的回答所提供的方法,來嘗試做做數字 《 1 》:
*數字 《 1 》
我們先畫好兩個餅圖:
然後以一個很小的指定距離進行混合:
我們得到了一根柱子,但很顯然,這不是我們需要的柱子
下面我們把混合的距離調大一些,看看在混合的過程中,發生了什麼:
現在,我們可以看清楚,所謂混合工具,它所做的工作,是在兩個需要混合的對象間,產生無數個中間值。而這個中間值的步數,則是由你所指定的距離(還有其他的方法,這裡不做贅述)所決定的
當你指定了一個非常小的距離,中間值的個數就會變的非常多,從而我們就會看到一個視覺上的柱形結構,類似於一摞餃子皮:
又因為每一個中間值,與它前後的兩個值又都是相似的,所以我們看到了連續的、與筆畫平行的條紋。還因為每一個餅圖都是沒有厚度的,所以我們無法通過指定一個更大的混合距離,來實現橫向的、與筆畫垂直的條紋,因為一個更大的混合距離,會使我們視覺上的柱形結構不復存在
那麼我們就不能通過混合工具,來做一根有著橫向的、與筆畫垂直條紋的柱子了嗎?其實還是有方法的,只要我們把餅圖加「厚」 ,變成個圓柱的形狀:
這裡很多人可能會通過畫兩個橢圓、一個矩形,然後通過路徑查找器把它們拼在一起。
不過我的建議是,畫一個橢圓然後通過描邊來搞定,在描邊的畫筆定義選項,選擇「5點扁平」,通過改變描邊粗細,可以決定圓柱的高度,相比路徑查找器簡單快速許多
最重要的,可以通過將填充設置為 「空」使圓柱變成圓環:
在深色圓環上方再放置一個淺色圓環,將兩圓環編組,然後再複製一份:
由於我在剛才選擇的是「5點扁平」,描邊粗細設置為 2 ,所以單獨一個圓環的高度為 5*2 =10px,兩個圓環(深色與淺色)相加高度便是 20px,因此我們在混合的時候,將間距設置為 20px 便可保證混合是連續的:
*如果混合出來的圓柱,看上去類似於抽油煙機的出風管,則須返回上一步,調整深色與淺色圓環之間層級關係
接下來我們該做那顆小球了,因為混合選項的項與項之間,變化的趨勢是直線的,而不是曲線的:
這張圖一時看不太懂也沒關係,總之這說明,我們的混合選項工具,對圓球是無能為力了(也順帶說明,用混合選項工具處理有弧度的、橫條紋的柱狀結構是不那麼合適的了)
總算,我們說到了,這篇的主角: Illustrator 自帶的 3D 效果
可能是 Illustrator 自帶的 3D 效果實在是比較殘,導致很多即便經常使用 AI 的設計師,都很少會去打開它
以至於你很難在網上找到一篇,如何在 AI 中製作出類似我給出題圖中的效果的教程
然而對於題圖、對於這顆小球,其實 Illustrator 自帶的 3D 效果是完全可以勝任的,無須再去打開其他的軟體
先說小球。畫一個圓:
用直接選擇工具(白箭頭)選中右側錨點,刪除錨點,得到一根半圓形路徑:
用多個深色、淺色高度一致的矩形相間拼成一個長條,編組,矩形個數等於小球最終的條紋數:
將其拖入符號面板(打開符號面板,按住往裡面拖就可以):
選中半圓路徑。效果 -&> Illustrator 效果 -&> 3D -&> 繞轉 :
點上「預覽」,「表面」選擇「無底紋」:
點擊「貼圖」,「符號」選擇剛剛拖入的長條:
點擊「縮放以適合」:
拖動立方體可調整角度:
組合起來:
如果你需要調整整體的大小,你需要選中它們。對象 -&> 擴展外觀:
然後。對象 -&> 擴展:
接下來你就可以自由縮放,再做一下裝飾與排版便可出圖:
*柱子(或者說管子)也是可以用 Illustrator 自帶的 3D 效果來做的,可以嘗試一下
終於,我們可以說說題圖了,觀察一下,首先它是一個環,有著和筆畫相垂直的條紋,條紋間是鏤空的,同時它還有著一點兒透視(近大遠小):
我曾嘗試著用「混合選項」、「扭曲變換」來做,但都失敗了,最後用的也是 Illustrator 自帶的 3D 效果,來實現這個環的製作
我們先來製作貼圖。與之前類似,用多個深色、淺色款度一致的矩形相間拼成一個長條,編組,矩形個數等於小球最終的條紋數,拖入符號
主要的不同有兩點:1. 之前的長條是豎直的,現在的是水平的。2. 由於環上的條紋比球上的數量要多不少,所以相應的長條也長了不少:
然後來製作圓環主體,畫一個圓,選中
效果 -&> Illustrator 效果 -&> 3D -&> 繞轉
點上「預覽」,「表面」選擇「無底紋」
「位移」調整一個合適的參數:
可以調整「表面」為「線框」,這樣可以更直觀的確認參數是否合適,但在貼圖階段請調整回「無底文」:
貼圖。點擊「貼圖」,「符號」選擇剛剛拖入的長條,點擊「縮放以適合」:
拖動立方體調整角度,並調「整透」視:
*這裡可以看到貼圖出現了錯誤,我不確定是我電腦的原因,還是都會這樣,如果你也出現了類似情況,不用擔心,我們可以在之後解決
對象 -&> 擴展外觀:
對象 -&> 擴展:
接下來我們來解決貼圖錯誤,首先,你需要把擴展之後的圖形解開編組,然後選擇出錯的區域,將其移入底層:
現在看上去差不多了,但是我們回頭看看題圖,題圖是鏤空的,在這裡如果我們直接刪除可以看見的圖形,的淺色部分刪除將會是這個效果:
為什麼會這樣,因為,環本來是 3D 的,在擴展之後,除了我們可以看見的部分,還有一層被遮蔽的部分
所以我們應該先將可以看見部分移開。依次選中,移開:
對我們而言,有用的,是移開的部分,即右側的圖形:
接下來刪除右側圖形每個切片中的淺色部分,首先找到「路徑查找器」
窗口 -&> 路徑查找器:
框選整個圖形,點擊「路徑查找器」的「分割」:
選中了其中一條淺色部分後,選擇 -&> 相同 -&> 填充顏色:
刪除(為了顯示鏤空效果,我將背景暫時設置為了藍色):
做一下裝飾與排版出圖:
正文到這裡就結束了,在接下來的幾個星期,我將以,每個星期一篇的速度,在 Behance 上這套作品中,挑幾個比較有特點的字元,寫一個關於 Illustrator 的系列使用教程。
還有幾句話想說給一些初學設計的朋友:不要讓工具制約你的想像力,工具的學習是為了創造你所想創造的。不要去死記為了實現 A 效果,我要先點擊這兒,在點擊那,接著再將參數調整到某個值,這樣是不對的。應該多去嘗試,去理解工具的原理,靈活的組合與搭配,這才是真正的駕馭了工具。
專欄已開通:生成器 - 知乎專欄 歡迎關注!
受到 @劉遠航的AI啟發,我試了一下,發現CDR也可以做出來。
首先畫一個這個。
然後複製一個
然後點這個調和工具。
用這個直接把兩個連在一起
變成這樣。
然後畫個線在旁邊。
雙擊這貨。
右鍵那中間路徑線條,選新路徑。
然後他就這樣了。
如果沒成這樣就,就把你自己做的那個片放線的的兩頭。就成這樣了,然後吧中間的路徑設置成線條無色。
也可以隨意給這貨一頭附顏色。他自己跟著變
如果你發現做出來是這樣的效果,那麼就勇敢的把步長或者間距調節一下。
大概這樣吧~
反正很多玩法~不過我覺得好像還是AI做起來比較屌的樣子。
更新一下那個花花圓的畫法,其實很簡單。
首先隨手畫個圓
然後在選中它,在上面選項面板點那個餅。
這個選項里輸入一個隨便的小角度,必須是能被360度整除的一個度數。(當然也可以任性的不用倍數)
然後把這個餅進入旋轉選擇狀態(沒選中的情況下雙擊它,已選中的情況下,再點擊一下),把旋轉的中心點移動到圓心(它會自動捕捉)
然後拖動藍色箭頭處的頂點到紅色頂點處,複製一個。(複製方法為,拖到那裡有先按一下右鍵,再鬆開左鍵)(頂點的吸附,軟體會有提示)
然後按幾下ctrl+D自動再次複製重新成個圓。
剩下的隨便填點色就可以了。
看了排名第一的答案前來交作業啦~
效果確實不錯。。學習了。
我可以純ps做出五顏六色的弧度相同的弧形,而且能拼合成五顏六色的圓哦,需要教程的話贊我,超過五個我搞個教程給你們看,順便交作業
難過,不看排名第一的答案,我還真不會
效果太炫了,我來交作業!!!
ps畫截面沒有AI或者CRD那麼智能,不過剛嘗試了一個非常簡單的方法
1.形狀工具畫直線
2.選中形狀圖層,然後ctrl+t,調角度,我這裡選的是20,然後確定
3.接著,快捷鍵shift+ctrl+alt+t,以這個趨勢進行複製變換
4.新建一個圖層,畫圓,並使圓和直線兩個圖層中心店對齊
5.選中2個圖層,右鍵柵格化圖層
6.再次選中2個圖層,CTRL+E合併圖層
7.最後,選用魔棒工具點擊任意一塊小扇形,都會是一個獨立的選區,填充顏色就行。、
把填充好的圓自定義為畫筆預設
把截面的中心點移到起始點
路徑選擇工具。用塗抹填充路徑
我來好了 發現學的ps還有點兒作用
習慣匿名答題的銀
1新建圖層將圖案(就是那個黑白交替的圖形)拖到圖層上去目的:為了定義畫筆
2定義畫筆將畫筆圖案定義成你開始時候的圖案目的:為了進行塗抹
3用鋼筆工具畫出路線這一步要快解析度設的低一點兒不然有很多錨點調整好最後軌跡(要平滑啊啊啊啊啊)
4用塗抹工具進行塗抹當然了要先把畫筆工具定義成你一開始預設的圖形(答主cs56比較熟)數據要設成百分之百(這是關鍵重中之重不然用塗抹會很少不會完成整個塗抹)
5塗抹完成後將最開始的圖形放到鋼筆軌跡塗抹後的最開始就行了
只學了ps看有位說了另一個軟體這麼簡單233期待接下來能夠掌握更簡單的方法
來交作業
照著大神的教程做出來的 甜食愛好者就是我
占坑先……回家拿CAD試試
交作業~感覺o要做的好可能還是後期得用ps處理下www,閉合路徑不太好做wwwww新技術get
看了最高票大神的教程我也不要臉的來交個作業【條紋有點太密了但懶得改了…
我也是來交作業 的!
用3D比較容易吧
天啊,你們是怎麼用ps畫那個餅圖的!!!求具體過程圖啊!!
交作業,有一點不明白為什麼有的區域過渡得不太好
用Clipstudiopaint,把那個餅形圖記錄為筆尖,要黑白的。
筆尖里找到這一項,選中餅圖
間距0.1
然後隨便畫,還支持筆壓哦。
推薦閱讀:
※為什麼中國的橫幅大多為紅底黃字?
※工業設計大學生,有沒有與手繪工作相關的大學生兼職?
※我國那些毫無美感、缺乏設計感的廣告傳單都出自哪類人之手?
※如何評價「一加手機」的設計?
TAG:AdobePhotoshop | 設計 | 平面設計 | AdobeIllustrator |