AI教程/太空梭圖標

2021-01-16 平面設計

註:此教程為英翻教程,軟體操作不嫻熟的小夥伴兒,謹慎嘗試哦。翻譯不足之處,自行腦補哦。

在編輯>首選項>指南和網格子菜單下找到,並應按如下方式進行調整:

將自己置於第一個參考網格上,然後放大,以便更好地了解您將要執行的操作。然後,使用矩形工具(M),創建一個16 x 56像素的形狀,我們將使用它進行著色#ced0d8,然後朝向參考網格的中心定位,在矩形和活動繪圖的頂部之間留下2 px的間隙區域。

快速提示:此時,我建議您啟用「 像素預覽」模式(「 視圖」>「像素預覽」或「 Alt-Ctrl-Y」),以便您可以更輕鬆地根據基礎像素網格定位形狀。


通過使用直接選擇工具(A)選擇其頂部的兩個錨點並使用角落四捨五入來調整我們剛才在上一步中創建的形狀的頂部,或者通過使用「 實時角」輸入欄位或直接從變換面板。無論您選擇哪種方法,都可以使用8像素值,現在您應該將形狀的頂部轉換為漂亮的圓形尖端。

通過使用直接選擇工具(A)選擇其左上和右上錨點,並以14 px固體向下推動它們,繼續細化梭子的尖端。要做到這一點,只需右鍵點擊你做出選擇後,然後去變換>移動並進入0像素到水平值欄位和14像素到垂直之一。單擊「 確定」後,Illustrator會將錨定器推向底部,使我們更接近梭子主體所需的最終形狀。

快速提示:只需選擇要調整的錨點並按Enter 鍵即可更快地訪問「 移動」面板。打開像素預覽模式(Alt-Ctrl-Y),並使用直接選擇工具(A),通過將其上部手柄定位在14像素的距離來選擇並調整左上錨點。然後選擇頂部中心錨點,並將其左手柄定位在2 px的距離。

