這篇教程是向朋友們分享用PS繪制一組太空系列的扁平立體圖標(biāo)，教程繪制出來的圖標(biāo)非常漂亮，方法很簡(jiǎn)單，喜歡的朋友可以一起來學(xué)習(xí)一下。

效果圖：

1.制作太空火箭圖標(biāo)

這里是我們將應(yīng)用于我們的形狀的調(diào)色板示例。我選擇褪色的顏色來創(chuàng)建復(fù)古效果，這與平面圖像很好地結(jié)合。

您可以將此調(diào)色板保存到計(jì)算機(jī)中，在Photoshop中打開它，然后使用吸管工具（I）直接從中選取顏色，或在填充 面板中選擇基本形狀。

步驟1

首先，我們來創(chuàng)建基礎(chǔ)。

我們的圖標(biāo)將變?yōu)閳A形，因此請(qǐng)從“ 工具”面板中的基本形狀中選擇橢圓工具（U）。

點(diǎn)擊你的畫板來調(diào)出彈出選項(xiàng)菜單，并設(shè)置圖標(biāo)基地的寬度和高度為512x512像素。

現(xiàn)在我們有一個(gè)偶數(shù)圈。讓我們用深藍(lán)色填充它，讓人想起太空深處。仍然選擇橢圓工具（U），找到上面的控制面板并單擊填充按鈕。

在彈出的“填充”菜單中單擊多色方形圖標(biāo)時(shí)，您可以選擇其中一種默認(rèn)色板顏色或設(shè)置自己的顏色。

第2步

現(xiàn)在我們需要?jiǎng)?chuàng)建火箭基地。首先在圖標(biāo)中間放置一個(gè)壓扁的白色橢圓。

就拿直接選擇工具（A） ，然后點(diǎn)擊創(chuàng)建橢圓形的邊緣使其路徑和錨點(diǎn)可見。

切換到轉(zhuǎn)換點(diǎn)工具（您可以在與鋼筆工具（P）相同的菜單中找到它）并單擊上部定位點(diǎn)使其成為銳角。

第3步

選中火箭基座，轉(zhuǎn)到 上面的形狀控制面板中的路徑操作，然后選擇相交形狀區(qū)域。

然后拿起矩形工具（U）并畫出一個(gè)矩形，與大部分火箭重疊，但在底部留下一小塊。

作為此操作的結(jié)果，矩形邊界外的所有內(nèi)容都將變得不可見。這樣我們切斷了火箭的底部。

步驟4

我們讓我們的火箭的一半稍微陰影。首先，打開智能參考線在視圖>顯示>智能參考線 ; 他們會(huì)幫助你將你的形狀放在適當(dāng)?shù)奈恢谩?/p>

繼續(xù)制作一個(gè)淺灰色的長(zhǎng)方形，并將其放在火箭上方，覆蓋其右側(cè)。

第5步

現(xiàn)在我們需要在火箭基地外隱藏矩形的那些部分。這看起來有點(diǎn)棘手，但您只需按照正確的順序執(zhí)行以下操作即可。

首先，按住Control鍵并 點(diǎn)擊圖層面板中的火箭圖層。一旦你這樣做了，你會(huì)看到火箭邊界上的行軍螞蟻。

現(xiàn)在，您只需選擇灰色矩形圖層，然后單擊 “ 圖層”面板底部面板中的添加蒙版圖標(biāo)。

通過這種方式，您可以創(chuàng)建一個(gè)與您的圖層鏈接的遮罩，該遮罩隱藏了所選內(nèi)容之外的所有不需要的部分。

第6步

取橢圓工具（U）并添加一個(gè)圓圈，形成我們火箭的照明器。我們還要?jiǎng)?chuàng)建它的內(nèi)部部分，玻璃本身。

按下Control-J 復(fù)制照明層?，F(xiàn)在按下Control-T 來轉(zhuǎn)換形狀。前往上方的控制面板，將圓的寬度和高度降低至70％。

用淡灰藍(lán)色填充照明器內(nèi)部，保留我們調(diào)色板的復(fù)古風(fēng)格，并用圓角矩形工具（U）在我們的火箭底部添加噴油器。

第7步

讓我們將鰭加入我們的火箭，使其更加詳細(xì)。

首先形成淡紅色的均勻圓形，然后用直接選擇工具（A）拖動(dòng)其底部錨點(diǎn)，然后擠出形狀。

然后用轉(zhuǎn)換點(diǎn)工具點(diǎn)擊它，使其變得銳利。

第8步

按下Control-T，稍微旋轉(zhuǎn)翅片，然后將其放在火箭后面。

然后按Control-J 復(fù)制鰭并轉(zhuǎn)到編輯>變換路徑>水平翻轉(zhuǎn)。

按住Shift鍵將鏡像形狀沿水平軸移動(dòng)到火箭的另一側(cè)。

第9步

在火箭的前部添加第三個(gè)鰭，并用Free Transform（Control-T）將其壓扁。

第10步

現(xiàn)在我們需要對(duì)我們的圖標(biāo)應(yīng)用時(shí)髦的長(zhǎng)影效果。

通過創(chuàng)建一個(gè)黑色矩形并在Layers面板中將其不透明度 降低到50％來開始形成陰影，以獲得更多便利。

在自由變換模式（Control-T）中將矩形旋轉(zhuǎn)45度。

展開矩形以覆蓋火箭，如下面的屏幕截圖所示。

第11步

移動(dòng)并將矩形放在火箭后面?，F(xiàn)在我們需要去除火箭左半邊外面的矩形部分。

抓取添加錨點(diǎn)工具（與鋼筆工具（P）相同的菜單），并將幾個(gè)錨點(diǎn)添加到黑色矩形中。

將其中一個(gè)放置在矩形與左鰭底部尖端接觸的位置，第二個(gè)放置在矩形與火箭右半部分的交點(diǎn)處。

現(xiàn)在我們可以用直接選擇工具（A）移動(dòng)剩余的錨點(diǎn)，將它們隱藏在火箭后面。

第12步

這是另一種簡(jiǎn)單的方法來隱藏陰影中不需要的部分，它們位于圖標(biāo)基底之外。

選擇陰影形狀圖層，然后按住Alt 鍵，將鼠標(biāo)光標(biāo)移動(dòng)到圖標(biāo)基礎(chǔ)圖層上。

一旦看到光標(biāo)變?yōu)閹Ъ^的小方塊，請(qǐng)單擊圖層，從而創(chuàng)建一個(gè) 剪貼蒙版。

選擇陰影，切換到矩形工具（U），并將陰影的填充顏色更改為從黑色到白色的線性漸變。

在“ 圖層”面板的頂部將陰影的混合模式切換為“ 正片疊底” ，以便陰影與圖標(biāo)基底很好地融合在一起。

步驟13

讓我們?cè)谖覀兊幕鸺咸砑右恍┬〉募?xì)節(jié)，使其更加異想天開。取橢圓工具（U）并在火箭頂部放置一個(gè)紅色的橢圓。

選擇創(chuàng)建的橢圓和基本火箭零件，并在選擇橢圓工具（U）時(shí)， 右鍵單擊 以調(diào)出上下文菜單。

使用重疊形狀的聯(lián)合形狀來隱藏不需要的部分，形成一個(gè)火箭尖。最后，使用更淺的藍(lán)色為火箭的玻璃添加一個(gè)簡(jiǎn)單的亮點(diǎn)。

通過在圓形底座上散布一些淡黃色的星星來完成火箭的運(yùn)行，為我們的太空?qǐng)D標(biāo)增加深度。

2.呈現(xiàn)平面條紋的星球圖標(biāo)

正如我們現(xiàn)在熟悉一些簡(jiǎn)單的Photoshop功能和基本的形狀操作，我們可以加快這一過程，因?yàn)槲覀儗⑹褂妙愃频募夹g(shù)。

讓我們繼續(xù)看下我們的下一個(gè)圖標(biāo)：帶有小行星帶的行星。

步驟1

首先為行星的底部制造一個(gè)淡黃色的圓圈。移動(dòng)并使用矩形工具（U）在行星上方創(chuàng)建一組窄條紋，并改變它們的寬度和顏色。

