inkscape——示03:A Hiking Club Logo—An Exercise in Paths

原文地址

示3. 遠足俱樂部徽標-路徑練習

如下圖所示,我們將使用Inkscape爲富士遠足和登山俱樂部繪製徽標。本教程將介紹文本的使用,導入位圖以用作繪圖導引以及路徑操作。
FHMC徽標
富士徒步登山俱樂部的徽標。
這些步驟是:

  • 啓動Inkscape並設置繪圖大小。
  • 創建徽標的文本。
  • 導入具有富士山形狀的位圖。
  • 將文本轉換爲路徑並操縱該路徑。
  • 跟蹤富士山的圖片以獲得路徑。
  • 使用“富士山”路徑將文本修剪爲山形。
  • 在山頂上加雪。
  • 添加畫龍點睛。

3. 創建富士徒步登山俱樂部徽標

3.1 設置工程圖。

首先,啓動Inkscape。

請按照瑞典國旗示例中給出的有關設置頁面大小和網格間距的說明進行操作,但是將圖形大小設置爲寬度500和高度300像素。

不要創建網格。

3.2 創建文本。

  1. 輸入文字。

從工具箱中 選擇文本工具 (鍵盤快捷鍵 F8)。單擊頁面左側以建立文本的起點。您應該看到一個閃爍的欄。輸入俱樂部的首字母“ FHMC ” ; 文字應在頁面上以小字體顯示。

  1. 調整文字。

文本太小,可能無法使用最合適的字體。要更改文本的屬性,請使用“ 文本工具 - 工具控件”中的項目。

文字工具-工具控件
選擇文本後,從左側的下拉菜單中選擇合適的字體。Nimbus Roman No9 L是一種很好的免費字體,帶有徽標所需的寬襯線。如果您的系統上未安裝此字體,則可以選擇類似的字體,例如Times或Times New Roman。從下拉樣式菜單欄上選擇粗體樣式,然後將字體大小設置爲108 pt(144 px)。文本更改立即顯示。

[注意] 默認字體大小單位

Inkscape中 的默認字體大小單位已更改爲 磅(pts),以匹配印刷行業中常用的字體大小。1 點相當於4/3 像素。可以在“ Inkscape首選項”對話框中設置首選的字體大小單位。將光標懸停在“字體大小”輸入框上可以看到當前使用的單位。
最後,通過使用選擇工具並將文本向下拖動,使文本位於圖形底部附近。

徽標文字
徽標的文字,大小和位置。

3.3 導入山形指南。

我們將富士山形狀的位圖作爲描跡的基礎。您可以使用任何適合的山的圖片( PNG,GIF或JPEG格式)。您可以從本書的網站(http://tavmjong.free.fr/INKSCAPE/)下載此處使用的同一圖像。

  1. 導入位圖。

使用“ 導入”對話框(文件 → 導入… (Ctrl + I))導入位圖 。 v0.48中的新增功能:將彈出一個對話框,詢問您是否要嵌入 或鏈接到圖像。由於我們不需要保留圖像,因此最好直接鏈接到文件。

  1. 調整位圖。

位圖的圖像大小與文本不匹配。調整大小的最簡單方法是使用“ 選擇工具” (鍵盤快捷鍵 F1)選擇圖像。選擇圖像後,在圖像的邊界框(虛線)周圍會出現一組雙箭頭。拖動手柄將縮放圖像。
在這裏插入圖片描述
按住Ctrl鍵的同時拖動將保持寬高比恆定。在圖像的非透明部分上拖動將移動整個圖像。請注意,如果您使用選擇工具兩次單擊圖像,角箭頭變爲旋轉箭頭。只需再單擊一次圖像即可恢復縮放箭頭。也可以使用 方向鍵移動圖像。注意: 在放大圖像之前,您可能需要稍微減小縮放比例(選擇圖像時爲3)或加寬Inkscape窗口。

  1. 縮放圖像。
    已選擇圖像並帶有箭頭,可以進行縮放。
    按住Ctrl鍵的同時拖動對角箭頭, 然後拖動圖像,直到對比例和位置滿意爲止。我選擇將富士的頂部居中在H的右側襯線上方。

山圖像的位置
富士山的輪廓,尺寸和位置。

3.4 處理文本。

在本節中,我們將文本轉換爲路徑,以便我們可以更改字母的形狀。文本需要向上延伸,超過山脈的輪廓,以便我們可以對其進行裁剪以使其與山脈的形狀相匹配。我們還將對字母進行一些其他的外觀更改。

3.4.1 將文本轉換爲路徑。

爲了進行編輯,存儲爲文本對象的文本需要轉換爲路徑對象。這個過程是不可逆的,文本將失去作爲文本的記憶。要將文本轉換爲路徑,請使用選擇工具選擇文本,然後使用 路徑 → 對象到路徑 (Shift + Ctrl + C)命令。每個字母都轉換爲單獨的路徑,並且所有路徑都放在一個組中,(當對象在一個 組中時)可以將它們當作一個對象來進行操作)。這通常是一件好事,但對我們的目的而言,如果所有字母都沒有分組並且由一條路徑組成,那會更好。因此,在選擇了文本的情況下,使用“ 對象” →“ 取消組合” (Shift + Ctrl + G)命令刪除組,然後使用“ 路徑” →“ 合併” (Ctrl + K)組合路徑。

