教你用PS繪制一組太空系列的扁平立體圖標

這篇教程是向朋友們分享用PS繪制一組太空系列的扁平立體圖標,教程繪制出來的圖標非常漂亮,方法很簡單,喜歡的朋友可以一起來學習一下。
效果圖:
1.制作太空火箭圖標
這里是我們將應用于我們的形狀的調(diào)色板示例。我選擇褪色的顏色來創(chuàng)建復古效果,這與平面圖像很好地結(jié)合。
您可以將此調(diào)色板保存到計算機中,在Photoshop中打開它,然后使用吸管工具(I)直接從中選取顏色,或在填充 面板中選擇基本形狀。
步驟1
首先,我們來創(chuàng)建基礎(chǔ)。
我們的圖標將變?yōu)閳A形,因此請從“ 工具”面板中的基本形狀中選擇橢圓工具(U)。
點擊你的畫板來調(diào)出彈出選項菜單,并設(shè)置圖標基地的寬度和高度為512x512像素。
現(xiàn)在我們有一個偶數(shù)圈。讓我們用深藍色填充它,讓人想起太空深處。仍然選擇橢圓工具(U),找到上面的控制面板并單擊填充按鈕。
在彈出的“填充”菜單中單擊多色方形圖標時,您可以選擇其中一種默認色板顏色或設(shè)置自己的顏色。
第2步
現(xiàn)在我們需要創(chuàng)建火箭基地。首先在圖標中間放置一個壓扁的白色橢圓。
就拿直接選擇工具(A) ,然后點擊創(chuàng)建橢圓形的邊緣使其路徑和錨點可見。
切換到轉(zhuǎn)換點工具(您可以在與鋼筆工具(P)相同的菜單中找到它)并單擊上部定位點使其成為銳角。
第3步
選中火箭基座,轉(zhuǎn)到 上面的形狀控制面板中的路徑操作,然后選擇相交形狀區(qū)域。
然后拿起矩形工具(U)并畫出一個矩形,與大部分火箭重疊,但在底部留下一小塊。
作為此操作的結(jié)果,矩形邊界外的所有內(nèi)容都將變得不可見。這樣我們切斷了火箭的底部。
步驟4
我們讓我們的火箭的一半稍微陰影。首先,打開智能參考線在視圖>顯示>智能參考線 ; 他們會幫助你將你的形狀放在適當?shù)奈恢谩?/p>
繼續(xù)制作一個淺灰色的長方形,并將其放在火箭上方,覆蓋其右側(cè)。
第5步
現(xiàn)在我們需要在火箭基地外隱藏矩形的那些部分。這看起來有點棘手,但您只需按照正確的順序執(zhí)行以下操作即可。
首先,按住Control鍵并 點擊圖層面板中的火箭圖層。一旦你這樣做了,你會看到火箭邊界上的行軍螞蟻。
現(xiàn)在,您只需選擇灰色矩形圖層,然后單擊 “ 圖層”面板底部面板中的添加蒙版圖標。
通過這種方式,您可以創(chuàng)建一個與您的圖層鏈接的遮罩,該遮罩隱藏了所選內(nèi)容之外的所有不需要的部分。
第6步
取橢圓工具(U)并添加一個圓圈,形成我們火箭的照明器。我們還要創(chuàng)建它的內(nèi)部部分,玻璃本身。
按下Control-J 復制照明層?,F(xiàn)在按下Control-T 來轉(zhuǎn)換形狀。前往上方的控制面板,將圓的寬度和高度降低至70%。
用淡灰藍色填充照明器內(nèi)部,保留我們調(diào)色板的復古風格,并用圓角矩形工具(U)在我們的火箭底部添加噴油器。
第7步
讓我們將鰭加入我們的火箭,使其更加詳細。
首先形成淡紅色的均勻圓形,然后用直接選擇工具(A)拖動其底部錨點,然后擠出形狀。
然后用轉(zhuǎn)換點工具點擊它,使其變得銳利。
第8步
按下Control-T,稍微旋轉(zhuǎn)翅片,然后將其放在火箭后面。
然后按Control-J 復制鰭并轉(zhuǎn)到編輯>變換路徑>水平翻轉(zhuǎn)。
按住Shift鍵將鏡像形狀沿水平軸移動到火箭的另一側(cè)。
第9步
在火箭的前部添加第三個鰭,并用Free Transform(Control-T)將其壓扁。
第10步
現(xiàn)在我們需要對我們的圖標應用時髦的長影效果。
通過創(chuàng)建一個黑色矩形并在Layers面板中將其不透明度 降低到50%來開始形成陰影,以獲得更多便利。
在自由變換模式(Control-T)中將矩形旋轉(zhuǎn)45度。
展開矩形以覆蓋火箭,如下面的屏幕截圖所示。
第11步
移動并將矩形放在火箭后面?,F(xiàn)在我們需要去除火箭左半邊外面的矩形部分。
抓取添加錨點工具(與鋼筆工具(P)相同的菜單),并將幾個錨點添加到黑色矩形中。
將其中一個放置在矩形與左鰭底部尖端接觸的位置,第二個放置在矩形與火箭右半部分的交點處。
現(xiàn)在我們可以用直接選擇工具(A)移動剩余的錨點,將它們隱藏在火箭后面。
第12步
這是另一種簡單的方法來隱藏陰影中不需要的部分,它們位于圖標基底之外。
選擇陰影形狀圖層,然后按住Alt 鍵,將鼠標光標移動到圖標基礎(chǔ)圖層上。
一旦看到光標變?yōu)閹Ъ^的小方塊,請單擊圖層,從而創(chuàng)建一個 剪貼蒙版。
選擇陰影,切換到矩形工具(U),并將陰影的填充顏色更改為從黑色到白色的線性漸變。
在“ 圖層”面板的頂部將陰影的混合模式切換為“ 正片疊底” ,以便陰影與圖標基底很好地融合在一起。
步驟13
讓我們在我們的火箭上添加一些小的細節(jié),使其更加異想天開。取橢圓工具(U)并在火箭頂部放置一個紅色的橢圓。
選擇創(chuàng)建的橢圓和基本火箭零件,并在選擇橢圓工具(U)時, 右鍵單擊 以調(diào)出上下文菜單。
使用重疊形狀的聯(lián)合形狀來隱藏不需要的部分,形成一個火箭尖。最后,使用更淺的藍色為火箭的玻璃添加一個簡單的亮點。
通過在圓形底座上散布一些淡黃色的星星來完成火箭的運行,為我們的太空圖標增加深度。
2.呈現(xiàn)平面條紋的星球圖標
正如我們現(xiàn)在熟悉一些簡單的Photoshop功能和基本的形狀操作,我們可以加快這一過程,因為我們將使用類似的技術(shù)。
讓我們繼續(xù)看下我們的下一個圖標:帶有小行星帶的行星。
步驟1
首先為行星的底部制造一個淡黃色的圓圈。移動并使用矩形工具(U)在行星上方創(chuàng)建一組窄條紋,并改變它們的寬度和顏色。
您可以對條紋進行分組(選擇它們并按下Control-G)并旋轉(zhuǎn)條紋組,以便為我們的星球添加一些動態(tài)。
第2步
現(xiàn)在我們需要擺脫不需要的部分。選擇行星基地; 采取橢圓工具(U)并右鍵點擊 我們的圖標。
在上下文菜單中選擇 Make Selection,然后在Make Selection彈出窗口中單擊OK,將選項保留為默認值。
當你在地球上選擇行軍螞蟻時,選擇條紋組,然后單擊“ 層”面板底部的添加蒙版圖標,將不需要的部分隱藏在蒙版內(nèi)。
第3步
讓我們通過在其右側(cè)放置一個簡單的陰影來為我們的星球添加一些維度。復制基本的行星形狀并將該圖層放在其他圖層的頂部,將圖形向上并向左移動。
選擇兩個圓形形狀并使用減去正面形狀功能。將創(chuàng)建的形狀的混合模式切換到屏幕 ,并將不透明度設(shè)置為40%,使行星更亮,從而在其右邊緣創(chuàng)建陰影。
步驟4
讓我們在行星周圍添加小行星環(huán)。制作一個壓扁的橢圓并啟用Subtract Font Shape路徑 操作。
然后在第一個橢圓上再做一個更小的橢圓,從而形成一個孔。
我們需要刪除與行星重疊的部分,使其隱藏在基本行星形狀的后面。首先添加一個橢圓,覆蓋我們要隱藏的行星頂部和環(huán)的一部分(截圖中的紅色筆畫形狀)。
選擇創(chuàng)建的橢圓和基本的行星形狀,并在重疊上形成Unite Shapes,在行星頂部創(chuàng)建一個“帽子”。
第5步
用鼠標右鍵單擊 該 紅色描邊形狀和作出選擇。然后轉(zhuǎn)到選擇>反轉(zhuǎn)。
保持選擇,單擊環(huán)形圖層并添加一個遮罩以隱藏不需要的部分。
第6步
使用與火箭圖標相同的技術(shù)為圖標添加平面陰影。
最后,斑點星球周圍的星星。
3.用天線創(chuàng)建一個射電望遠鏡
步驟1
開始做一個黑色的圓圈。顏色并不重要,因為我們不需要這個圓圈本身。在圓上方放一個紅色矩形,覆蓋一半。
選擇圓形并將矩形放入蒙版中,將不需要的部分隱藏在圓外?,F(xiàn)在我們可以刪除黑色圓圈,只留下紅色部分。
用較深的紅色填充創(chuàng)建的形狀的底部,使射電望遠鏡基座更加細致。
第2步
讓我們在我們的射電望遠鏡上添加一個天線。首先,在基本望遠鏡形狀的右側(cè)放置一個壓扁的橢圓形,形成它的內(nèi)部部分并增加尺寸。
在多邊形工具(U)的幫助下,從三邊多邊形上移動并形成一個三角形,然后用較淺的灰色填充它。延長形狀,使天線更薄,并在其尖端放置一個小圓圈。
第3步
輕輕轉(zhuǎn)動望遠鏡,使其看起來跟蹤空間信號。為基礎(chǔ)添加另一個灰色三角形。用減去正面形狀 功能剪出它內(nèi)部的較小三角形。
步驟4
通過形成一個長長的影子并為我們的圖標添加一組星星來完成射電望遠鏡。
4.制作一個有趣的UFO圖標
步驟1
通過創(chuàng)建一個平坦的圓來開始形成UFO的上半部分。我們需要通過在上面創(chuàng)建一個橢圓并在重疊處選擇Unite Shapes 來刪除圓的底部 。
第2步
在玻璃部分添加反射,并添加飛碟部分,由兩個紅色橢圓組成,一個在另一個之上,具有狹窄的灰色基礎(chǔ)。
第3步
通過在底部添加一個光圈并在碟部分添加一些黃色燈泡,使UFO更加詳細。
通過添加陰影和一組星星來完成形成圖標。
5.渲染三腳架望遠鏡圖標
步驟1
望遠鏡主要由擠壓管組成,所以我們首先為望遠鏡的底部形成一個狹長的矩形。
復制形狀(Control-J) 并用Free Transform(Control-T)擠壓上層。
在望遠鏡的底部填充深紅色,形成柔和的陰影。
第2步
添加一個管的前部分,并通過添加一個壓扁的灰藍色橢圓形成一個鏡片。使用轉(zhuǎn)換點工具單擊它們,使其上部和下部錨點尖銳。
通過單擊Control-Shift- [ 并添加淺藍色的簡單反射來將透鏡放置在管的后面 。
第3步
通過組合兩個狹窄的灰色矩形構(gòu)成我們望遠鏡的目鏡。選擇圓角矩形工具并添加支撐望遠鏡的三腳架腿。
旋轉(zhuǎn)腿并以較暗的灰色添加小橋接細節(jié)。
步驟4
旋轉(zhuǎn)望遠鏡的主體,使其向上看,在星星上。通過添加一個長長的影子和一群星星來完成。
6.繪制新月形月亮和云彩圖標
步驟1
開始通過制作一個黃色的圓圈形成一個月牙形,然后在上面添加一個小圓圈,將它放在基本月亮形狀的右上角。
使用減去正面形狀功能剪出月亮的一部分,形成新月形。
第2步
讓我們開始從藍色圓圈渲染云。增加一個更小的尺寸和更多的圈子,使云蓬松。
如果圓圈位于不同的圖層上,請在上下文菜單中選擇所有圖層和“ 統(tǒng)一圖形 ”。
第3步
我們通過添加一個狹長的矩形并使用減去正面形狀函數(shù)來隱藏矩形所覆蓋的底部部分,從而切掉云的下部。
步驟4
在月球后面放置另一片云,使其稍微變小一些,為我們的圖標增加一些深度。為圖標的每個對象渲染一個長影子,并為月亮周圍的星星點綴斑點。
7.添加一個深空背景
現(xiàn)在我們已經(jīng)完成了所有圖標,讓我們在它們后面添加一個更深的灰藍色背景圖層,并在這里和那里為星星添加一些較亮的橢圓,并改變它們的大小和位置。
最后,在Artboard的邊緣放置幾個帶圓角矩形工具的條紋,使布局更時尚。
OK,恭喜你完成了。
我們剛剛在Photoshop中制作了一組帶有長陰影的時髦平面空間圖標。
我希望這些簡單形狀的路徑操作能夠幫助您在將來的項目中使用。祝你好運!
相關(guān)文章
ps怎么設(shè)計配色干凈扁平化按鈕? ps按鈕矢量圖的設(shè)計方法
ps怎么設(shè)計配色干凈扁平化按鈕?很多時候我們會看到各種按鈕,想要設(shè)計一款顏色干凈清爽的扁平化按鈕,該怎么操作呢?下面我們就來看看ps按鈕矢量圖的設(shè)計方法,需要的朋友2021-04-08- ps扁平化鼠標怎么畫?ps是一款非常強大的圖形處理軟件,我們可以用它做許多的設(shè)計,下文中為大家?guī)砹擞胮s繪制精致的鼠標教程。感興趣的朋友不妨閱讀下文內(nèi)容,參考一下吧2021-03-30
怎么用ps畫扁平化切開的水煮蛋 ps畫扁平化切開的水煮蛋教程
怎么用ps畫扁平化切開的水煮蛋?通過ps可以繪制各種各樣的事物,下文中為大家?guī)砹藀s畫扁平化切開的水煮蛋教程。感興趣的朋友不妨閱讀下文內(nèi)容,參考一下吧2021-02-07- ps怎么繪制水煮蛋?ps可以繪制出很多種扁平化風格物品,下文中為大家?guī)砹藀s畫扁平化剝皮水煮蛋教程。感興趣的朋友不妨閱讀下文內(nèi)容,參考一下吧2021-02-04
- 怎么用ps畫扁平化插畫?經(jīng)常使用ps手繪一些喜歡的風景,風景里當然就是少不了山,下文中為大家?guī)砹藀s扁平化風格插畫教程。感興趣的朋友不妨閱讀下文內(nèi)容,參考一下吧2021-02-02
- ps怎么手繪扁平化效果的冰川插畫?想要手繪一幅簡潔的冰川插畫,該怎么繪制冰川呢?下面我們就來看看ps冰川的畫法,需要的朋友可以參考下2020-07-21
ps怎么手繪高原落日風景插畫? ps扁平化海報的設(shè)計方法
ps怎么手繪高原落日風景插畫??ps中想要繪制一幅扁平化的插畫,該怎么繪制這幅矢量圖呢?下面我們就來看看ps扁平化海報的設(shè)計方法,需要的朋友可以參考下2020-07-15ps怎么手繪扁平化的鄉(xiāng)間村莊插畫? ps鄉(xiāng)村風景插畫的繪制過程
ps怎么手繪扁平化的鄉(xiāng)間村莊插畫?想要繪制一幅風景插畫,該怎么繪制呢?下面我們就來看看ps鄉(xiāng)村插畫的繪制過程,需要的朋友可以參考下2020-07-15ps怎么手繪扁平化的海上明月帆船插畫? ps小清新插畫的設(shè)計思路
ps怎么手繪扁平化的海上明月帆船插畫?ps中想要手繪一個扁平化風格的插畫,今天就以海上小帆船為例,下面我們就來詳細介紹ps小清新插畫的設(shè)計思路,需要的朋友可以參考下2020-07-13- ps怎么手繪扁平化效果的靜謚森林插畫?ps中想要繪制一幅淡紫色的扁平化森林插畫,該怎么繪制呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2020-07-07