您可以對(duì)條紋進(jìn)行分組（選擇它們并按下Control-G）并旋轉(zhuǎn)條紋組，以便為我們的星球添加一些動(dòng)態(tài)。

第2步

現(xiàn)在我們需要擺脫不需要的部分。選擇行星基地; 采取橢圓工具（U）并右鍵點(diǎn)擊 我們的圖標(biāo)。

在上下文菜單中選擇 Make Selection，然后在Make Selection彈出窗口中單擊OK，將選項(xiàng)保留為默認(rèn)值。

當(dāng)你在地球上選擇行軍螞蟻時(shí)，選擇條紋組，然后單擊“ 層”面板底部的添加蒙版圖標(biāo)，將不需要的部分隱藏在蒙版內(nèi)。

第3步

讓我們通過在其右側(cè)放置一個(gè)簡(jiǎn)單的陰影來為我們的星球添加一些維度。復(fù)制基本的行星形狀并將該圖層放在其他圖層的頂部，將圖形向上并向左移動(dòng)。

選擇兩個(gè)圓形形狀并使用減去正面形狀功能。將創(chuàng)建的形狀的混合模式切換到屏幕 ，并將不透明度設(shè)置為40％，使行星更亮，從而在其右邊緣創(chuàng)建陰影。

步驟4

讓我們?cè)谛行侵車砑有⌒行黔h(huán)。制作一個(gè)壓扁的橢圓并啟用Subtract Font Shape路徑 操作。

然后在第一個(gè)橢圓上再做一個(gè)更小的橢圓，從而形成一個(gè)孔。

我們需要?jiǎng)h除與行星重疊的部分，使其隱藏在基本行星形狀的后面。首先添加一個(gè)橢圓，覆蓋我們要隱藏的行星頂部和環(huán)的一部分（截圖中的紅色筆畫形狀）。

選擇創(chuàng)建的橢圓和基本的行星形狀，并在重疊上形成Unite Shapes，在行星頂部創(chuàng)建一個(gè)“帽子”。

第5步

用鼠標(biāo)右鍵單擊 該 紅色描邊形狀和作出選擇。然后轉(zhuǎn)到選擇>反轉(zhuǎn)。

保持選擇，單擊環(huán)形圖層并添加一個(gè)遮罩以隱藏不需要的部分。

第6步

使用與火箭圖標(biāo)相同的技術(shù)為圖標(biāo)添加平面陰影。

最后，斑點(diǎn)星球周圍的星星。

3.用天線創(chuàng)建一個(gè)射電望遠(yuǎn)鏡

步驟1

開始做一個(gè)黑色的圓圈。顏色并不重要，因?yàn)槲覀儾恍枰@個(gè)圓圈本身。在圓上方放一個(gè)紅色矩形，覆蓋一半。

選擇圓形并將矩形放入蒙版中，將不需要的部分隱藏在圓外?，F(xiàn)在我們可以刪除黑色圓圈，只留下紅色部分。

用較深的紅色填充創(chuàng)建的形狀的底部，使射電望遠(yuǎn)鏡基座更加細(xì)致。

第2步

讓我們?cè)谖覀兊纳潆娡h(yuǎn)鏡上添加一個(gè)天線。首先，在基本望遠(yuǎn)鏡形狀的右側(cè)放置一個(gè)壓扁的橢圓形，形成它的內(nèi)部部分并增加尺寸。

在多邊形工具（U）的幫助下，從三邊多邊形上移動(dòng)并形成一個(gè)三角形，然后用較淺的灰色填充它。延長(zhǎng)形狀，使天線更薄，并在其尖端放置一個(gè)小圓圈。

第3步

輕輕轉(zhuǎn)動(dòng)望遠(yuǎn)鏡，使其看起來跟蹤空間信號(hào)。為基礎(chǔ)添加另一個(gè)灰色三角形。用減去正面形狀 功能剪出它內(nèi)部的較小三角形。

步驟4

通過形成一個(gè)長(zhǎng)長(zhǎng)的影子并為我們的圖標(biāo)添加一組星星來完成射電望遠(yuǎn)鏡。