3.4.2. 向上擴展文本。

  1. 向上擴展F和H。
    我們將從擴展F和H開始。選擇 Node Tool (F2)。然後單擊字母以選擇文本路徑。

文本現在被一系列小鑽石包圍。這些是路徑的節點。它們定義路徑改變方向或曲率的位置。通過操縱這些節點可以編輯路徑。

此時,如果您放大圖形,會更容易。有多種縮放方法。一種方法是將Ctrl鍵與滾動鼠標的滾輪一起使用 。圖形將圍繞光標位置縮放。另一種方法是使用+=鍵。在這種情況下,縮放是圍繞可見畫布的中心進行的。滾動條可用於平移圖形(即,更改可見區域)。
準備擴展F和H
準備擴展F和H。您可以看到菱形節點。
要選擇一個節點,請使用“ 節點工具”單擊它。按住Shift鍵不放,可以向選擇中添加(或刪除)節點(這裏主要是針對選擇的增加和移除)。也可以使用橡皮筋選擇技術來一次選擇多個節點。爲此,將鼠標從一個點拖動到另一點。將選擇由起點和終點定義的框中的所有節點。單擊並不能在節點上開始拖動。選擇時,所選節點將從灰色變爲藍色和黃色。

選擇F的頂部節點和H的兩側。在此示例中,總共選擇了七個節點(在F的右上角彼此重疊兩個)。如果您選擇了其他字體,則選擇可能不同。

現在,向上單擊並拖動任意選定節點,同時按住Ctrl 鍵可將拖動方向限制爲垂直。拖動直到所有選定的節點都在山的輪廓上方。

F和H的擴展
F和H擴展後。
一個顯而易見的問題是擴展部分隱藏了位圖圖像的一部分。可以通過臨時刪除文本對象的填充來緩解此問題。爲此,請單擊“組件面板 ”左端 的紅色x。
在這裏插入圖片描述
如果文本不再可見,則需要使 筆劃可見。在按住Shift的情況下,單擊調色板中的一種顏色 。
在這裏插入圖片描述
2. 延伸M

擴展M可能比擴展前兩個字母更困難,這取決於所選的字體。對於Times New Roman,我們需要添加兩個額外的節點,以保留M莖的形狀。

使用“ 節點工具”選擇M頂部的四個節點。單擊“ 工具控件”中的 圖標(“ 插入新節點”)。這將添加兩個節點,每個節點位於成對的相鄰選定節點之間。單擊背景以取消選擇所有節點,然後單擊並拖動左側的新節點使其位於左側襯線的最右側節點上方,如下所示。

M的擴展
對右側的新節點執行等效操作。

現在,選擇襯線的四個頂部節點(兩個新節點替換了先前的兩個頂部節點)並向上拖動它們,同時按住 Ctrl鍵以限制其在垂直方向上的移動。將節點移到山上。
在這裏插入圖片描述
3. 擴展C。

擴展C還需要一些節點操作。選擇C的最左側節點和頂部中心節點。通過單擊 “ 工具控件”中的圖標,將它們轉換爲Corner節點 。這將允許路徑在節點處突然改變方向。單擊工具控件中的 圖標以將選定的線段轉換爲線。單擊背景以取消選擇兩個節點,然後單擊並拖動該行的最高節點以將其移至該行的較低節點上方,如下所示。
在這裏插入圖片描述

在擴展C的過程中間。箭頭顯示了節點和虛線的移動,即線段的新位置。
選擇沿C頂部的所有節點,然後將它們拖到山上,再次使用Ctrl鍵來限制垂直方向上的移動。

