Photoshop設(shè)計(jì)時(shí)尚簡(jiǎn)潔的低多邊形星系風(fēng)格海報(bào)教程

掌握最火的設(shè)計(jì)趨勢(shì)!今天的Photoshop設(shè)計(jì)時(shí)尚簡(jiǎn)潔的低多邊形星系風(fēng)格海報(bào)教程靈感,取自多邊形又不落俗套,作者巧妙地以星系風(fēng)格展現(xiàn)出來(lái),時(shí)尚感與科技感兼?zhèn)?,效果過(guò)程不難,還附上星空背景的快速繪制技巧,特別適合新手練習(xí)。推薦到腳本之家,一起來(lái)學(xué)習(xí)吧!
前言
筆刷、紋理、甚至是Photoshop的雜色濾鏡都能做出星系的樣子,但是我覺(jué)得遠(yuǎn)遠(yuǎn)不夠。它或許不夠直接,又很難用任何一種形狀就能將它表達(dá)完全。所以,我們所畫(huà)的星系似乎都只是概念中的星系。本教程要教大家用AI和PS來(lái)打造一張星系海報(bào),當(dāng)然,如果用星空做背景那就太平淡了。這次,讓我們嘗試用低多邊形來(lái)為星系造型。
一、星系的造型
1、打開(kāi)AI,新建一個(gè)任意大小的文檔。矢量圖的尺寸大小當(dāng)然不太重要。在此我創(chuàng)建的是800px*800px,我想提醒一下,如果是想要畫(huà)出非常纖細(xì)的星系線條(線條小于1pt),那么,就請(qǐng)?jiān)谛陆ㄎ臋n時(shí),不要勾選“使新建對(duì)象與像素網(wǎng)格對(duì)齊”。因?yàn)?,如果你不這樣做,你做出的圖形描邊很有可能就不會(huì)少于1pt。
2、打開(kāi)多邊形工具,畫(huà)上一個(gè)大于8條邊的多邊形。我在這里畫(huà)上的是13邊形,填充為空,描邊黑色0.25pt。如果第一次做這類星系圖的童鞋,可以參考我的數(shù)值,等以后熟悉了這套路再發(fā)散自己的思路。
3、運(yùn)用直線工具開(kāi)始畫(huà)星系。在畫(huà)星系前最好開(kāi)啟“智能參考線”,智能參考線能幫助你在畫(huà)線條時(shí)識(shí)別哪里是端點(diǎn),哪里應(yīng)該對(duì)齊,哪里是兩條路徑的交點(diǎn)。畫(huà)線條的時(shí)候盡量保持將這個(gè)圓形看做一個(gè)三維的球體面,那么這些線條就能表現(xiàn)為一個(gè)低多邊形組成的三維圖形。在這個(gè)過(guò)程中,維持立體感的視覺(jué)非常重要。
4、將中間的線條清除,為接下來(lái)要制作的文字符號(hào)留出位置。根據(jù)你要增加標(biāo)識(shí)的外形而選擇要?jiǎng)h除的線條。接下來(lái),就利用橢圓工具在每個(gè)線條與線條的交匯處畫(huà)上一個(gè)小小的實(shí)心圓,實(shí)心圓填充黑色。
5、我在這個(gè)星系圖里畫(huà)上的是一個(gè)“F”,這是我的個(gè)人網(wǎng)站(http://ifeiwu.com)的其中一個(gè)字母,我用它來(lái)作為我的個(gè)人標(biāo)識(shí)。
這樣,我們就為這個(gè)概念的星系造型完成。
二、海報(bào)的制作
1、打開(kāi)PS,新建一個(gè)1000px*1400px的文檔。在這里,我的海報(bào)只限于網(wǎng)絡(luò)上使用,所以不需要打印的尺寸。畫(huà)上一個(gè)530px的黑色實(shí)心正圓,將剛剛AI里星系文檔在PS里打開(kāi)。星系圖層選用“顏色疊加”的混合選項(xiàng),將顏色換作白色。
2、這時(shí),我們把這個(gè)黑色實(shí)心圓看做是背景,類似于夜空。
我們要為夜空增加漫天繁星怎樣做呢?有些童鞋說(shuō)可以增加一張星空?qǐng)D片然后降低透明度等方式來(lái)增加星空效果。還有的童鞋也提到了星空的畫(huà)筆、紋理。
在此,我在這里教大家一個(gè)非常簡(jiǎn)單的辦法,做一個(gè)普通的漫天繁星黑色夜空。在黑色實(shí)心圓上方增加一個(gè)新圖層,將圖層填充黑色,然后進(jìn)入濾鏡>雜色>添加雜色,數(shù)量為15%,設(shè)置參數(shù)可以參考下圖里的設(shè)置。然后進(jìn)入圖像>調(diào)整>色階(ctrl+L)移動(dòng)滑塊使得該圖層的雜色變?yōu)橹涣魩最w比較明亮的星星的點(diǎn)狀效果。
將該步驟所做的圖層設(shè)置為實(shí)心圓的剪切模板,效果如下:
3、為了讓夜空背景多一些變化,我在此添加一些漸變讓它顯得更有魅力。
新建一個(gè)圖層,選擇“漸變工具”,選用“照片色調(diào)”中的“鈷鐵色3”。然后用漸變工具,對(duì)準(zhǔn)實(shí)心圓自上到下拉出一條線性漸變。將漸變圖層設(shè)置為實(shí)心圓的剪切蒙版。混合模式改為“線性減淡”,透明度降低為70%。
這樣做,使得黑色背景呈現(xiàn)出“黑夜剛剛來(lái)襲,最后一絲陽(yáng)光褪去”的天空色彩。模擬了大自然色彩的漸變色,最適合用在此處。當(dāng)然你還可以在漸變庫(kù)里找到其他更美的色調(diào)。我們還可以為海報(bào)增加其他元素,比如一行文字,一個(gè)網(wǎng)址。
海報(bào)做好后的最終效果,在這里我使用的是純色背景。
后記
學(xué)習(xí)了這個(gè)教程,大家又掌握了一個(gè)制作星系的新方法。星系除了能表現(xiàn)神秘感,還能表現(xiàn)出科技感。實(shí)際運(yùn)用時(shí),搭配大自然色系最能打動(dòng)人心,而運(yùn)用科技感時(shí)配色盡量保持低調(diào)。在制作線條時(shí)一定要保持線條的干凈利落和纖細(xì)感,所以,如果你使用的1px或以上像素的線條,深邃感就會(huì)減弱。嘗試出真知,大家還是親自體驗(yàn)一次吧。
以上就是Photoshop設(shè)計(jì)時(shí)尚簡(jiǎn)潔的低多邊形星系風(fēng)格海報(bào)教程,希望大家喜歡!
相關(guān)文章
- 這篇教程是向腳本之家的朋友分享photoshop模擬立體感的低多邊形效果方法,教程制作出來(lái)的效果非常有立體感,推薦到腳本之家,一起來(lái)學(xué)習(xí)吧2017-02-17
- 這篇教程是向腳本之家的朋友介紹PS簡(jiǎn)單制作漂亮流行的低多邊形背景方法,教程制作出來(lái)的多邊形背景非常地漂亮,難度不是很大,很適合新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋2015-08-17
- 低多邊形(Low-Poly)字體設(shè)計(jì)是目前最新、最火的一個(gè)設(shè)計(jì)趨勢(shì)。低多邊形字體設(shè)計(jì)主要是基于有少量多邊形的3D網(wǎng)格,同時(shí)結(jié)合一些渲染技術(shù)和燈光效果,使這些網(wǎng)格看上去像紙工2015-02-05
PS與AI結(jié)合快速把人物轉(zhuǎn)為低多邊形肖像
Low Poly為3D中的低精度模型,應(yīng)用到人像中就是低多邊形肖像,平面設(shè)計(jì)中經(jīng)常用到。 制作過(guò)程:先找好一副像素較高的人物圖片,截取想要的部分2014-06-16- 低多邊形(Low-Poly)字體設(shè)計(jì)是目前最新、最火的一個(gè)設(shè)計(jì)趨勢(shì)。低多邊形字體設(shè)計(jì)主要是基于有少量多邊形的3D網(wǎng)格,同時(shí)結(jié)合一些渲染技術(shù)和燈光效果,使這些網(wǎng)格看上去2014-04-15
- 這篇教程是向腳本之家的朋友分享PS繪制低多邊形風(fēng)格的熊貓頭像插畫(huà)方法,教程繪制出來(lái)的低變形風(fēng)格非常漂亮,難度不是很大,值得大家學(xué)習(xí),推薦到腳本之家,喜歡的朋友可以2017-04-06