AI 中如何實現以下效果?

換言之,AI 中如何繪製自由形狀的軟尺?


沒人邀,看了最高票答案感覺不是很理想。
手癢,自己做了一下。

解題思路:在繪製的線上連續排列軟尺刻度圖案。
題目要求在AI中繪製,固不考慮其他軟體。

解題方法:

通過題主提供的圖片分析,把軟尺拆分為3個部件
其中:軟尺的兩端分別為2個部件,中段刻度部分為1個部件。「圖1」下方3個未選擇的對象就是。
為了保證刻度的公平,不在拐彎時發生刻度放大或縮小「圖2」中的情況。實際繪製的形狀時我在刻度的對面加上了一塊與軟尺等高的透明形狀。如「圖1」上方選中的對象。
(圖1)

(圖2)

分別對3個對象建立圖案,默認快捷鍵Alt+O+E+M,可自定義圖案名稱。「圖3」
操作成功後,可在色板內收穫3個圖案。如「圖4」
(圖3)

(圖4)

畫筆頁面內新建圖案畫筆。「圖5」
圖案畫筆選項面板內分別把:刻度設置為邊線,兩端設置為起點終點。「圖6」
(圖5)

(圖6)

設置完之後,點擊確定。收穫一個全新的自定義畫筆
現在隨便畫一條線,點擊剛剛創建的畫筆既可。「圖7」
描邊大小可以控制軟尺大小
(圖7)

(完)

第一次做教程,真想給自己點個贊…我這是不是有病…

-------------------------我是補充解釋透明形狀用的分割線----------------------------

下班回來看見150個贊,這把我給高興的,開了瓶啤酒給自己慶祝一下。

看到評論有朋友問關於加透明形狀的原理是什麼,我就再補充一下。

這裡加透明形狀的主要原因是:在AI里,無法對非閉合路徑進行內側對齊描邊外側對齊描邊的操作,只能居中對齊描邊。如「圖8」。(AI版本為CS6)

在我們只能居中對齊描邊的時候,我們沒加透明形狀時繪製的軟尺可能會遇見放大或擠壓刻度的情況。如「圖9」左側。這張圖上,我做了一個比較誇張的弧線路徑。可以看到在彎的最猛的位置,刻度已經擠壓到一個點上了,這是次要原因。

為解決這個問題,我選擇了一個簡單粗暴的解法。這裡我引用一下評論區@王一南 的說法「約束對稱中心」。也就是說只要保證刻度在圖形的中間就行了,所以我在刻度對面加一塊與軟尺等高的透明形狀。剛好解決問題,如「圖9」右側。用的是同樣的一根弧線路徑。

同時通過「圖9」也可以發現,如果只畫直尺,不用透明形狀來約束,也是沒問題的。
(圖8)

(圖9)


多大點事兒啊,高票答案搞的太複雜了。只一句話,善於運用路徑文字工具。

1、做一個背景形狀
2、複製背景形狀,刪除多餘錨點
3、路徑文字工具輸入」||||||||||||||「,並調整高度百分比
4、複製黏貼
5、由於ai中文字無法對齊於基線,所以最後只需要再添加個蒙版圖層就OK了。
這種做法的好處是,可以隨時的、自由的調整線段的間距、粗細、長度等。


瀉藥.道先得畫出一把尺子.如圖.將其直接載入藝術畫筆.

然後就是用鋼筆畫條繞來繞去的直線了.

再用直接選擇工具安住邊上進行拐角的地方進行彎曲.
直接使用剛才定義好的畫筆就行了.

看起來有點彆扭,但大概意思就這麼樣哈,畫起來不容易,給點贊吧.


圖案畫筆


高票的方法不錯
今天想到另一種方法,試了下也能比較快速準確的畫出來,所以也來答一發.....
比較關鍵的步驟是利用描邊命令來計算:
1、用路徑查找器畫出標尺黃色部分;

2、取出刻度部分的曲線;

3、虛線命令里如下設置,分成了三部分,然後重疊;

4、用黃色外框剪切一下,去除多餘部分,完成。


如果我來畫的話,CAD裡面畫好,導入CorelDRAW填色,完。


Mathematica
1.直尺這麼畫,三行:

Graphics[{RGBColor[{1,0.8,0.2}],Rectangle[{-.01,-.2},{10.3,1}],Piecewise[{{{Gray,Thickness[.002],Line[{{#,0.4},{#,1}}],{Gray,Text[Style[IntegerPart@#,FontSize-&>Scaled[0.02],FontFamily-&>"Times"],{#+.05,.25}]}},Mod[#,1]==0},{{Gray,Line[{{#,.5},{#,1}}]},Mod[#,.5]==0},{{Gray,Line[{{#,.6},{#,1}}]},True}}]/@(Range[0,10,.1])},Background-&>Gray]

2.量角器類似:

Graphics[{RGBColor[{1,0.8,0.2}],Annulus[{0,0},{.73,1},{0,Pi}],GeometricTransformation[Piecewise[{{{Gray,Thickness[.002],Line[{{.83,0},{1,0}}],Rotate[{Gray,Text[Style[180-#,FontSize-&>Scaled[.02],FontFamily-&>"Times"],{.78,0},{0,0}]},-Pi/2]},Mod[#,10]==0},{{Gray,Line[{{.87,0},{1,0}}]},Mod[#,5]==0},{{Gray,Line[{{.9,0},{1,0}}]},True}}],RotationTransform[# Degree]]/@(Range[0,180])},Background-&>Gray]

3.拼圖:



步驟如下:


看到AI的第一反應是人工智慧。果然隔行如隔山


先把s畫出來
然後做1厘米單位的尺度,定義為新畫筆
然後用畫筆直接畫s就是一圈就是尺度了()或者用工具固定下路徑


推薦閱讀:

這張海報裡面的捲軸的效果是怎麼實現的?
顆粒感的背景在ps或AI里如何完成?
請問這張海報的效果怎麼做的?
請問圖中這個圓圈部分是如何用ps或ai作出來的?
請問下面這種摺紙感覺的圖片photoshop是怎麼做出來的?

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