2022-06-16

《OpenOffice / LibreOffice Draw》繪製一個像React Logo的圖形

OSS首頁》《文章分類列表》《Base》《Calc》《Draw》《Impress》《Writer

  1.  查看react logo的外觀及顏色。
    1. 開啟網頁 https://zh-hant.reactjs.org/ 
    2. 使用瀏覽器(以chrome為例)的開發人員工具→選取網頁中的元素 (React這個div)


    3. 假設logo的顏色跟React文字的顏色一樣,都是#61DAFB

  2. 整理一下關於react logo圖形的描述。
    1. 由三個橢圓形及一個圓形圖點組成
    2. 各圖形區塊的比例為→橢圓高:橢圓寬:圓高=6:2:1

  3. 開啟Draw,顯示網格(方便對齊),繪製一個寬6cm、寬2cm的橢圓形,先不用考慮精確的尺寸及中心位置,再使用:格式(O)→位置和大小(Z)來調整即可。
    1. 將Position的Base Point 調整至中心點,X: 4cm、Y: 4cm (點選一下 Position 圖示的正中心)
    2. 將Size的的Base Point 調整至中心點。
    3. 確定Size的Width是6cm,Height是2cm。


  4. 調整橢圓的填滿及線條:
    1. 將橢圓形區調整為無填滿:格式(O)→區域(R),選擇:None(無填滿)
    2. 調整線條:格式(O)→線條(I)
    3. 調整橢圓形外框線條的粗細:將線條的寬度設為0.15cm (或輸入4.5pt,會自動轉換為0.15cm)
    4. 調整橢圓形外框線條的顏色:自訂顏色,在Hex#輸入:61DAFB

  5. 複製橢圓形,並調整旋轉的角度:
    1. 選取橢圓,先複製再貼上,這時候兩個橢圓重疊在一起。
    2. 將已選取的橢圓,以中心點 (4cm,4cm),旋轉60度。格式(O)→位置和大小(Z)→旋轉,角度(Angle):60
    3. 再一次複製、貼上,再將選取的橢圓旋轉120度。


  6. 繪製一個直徑1cm,顏色為#61DAFB(邊框及填滿)的園:
    1. 格式(O)→位置和大小(Z):調整確認:中心點 (X, Y) 為 (4cm, 4cm)
    2. 將圓的區調整為填滿#61DAFB:格式(O)→區域(R),色彩Color Hex填入:61DAFB
    3. 外框的顏色,也調整為#61DAFB


  7. 完成了!

沒有留言: