《OSS首頁》《文章分類列表》《Base》《Calc》《Draw》《Impress》《Writer》
- 查看react logo的外觀及顏色。
- 開啟網頁 https://zh-hant.reactjs.org/
- 使用瀏覽器(以chrome為例)的開發人員工具→選取網頁中的元素 (React這個div)
- 假設logo的顏色跟React文字的顏色一樣,都是#61DAFB
- 整理一下關於react logo圖形的描述。
- 由三個橢圓形及一個圓形圖點組成
- 各圖形區塊的比例為→橢圓高:橢圓寬:圓高=6:2:1
- 開啟Draw,顯示網格(方便對齊),繪製一個寬6cm、寬2cm的橢圓形,先不用考慮精確的尺寸及中心位置,再使用:格式(O)→位置和大小(Z)來調整即可。
- 將Position的Base Point 調整至中心點,X: 4cm、Y: 4cm (點選一下 Position 圖示的正中心)
- 將Size的的Base Point 調整至中心點。
- 確定Size的Width是6cm,Height是2cm。
- 調整橢圓的填滿及線條:
- 將橢圓形區調整為無填滿:格式(O)→區域(R),選擇:None(無填滿)
- 調整線條:格式(O)→線條(I)
- 調整橢圓形外框線條的粗細:將線條的寬度設為0.15cm (或輸入4.5pt,會自動轉換為0.15cm)
- 調整橢圓形外框線條的顏色:自訂顏色,在Hex#輸入:61DAFB
- 複製橢圓形,並調整旋轉的角度:
- 選取橢圓,先複製再貼上,這時候兩個橢圓重疊在一起。
- 將已選取的橢圓,以中心點 (4cm,4cm),旋轉60度。格式(O)→位置和大小(Z)→旋轉,角度(Angle):60
- 再一次複製、貼上,再將選取的橢圓旋轉120度。
- 繪製一個直徑1cm,顏色為#61DAFB(邊框及填滿)的園:
- 格式(O)→位置和大小(Z):調整確認:中心點 (X, Y) 為 (4cm, 4cm)
- 將圓的區調整為填滿#61DAFB:格式(O)→區域(R),色彩Color Hex填入:61DAFB
- 外框的顏色,也調整為#61DAFB
- 完成了!
沒有留言:
張貼留言