通常您需要調整形狀的左側和右側,但使用矩形將其切成兩半會更容易,然後創建副本(Ctrl-C> Ctrl-F)並反映(右側)單擊>變換>反射>垂直),以確保兩側相同。由於此時我們已完成調整梭子的尖端,我們現在可以為它添加一個很好的粗輪廓。我們要做的方式非常簡單:首先我們選擇形狀,然後創建它的副本(Ctrl-C> Ctrl-F)。複製到位後,選擇它並將其顏色更改為深藍色(#373947),以便它可以從我們之前使用過的較淺的顏色中脫穎而出。最後,用它的筆劃(Shift-X)翻轉形狀的填充顏色,並將後者的厚度設置為4像素,保留所有其他筆劃設置。

一旦我們有了太空梭的主要部分,我們就可以開始添加一些細節了,我們將通過添加一個亮點來實現,因為所有其他元素都將位於它的頂部。首先,選擇輪廓,然後創建它的副本(Control-C> Control-F),我們將首先將它放在它面,因為我們需要稍微調整一下。然後,將副本的顏色設置為白色(#FFFFFF),將其混合模式設置為柔光,確保將其不透明度降低到80%並將筆劃與內部對齊。

如您所見,突出顯示當前與我們的輪廓重疊,我們需要通過選擇它和填充形狀然後右鍵單擊>排列>發送到後退來糾正。

隨著亮點的到位,讓我們開始研究太空梭的鼻子,創造一個較暗的部分,容納前方反應控制推進器。首先,抓住矩形工具(M)並創建一個20 x 10像素的形狀,我們將使用它進行著色#373947,然後定位到主要可繪製區域的頂部,確保將其水平對齊到梭子的主體。然後,創建一個較小的4 x 1 px片段(#373947),我們將位於我們剛剛創建的較大片段下方,另一個20 x 4像素片段(#373947)位於 距離它3 px處。選擇所有三個形狀,並使用Ctrl-G鍵盤快捷鍵將它們組合在一起,因為稍後將更容易訪問它們。

由於我們需要將鼻子細節置於梭子的主要填充形狀內,我們將創建它的副本並將其用作剪切蒙版,以隱藏任何超出其表面的部分。要執行此操作,只需將副本放在三個分組矩形的頂部,然後 右鍵單擊>製作剪切蒙版。

使用鋼筆工具(P)從乘員艙創建小窗口部分,繪製一個6 x 1 px開放路徑(#373947),具有2 px筆畫重量,並將帽子和角落設置 為圓形。

將窗口線定位在鼻子定界符下方,兩者之間留出2 px的間隙。快速提示:此時我們建議您打開像素預覽模式(Alt-Ctrl-Y),因為一旦您清楚地看到底層像素網格,就可以更輕鬆地創建和定位形狀。

在仍然選擇鋼筆工具(P)的情況下,繪製四條4 px寬的線條(#373947),其中2 px筆劃重量和帽子設置為圓形,並將它們分成兩對,將一個位於窗口線下方約3 px,第二個朝向我們穿梭機身的底部,在它與主輪廓之間留出4像素的間隙。

通過添加1 px寬的垂直高光(顏色:白色; 混合模式:柔光; 不透明度: 80%)來完成此部分梭子,我們將稍微向右側定位,並且12 x 2 px底部陰影(顏色:黑色; 不透明度: 20%)。然後,選擇所有形狀並使用Ctrl-G鍵盤快捷鍵將它們組合在一起。

因為在這一點上我們已經完成了我們的小梭的主體,我們現在可以移動到機翼部分並逐漸建造它們。這部分將是一個跟蹤的小練習,因為我們將需要使用我們忠實的鋼筆工具(P)創建左翼的主要填充形狀。因此,看看實際的梭翼並追蹤我們將使用的顏色#afb6bf。然後,就像穿梭機的前一部分一樣,給它一個漂亮的4 px厚輪廓(#373947),這次只將角設置為圓形連接。在我的情況下,我最終得到了一個28 x 36像素的機翼,然後我朝向我的梭子的左下側,在它的底部錨點和梭子的主要輪廓之間留下了10像素的間隙。

快速提示:你需要將機翼主要填充形狀的右側朝向梭子輪廓的中心定位,這樣一旦你給它自己的輪廓,兩者最終會相互重疊。開始向機翼添加細節,方法是創建一條寬度為2像素的28 px寬的路徑,我們將使用相同的舊藍色色調()進行著色,然後朝向左下方的錨點位於底部。#373947然後,添加兩個垂直分隔線,它們將作為升降機,並將它們均勻地分開,確保添加通常將它們保持在適當位置的小鉸鏈。

通過創建4 x 4 px圓(#373947),頂部高光和底部陰影,繼續向機翼添加細節。使用與之前相同的值和技術,這次只為高光和陰影創建一個遮罩,以便它們不會重疊。最簡單的方法是創建機翼主填充形狀的兩個副本,然後使用分隔線作為分隔線切割它們。完成後,使用Ctrl-G鍵盤快捷鍵選擇並組合所有機翼的形狀。

由於我們現在有左翼,我們可以通過創建一個副本輕鬆創建一個副本,然後我們將反映(右鍵單擊>變換>反射>垂直)並定位到梭子身體的右側,用一個4 x 2 px(#373947)的矩形。

通過創建一個12 x 20 px矩形(#d9dce2)來開始處理引擎,我們將通過將其左角四捨五入為8 px 並將其底部四捨五入為較小的4 px值進行調整。

給形狀一個4像素的輪廓(#373947),幾條細節線,一個高光(顏色:白色; 混合模式: 柔和光; 不透明度:80%),最後是陰影(顏色:黑色; 不透明度: 20%),以及然後將它們組合在一起(Control-G),以便您以後可以輕鬆選擇它們。

通過繪製一個8 x 8像素的紅色正方形(#b76262)來創建引擎的噴嘴錐,您可以通過將其頂部錨點向內推1 px來進行調整。賦予形狀輪廓,小底部分隔符,陰影和小垂直高光。然後將錐體的元素組合在一起(Ctrl-G)並將它們放在我們之前創建的引擎塊的正下方。

在發動機的擋塊和錐體後創建一個副本,並將它們定位在梭子的右側,確保反射它們(右鍵單擊>變換>反射>垂直)。

要做到這一點,只需選擇橢圓工具(L)並創建一個4 x 28像素的形狀,我們將使用它進行色#373947,然後定位在發動機缸體上,使其稍微朝向梭子主體的內部,從而重疊小影子。

相關焦點

  • Ai教程:定位圖標製作
    定位圖標製作1.選擇橢圓工具,在畫布上單擊創建一個圓(教程大小為200x200像素),作為定位圖標的上半部分2.打開拾色器,給圓設置一個顏色3.選擇矩形工具,在畫布上單擊創建一個圓半徑為大小的一個矩形(教程為100x100像素)4.Shift
  • AI學習教程之製作飄帶矢量圖標,簡單易學,喜歡記得點讚關注哦
    1、打開ai,點擊多邊形工具,繪製一個六邊形,如下圖;2、點擊直接選擇工具,拖動裡面的圓圈,把六邊形變圓潤一些,然後按住alt往左邊拖動複製一個,如下圖;3、選中這兩個,然後找到路徑查找器--減去頂層,填充顏色,右鍵點擊變換--旋轉90度,如下圖;4、
  • AI教程:相機圖標快速製作
    相機圖標快速製作1.選擇矩形工具,在畫布上繪製一個矩形,並將其四個拐角轉化為圓角2.選擇矩形工具,在畫布上再次繪製一個矩形(小矩形),並將其四個拐角轉化為圓角3.選擇選擇工具,選擇兩個圖形,選擇聯集,將兩個圖形組合為一個圖形,作為機身4.
  • AI教程/早餐圖標 - 設計智造
    我們將在整個教程中保持相同的筆觸設置,以使製作圖標具有相同的樣式。以同樣的方式畫出麵包的右側。第3步以下是在Illustrator中製作等距圓的方法。首先,複製並 粘貼到位(Shift-Control-V)「 底部麵包 」,這樣你就有了方形的副本(1)。轉到效果>風格化>圓角, 並應用非常高的半徑值,如100 px或儘可能高。
  • AI教程/購物車圖標
    pingmiandesigner About Feature 分享最頂尖的設計理論、創靈感意、設計教程
  • photoshop教程|UI教程|素材 紅包 小圖標
    UI圖標初期教程紅包小圖標|photoshop教程|(以下界面演示以Photoshop CC2017為演示工具)【圖形設計師 ID:tuxdesign】先看看效果有興趣的小盆友可以著手練習練習>第七步:選擇【金幣】圖層,添加圖層樣式——漸變疊加、投影(如圖)第八步:選擇【金幣】圖層,Ctrl+J複製一層,縮小,命名為【金幣1】添加圖層樣式—漸變疊加(如圖)第九步:添加符號「¥」,選擇文字工具,輸入:¥,設置字體大小,顏色(如圖)第十步:選擇【¥】圖層,添加圖層樣式——漸變疊加、投影(如圖)<完>好了,本次教程到這裡就結束了
  • 蘋果ios14桌面小組件怎麼改圖標 更換桌面圖標設置教程
    ios14小組件除了自定義桌面圖片之外,還可以更換圖標,使得每個軟體圖標都有不一樣的變化,讓你的桌面煥然一新,這裡需要使用快捷指令來完成,ios14小組件怎麼更換圖標?怎麼設置?下面帶來介紹。ios14小組件怎麼更換圖標?
  • iOS系統技巧教程 手勢輔助與表情圖標
    iOS系統技巧教程 手勢輔助與表情圖標 2011年12月01日 04:55作者:張義編輯:張義文章出處:泡泡網原創     泡泡網手機頻道12月1
  • 百度地圖修改導航圖標設置操作教程分享 設定你喜歡的模式吧!
    百度地圖修改導航圖標設置操作教程分享 設定你喜歡的模式吧!時間:2018-03-26 11:45   來源:皮皮網   責任編輯:沫朵 川北在線核心提示:原標題:百度地圖修改導航圖標設置操作教程分享 設定你喜歡的模式吧! 百度地圖裡面的圖標是可以自己設定自己喜歡的模式的,但是怎麼進行更改呢?
  • win10無法刪除ie圖標怎麼辦 win10徹底刪除ie11方法教程
    win10無法刪除ie圖標怎麼辦 win10徹底刪除ie11方法教程  現在有很多瀏覽器可供用戶使用,最近就有用戶向小編反應說平常不怎麼用到IE瀏覽器,想要刪除IE圖標卻刪除不掉。下面小編就帶來win10刪除IE圖標的方法,有需要的朋友快來看看吧!
  • 【教程】iPhone信號欄解析_iPhone信號圖標修改_手機中國
    教程 - iPhone信號欄解析信號欄  信號顯示您是否出於蜂窩網絡覆蓋以及您是否可以撥打接聽電話。信號格式越多,信號越強。如果無信號該段位置則會顯示無服務。 SIM卡不同接入網絡不同圖標也不同    3G:當網際網路接入顯示為"3G"時候,則證明您目前可以使用運營商的3G網絡。
  • 美國淚別太空梭時代(組圖)
    美國「阿特蘭蒂斯」號太空梭成功著陸 標誌著30年太空梭時代終結  美國東部時間21日清晨,「阿特蘭蒂斯」號太空梭在甘迺迪航天中心安全著陸,結束13天太空之旅。這次著陸為美國為期30年的太空梭項目正式畫上了句號。
  • 【免費資源】13款醫療運輸機場洗手線性line圖標設計icon素材ai源文件矢量app
    今天為大家分享的是13款醫療運輸機場洗手線性line圖標設計icon素材ai源文件矢量app,希望大家喜歡,享用吧!
  • AI教程/可愛的摩託車圖標
    5:裝飾物和路第一步:路,使用直線工具畫一條直線,端點改為圓點,使用剪刀工具(C)剪碎直線:第二步:利用形狀工具畫出畫出裝飾物;第二步:利用形狀工具畫出畫出裝飾物;希望你能喜歡這個教程
  • 推薦25組免費圖標素材下載
    對於設計師,圖標素材是不可缺少的設計資源。下面跟大家推薦25組來自國外網站收集的網頁圖標集合,有psd/ai/svg等各種格式類型。在設計過程中,如果需要一些圖標素材的話,這些資源都是不錯的選擇。可以供大家收藏和免費下載!
  • iOS 14系統可以支持自主更換圖標了,教程趕緊收藏了!
    iOS 14系統可以支持自主更換圖標了,教程趕緊收藏了!作為世界上最主流的手機系統之一,iOS一直都在用自己的流暢性、易用性和美觀牢牢地抓住來一種人群。但是我們不得不承認的是,從系統自定義的角度來說,似乎蘋果過於保守管的太寬。
  • IT之家網友分享:IE11之笑臉圖標變滑稽表情教程
    感謝IT之家網友 最差WP開發者PCDOS的原創投稿 注意:本教程涉及系統關鍵文件的修改,請做好備份! 不想動手請直接訪問成品: 點我下載成品 今天,之家發布了刪除IE笑臉的教程,結果評論區……
  • 異星探險家怎麼起飛 太空梭飛行方法
    導 讀 今天小編給大家分享的是異星探險家太空梭起飛方法。歡迎瀏覽。
  • 「發現號」太空梭緊急救援隊「敢死隊」大揭秘(圖)
    林賽(左)與隊長凱利林賽(左)與隊長凱利< FONT>    國際在線報導:如果下一艘太空梭也遇到麻煩,像「哥倫比亞號」太空梭一樣在發射過程中出現故障,太空人們被困在太空梭裡美國「發現號」太空梭將在未來數月內發射,為防備不測事件發生,美國宇航局組建了「航天敢死隊」一個由四名太空人組成的應急救援小組,一天二十四時間待命,隨時準備升空,執行最難以預測也最危險的航天救援任務。     四大難題考驗「敢死隊」    這是一項不可思議的使命。
  • iPhone 可以自定義圖標了!這裡有份超實用教程
    方法一:下載 App《moloko》,一鍵換圖標 優點:免費下載 / 一鍵批量換圖標 / 多種風格可選 缺點:部分 app 圖標缺失 / 新圖標名稱以英文呈現且不可改 如果你想像 Android 手機一樣,擁有一個主題商店 app,裡面能下載不同風格的套圖