4.制作一個(gè)有趣的UFO圖標(biāo)

步驟1

通過創(chuàng)建一個(gè)平坦的圓來開始形成UFO的上半部分。我們需要通過在上面創(chuàng)建一個(gè)橢圓并在重疊處選擇Unite Shapes 來刪除圓的底部 。

第2步

在玻璃部分添加反射，并添加飛碟部分，由兩個(gè)紅色橢圓組成，一個(gè)在另一個(gè)之上，具有狹窄的灰色基礎(chǔ)。

第3步

通過在底部添加一個(gè)光圈并在碟部分添加一些黃色燈泡，使UFO更加詳細(xì)。

通過添加陰影和一組星星來完成形成圖標(biāo)。

5.渲染三腳架望遠(yuǎn)鏡圖標(biāo)

步驟1

望遠(yuǎn)鏡主要由擠壓管組成，所以我們首先為望遠(yuǎn)鏡的底部形成一個(gè)狹長(zhǎng)的矩形。

復(fù)制形狀（Control-J） 并用Free Transform（Control-T）擠壓上層。

在望遠(yuǎn)鏡的底部填充深紅色，形成柔和的陰影。

第2步

添加一個(gè)管的前部分，并通過添加一個(gè)壓扁的灰藍(lán)色橢圓形成一個(gè)鏡片。使用轉(zhuǎn)換點(diǎn)工具單擊它們，使其上部和下部錨點(diǎn)尖銳。

通過單擊Control-Shift- [ 并添加淺藍(lán)色的簡(jiǎn)單反射來將透鏡放置在管的后面 。

第3步

通過組合兩個(gè)狹窄的灰色矩形構(gòu)成我們望遠(yuǎn)鏡的目鏡。選擇圓角矩形工具并添加支撐望遠(yuǎn)鏡的三腳架腿。

旋轉(zhuǎn)腿并以較暗的灰色添加小橋接細(xì)節(jié)。

步驟4

旋轉(zhuǎn)望遠(yuǎn)鏡的主體，使其向上看，在星星上。通過添加一個(gè)長(zhǎng)長(zhǎng)的影子和一群星星來完成。

6.繪制新月形月亮和云彩圖標(biāo)

步驟1

開始通過制作一個(gè)黃色的圓圈形成一個(gè)月牙形，然后在上面添加一個(gè)小圓圈，將它放在基本月亮形狀的右上角。

使用減去正面形狀功能剪出月亮的一部分，形成新月形。

第2步

讓我們開始從藍(lán)色圓圈渲染云。增加一個(gè)更小的尺寸和更多的圈子，使云蓬松。

如果圓圈位于不同的圖層上，請(qǐng)?jiān)谏舷挛牟藛沃羞x擇所有圖層和“ 統(tǒng)一圖形 ”。

第3步

我們通過添加一個(gè)狹長(zhǎng)的矩形并使用減去正面形狀函數(shù)來隱藏矩形所覆蓋的底部部分，從而切掉云的下部。

步驟4

在月球后面放置另一片云，使其稍微變小一些，為我們的圖標(biāo)增加一些深度。為圖標(biāo)的每個(gè)對(duì)象渲染一個(gè)長(zhǎng)影子，并為月亮周圍的星星點(diǎn)綴斑點(diǎn)。

7.添加一個(gè)深空背景

現(xiàn)在我們已經(jīng)完成了所有圖標(biāo)，讓我們?cè)谒鼈兒竺嫣砑右粋€(gè)更深的灰藍(lán)色背景圖層，并在這里和那里為星星添加一些較亮的橢圓，并改變它們的大小和位置。

最后，在Artboard的邊緣放置幾個(gè)帶圓角矩形工具的條紋，使布局更時(shí)尚。

OK，恭喜你完成了。

我們剛剛在Photoshop中制作了一組帶有長(zhǎng)陰影的時(shí)髦平面空間圖標(biāo)。

我希望這些簡(jiǎn)單形狀的路徑操作能夠幫助您在將來的項(xiàng)目中使用。祝你好運(yùn)！

最新評(píng)論