提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
在ps里如何創(chuàng)建6個扁平圖標(biāo)
我們將會創(chuàng)建以上6個扁平圖標(biāo);
通過最近發(fā)生在太空探索和發(fā)現(xiàn)的事件啟發(fā),我們將經(jīng)過一個令人興奮的過程,在Adobe Photoshop里創(chuàng)建時尚扁平的圖標(biāo),長陰影的影響下,用簡單的形狀和路徑操作。讓我們開動吧!
一.太空火箭圖標(biāo)
下面我們將應(yīng)用我們的形狀工具。我選擇圖像色彩飽和度低的顏色以營造出復(fù)古的效果,這使得有一個很好的結(jié)合與扁平圖標(biāo)。您可以將此顏色調(diào)色板保存到您的計算機(jī),在打開的Photoshop中,用吸管工具(I)直接從中挑選顏色,為基本形狀填充顏色。
第1步
首先,讓我們開始創(chuàng)建地基。我們的圖標(biāo)都是圓的,所以從工具面板中的基本形狀選擇橢圓工具(U)。
在彈出選項菜單中設(shè)置圖標(biāo)寬度和高度為512×512像素。現(xiàn)在,我們創(chuàng)建一個圓。并填充成暗藍(lán)色,
使人聯(lián)想到深空。
第2步
現(xiàn)在,我們需要創(chuàng)建火箭地基。首先,在壓扁的白色橢圓的頂部,選擇轉(zhuǎn)換點工具,然后單擊上方錨點,使其變鋒利。
第3步
保持矢量的選定火箭發(fā)射地基,進(jìn)入路徑操作的形狀控制面板,并選擇“與形狀區(qū)域相交”。然后選取
矩形工具(U),并繪制一個矩形,重疊在火箭上,在底部留下一個小片。由于有此操作,所以外面的
矩形邊界將變得不可見。這樣,我們就切斷了火箭的底部。
第4步
讓我們做一個略有陰影的另一半火箭。首先,打開在查看>顯示>智能參考線智能參考線;他會幫你把
形狀放在適當(dāng)?shù)奈恢蒙?。新建圖層創(chuàng)建一個淺灰色的矩形,將這個圖層放在火箭圖層的上面,并覆蓋其
右側(cè)。
第5步
現(xiàn)在,我們需要隱藏火箭地基外矩形多余部分。這似乎有點棘手,而你只需按以下正確的順序操作即可。
首先,按住Ctrl鍵并單擊火箭圖層上的圖層面板。一旦你這樣做,你會看到螞蟻選擇線沿火箭的邊界。
現(xiàn)在,你需要做的是選擇灰色矩形圖層,然后單擊添加一個蒙板。這樣,你就創(chuàng)建了一個面具,鏈接
到你的層,它的作用是隱藏選區(qū)外不需要的部分。
第6步
選擇橢圓工具(U),并添加一個圓,形成火箭的照明。繼續(xù)創(chuàng)建它的內(nèi)部,玻璃本身。復(fù)制剛才的圖
層照明-圓,按下Control-T改變形狀。在控制面板上方,減少圓的寬度和高度至70%。
用淺灰色與藍(lán)色顏色填充2個圓。在火箭底部,創(chuàng)建圓角矩形。
第7步
添加翅片到火箭上,使之更逼真。首先在圓中填充褪紅色,并選取“轉(zhuǎn)換點工具”拖動底部錨點下來,
使其鋒利。
第8步
按Ctrl-T,旋轉(zhuǎn)翅片,并將其放置在火箭后面。然后復(fù)制翅片,選擇編輯>變換路徑>水平翻轉(zhuǎn)。
按住Shift鍵沿水平方向移動右邊翅片到火箭的另一側(cè)。
第9步
增加第三個翅片放在火箭的前部(變換可通過ctrl+T操作)。
第10步
現(xiàn)在,需要添加一個漂亮的長陰影效果在圖標(biāo)上。形成影子可通過創(chuàng)建一個黑色的矩形,并降低
其不透明度降低至50%,然后旋轉(zhuǎn)矩形45度。
擴(kuò)展矩形以覆蓋火箭,如下面的屏幕截圖。
第11步
繼續(xù)前進(jìn),我們需要刪除火箭左半外部的矩形長陰影。使用錨點工具(在相同的菜單,鋼筆工具(P))
操作。
第12步
另一種簡單的方法來隱藏陰影中不要的部分。選擇陰影形狀圖層,并按住Alt鍵,移動鼠標(biāo)到地基圓的圖層上。
一旦你看到光標(biāo)變?yōu)閹Ъ^的一個微小正方形時,點擊圖層,從而創(chuàng)造剪貼蒙版。
選擇的影子,切換為矩形工具(U),改變影子的填充顏色。切換圖層面板上半部分為正片疊底,
這樣的陰影很好地融合在了背景上。
第13步
添加一些小的細(xì)節(jié),我們的火箭,使其更加異想天開。取橢圓工具(U),并放置一個紅色橢圓在火箭的
上半部分。同時選擇創(chuàng)建橢圓,使其成為火箭頭部的一部分,使用形狀重疊功能來隱藏不需要的部分,使其
形成火箭一角。最后,用淡藍(lán)色為火箭添加一個簡單的高亮玻璃。
完成了火箭的繪制,并在其周圍添加一些淡黃色圓點,以增加深度,使其有空間感。
第二.繪制一個平條紋星球圖標(biāo)
正如現(xiàn)在我們熟悉的簡單的Photoshop功能和基本形狀操作,我們可以加快這一進(jìn)程,因為我們將使用
類似的技術(shù)。
讓我們繼續(xù)我們的下一個圖標(biāo):一顆行星與小行星帶。
第1步
行星用淺黃色的偶數(shù)圓為地基。繼續(xù)前進(jìn),創(chuàng)建一組窄條紋在星球上面,用矩形工具(U),改變它們
的寬度和顏色。您可以組條紋(選擇它們并按下Control+ G)旋轉(zhuǎn)條紋組,
動態(tài)地添加到我們的星球。
第2步
現(xiàn)在,我們需要擺脫不需要的部分。選擇這個星球地基;用橢圓工具(U)在圖標(biāo)上單擊右鍵,選擇菜單
中的“建立選區(qū)”。
當(dāng)螞蟻線選擇在這個星球上,選擇條紋組,然后單擊添加蒙板,以掩藏不需要的部分。
第3步
添加一個簡單的陰影到我們的星球上。復(fù)制星球形狀,并把這個形狀層向上和向左。選擇這兩個圓圈形狀
并使用減去前形狀的功能。切換的模式為濾色,設(shè)置不透明度為40%,使得地球更輕并形成一個陰影,在
其右邊緣。
第4步
讓我們添加小行星環(huán)圍繞地球。做一個壓扁橢圓形,使用形狀減路徑操作。然后,用一個更小尺寸的橢圓形
相減,使其形成一個孔。
我們需要刪除行星與環(huán)重疊的部分,使其隱藏背后的基本行星形狀。操作如下,加入一個橢圓,覆蓋在地球上面,
創(chuàng)造地球上的頂部的“帽子”。
第5步
圖中紅筆畫的形狀右鍵單擊對菜單進(jìn)行選擇>反向。
保持選擇,單擊環(huán)層和添加蒙板來隱藏它不需要的部分。
第6步
添加一個平坦陰影使用第一個火箭圖標(biāo)的相同技術(shù)。
最后,添加圍繞在地球周圍的恒星。
第三. 創(chuàng)建一個有天線的無線電望遠(yuǎn)鏡
第1步
使用黑色圓。顏色并不重要,因為我們并不需要圓本身。把紅色矩形放圓之上,覆蓋一半。
使圓形的選擇把矩形變成一個面具,隱藏不需要的部分?,F(xiàn)在,刪除黑色圓圈,只剩下紅色部分。
填補(bǔ)暗紅色創(chuàng)建形狀的底部,使得電望遠(yuǎn)鏡的基礎(chǔ)更加詳細(xì)。
第2步
添加一個天線。首先,把壓扁的橢圓形放置在右側(cè)的基本望遠(yuǎn)鏡形狀旁邊。繼續(xù),
在多邊形工具(U)的幫助下,創(chuàng)建一個三角形,填充淺灰色。延伸的形狀,使得天線更薄,并把一
小圓放置在其尖端。
第3步
稍微旋轉(zhuǎn)望遠(yuǎn)鏡,使其跟蹤空間信號。添加另一個以灰色三角形為基礎(chǔ)的底座。切出的小三角形
與它相減。
第4步
完成了電望遠(yuǎn)鏡形成的一個長長的影子,并增加一組星星在其旁邊。
第四.一個有趣的UFO圖標(biāo)
第1步
首先創(chuàng)建一個圓形成UFO的上部。我們需要創(chuàng)建上面的橢圓,并刪除圓的底部形狀重疊。
第2步
添加反射玻璃部分,添加飛碟的剩余部分,兩個紅色橢圓下方,創(chuàng)建一個灰色的基座。
第3步
在飛碟底部添加光圓及上面的黃色燈泡。
添加陰影和一群恒星形成的圖標(biāo)。
第五.一個三腳架望遠(yuǎn)鏡圖標(biāo)
第1步
望遠(yuǎn)鏡包括主要的擠壓管形成,所以讓我們開始通過形成窄的矩形為望遠(yuǎn)鏡的基礎(chǔ)。重復(fù)的形狀
和管壁用自由變換(ctrl+T)工具。填加底部溫柔的影子。
第2步
通過添加一個壓扁呈灰藍(lán)色的形狀添加在管的前部,并形成一個透鏡
橢圓。使上下錨點尖銳,可通過點擊它們與轉(zhuǎn)換點工具。
通過點擊控制,按住Shift將管子后面的鏡頭,添加簡單淡藍(lán)色的反射。
第3步
通過結(jié)合兩個狹窄的灰色矩形構(gòu)成了我們的望遠(yuǎn)鏡的目鏡。用圓角矩形工具,并添加薄三腳架腿,支撐著
望遠(yuǎn)鏡。
旋轉(zhuǎn)腿和深灰色并添加小橋接。
第4步
旋轉(zhuǎn)望遠(yuǎn)鏡,使它看起來向上看天上的星星。通過增加一個長長的影子和一組星星完成了。
第六.繪制月牙兒與云圖標(biāo)
第1步
形成一個月牙形,通過一個圓填充黃色,然后添加一個小圓圈在上面,將其放置在右上側(cè),
使其形成基本的月亮形狀。用相減法工具切出一部分,形成月牙。
第2步
用藍(lán)色圓圈呈現(xiàn)一片云彩。添加了另一些更小的尺寸的圓,使得云蓬松。如果圓圈
在不同的圖層,選擇所有這些,組合形狀。
第3步
讓我們來切斷云的下部,通過添加一個窄矩形,并使用減去形狀將隱藏底部的一部分。
第4步
放另一個云在月亮背后,并使它略小一些。增加長陰影以及月球的星星。
7.添加一個深空背景
現(xiàn)在我們已經(jīng)完成全部的圖標(biāo),讓我們添加一個暗灰藍(lán)色做為他們身后的背景層,并加一些較輕的橢圓在這里或那里,并改變橢圓的大小和位置。最后,放置幾個條紋(圓角矩形工具)在畫板邊緣,使得布局更時尚。
干得好,伙伴們!我們剛剛制作完一套時髦的扁平圖標(biāo)在Adobe Photoshop。我希望這些簡單的
形狀路徑操作會幫助你在未來的項目。祝好運!
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