現在,文本路徑應如下所示:
FHMC的擴展
文字中的所有字符都擴展到山峯圖像上方之後。

  1. 調整字距調整。
    文字 的字距調整不太正確。C距離M太遠。當文本仍然是Text對象時,可以糾正此問題 ,但是如果不看到新擴展的部分就很難獲得正確的間距。
    若要移動C,請使用“ 節點工具”選擇C中的所有節點,然後使用左右 箭頭鍵移動C,直到C和M之間的間隙與F和H和H之間的間隙匹配爲止。如果移動步幅太大,請使用 Alt + 箭頭進行較小的移動。
    如果需要,請調整其他字母之間的間距。

  2. 填寫M中的間隙。
    M的兩個擴展之間的間隙有點寬。爲了減少間隙的視覺效果,我們將在兩者之間添加一個塊。

    • 添加矩形。
      選擇“ 矩形工具” (F4),然後在M的擴展之間單擊拖動矩形,如下所示。使用矩形手柄調整位置。
      帶矩形。
      在M的擴展名之間添加矩形後的文本。
    • 將矩形與文本合併。
      對於後續步驟,必須將矩形對象與文本路徑合併。使用選擇工具選擇 矩形和文本路徑。然後使用以下命令: 路徑 → 合併 (Ctrl + K)從兩個路徑中創建一個路徑。合併之前,矩形對象會自動轉換爲路徑對象。

3.5 跟蹤位圖山以形成新路徑。

擴展文本的頂部將以Fuji San的形狀修飾。爲此,必須將山的位圖圖像轉換爲路徑。但首先,請使用“ 選擇工具 ”在最後時刻進行任何調整。

Inkscape包含一個自動跟蹤位圖的工具(第20章,跟蹤位圖),但是生成的路徑對於我們的使用而言太複雜了。

相反,我們將使用鉛筆工具 (F6)。在“ 工具控件”中,確保將“ 模式” 設置爲Bezier,並將“ 形狀”設置爲“ 無”。一個平滑的約30值會給你節點的合理數量。從山的一端開始,沿山的頂部邊緣單擊並拖動指針以創建新路徑。到達遠端時,將路徑循環回到起點,如下所示。

山爲小徑
跟蹤山峯形成路徑後,筆觸顏色已更改爲紅色,以使其更易於查看。
路徑的兩端準確交匯並不重要。循環將字母的所有頂部括起來很重要。可以通過使用“ 節點工具”重新定位任何任性節點來調整路徑。使用“ 填充和描邊”對話框,可以使路徑具有不同的顏色。

3.6 修剪字母的頂部。

我們將使用“ 路徑差集”命令從文本路徑中減去山峯路徑和文本路徑之間的重疊。重要的是,山峯路徑應位於文本路徑的頂部,因爲此命令將從底部路徑中減去頂部路徑。由於山峯路徑是在文本路徑之後創建的,因此它應該已經在頂部。

要進行路徑減法,請使用選擇工具(在選擇第二個對象時按住 Shift鍵的同時)選擇山地路徑和文本路徑,然後使用路徑差異命令: 路徑 → 差集 (Ctrl + -)。山路將消失,文本路徑應如下所示。

修剪的文字
修整到山脈輪廓後的文字。

3.7 將雪添加到山頂上。

您現在可以刪除Fuji San的位圖,將文本對象的填充更改爲純黑色,然後將其命名爲day,如下所示。

徽標無雪。
富士山頂部沒有雪的徽標。
但是,如果徽標包含雪帽,則外觀會更好。

要創建雪帽,請放大雪的位圖圖像,然後使用“ 鉛筆工具”跟蹤雪,並像下面的山頂一樣創建一個循環。

雪爲小路。
形成一條小路。
下一步是創建文本對象的副本,用它來剪切下雪路徑。要創建副本,請選擇文本,然後單擊命令欄中的Duplicate 圖標 或使用菜單項 Edit → Duplicate (Ctrl + D)。

隨着移鍵不放,選擇雪道。應當選擇重複的文本路徑和下雪路徑。使用路徑交點命令: 路徑 → 交集(Ctrl + *)組合兩條路徑。徽標應如下所示: 圖標

與雪的標誌
添加雪道後的徽標。

3.8 畫龍點睛。

  1. 刪除Fuji San位圖。

不再需要位圖。通過選擇它,然後使用“ 編輯” →“ 刪除” (Delete 或 Backspace)或“ 編輯” →“ 剪切” (Ctrl + X)將其刪除。 圖標 圖標

  1. 糾正填充和描邊。

將文本對象的填充更改爲黑色。將“雪”對象的“ 填充 ” 更改爲白色,將“ 描邊”繪畫更改爲黑色。

  1. 擴大雪的輪廓。

雪的輪廓看起來有點稀薄。要爲其提供更多定義,請使用“ 填充和描邊” 對話框的“ 描邊樣式”選項卡。將寬度更改爲3像素。文本路徑的寬度也必須更改爲3個像素才能匹配。

徽標現已完成。與以前的教程一樣保存您的工作。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章