當(dāng)前位置:首頁(yè)>ps實(shí)例教程>ps制作實(shí)例>背景壁紙>教程內(nèi)容

ps設(shè)計(jì)多邊形星空海報(bào)(3)

來(lái)源:站酷 作者:飛屋睿UIdesign 學(xué)習(xí):19626人次

掌握最火的設(shè)計(jì)趨勢(shì)!今天的教程靈感,取自多邊形又不落俗套,作者巧妙地以星系風(fēng)格展現(xiàn)出來(lái),時(shí)尚感與科技感兼?zhèn)洌Ч^(guò)程不難,還附上星空背景的快速繪制技巧,特別適合新手練習(xí)。

教程最終PSD:http://vdisk.weibo.com/s/spOWhk1cl_dT

前言

筆刷、紋理、甚至是Photoshop的雜色濾鏡都能做出星系的樣子,但是我覺(jué)得遠(yuǎn)遠(yuǎn)不夠。它或許不夠直接,又很難用任何一種形狀就能將它表達(dá)完全。所以,我們所畫(huà)的星系似乎都只是概念中的星系。本教程要教大家用AI和PS來(lái)打造一張星系海報(bào),當(dāng)然,如果用星空做背景那就太平淡了。這次,讓我們嘗試用低多邊形來(lái)為星系造型。

ps設(shè)計(jì)多邊形星空海報(bào)

一、星系的造型

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。

ps設(shè)計(jì)多邊形星空海報(bào)

2、打開(kāi)多邊形工具,畫(huà)上一個(gè)大于8條邊的多邊形。我在這里畫(huà)上的是13邊形,填充為空,描邊黑色0.25pt。如果第一次做這類星系圖的童鞋,可以參考我的數(shù)值,等以后熟悉了這套路再發(fā)散自己的思路。

ps設(shè)計(jì)多邊形星空海報(bào)

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é)非常重要。

ps設(shè)計(jì)多邊形星空海報(bào)

4、將中間的線條清除,為接下來(lái)要制作的文字符號(hào)留出位置。根據(jù)你要增加標(biāo)識(shí)的外形而選擇要?jiǎng)h除的線條。接下來(lái),就利用橢圓工具在每個(gè)線條與線條的交匯處畫(huà)上一個(gè)小小的實(shí)心圓,實(shí)心圓填充黑色。

ps設(shè)計(jì)多邊形星空海報(bào)

5、我在這個(gè)星系圖里畫(huà)上的是一個(gè)“F”,這是我的個(gè)人網(wǎng)站(http://ifeiwu.com)的其中一個(gè)字母,我用它來(lái)作為我的個(gè)人標(biāo)識(shí)。

ps設(shè)計(jì)多邊形星空海報(bào)

這樣,我們就為這個(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),將顏色換作白色。

ps設(shè)計(jì)多邊形星空海報(bào)

 

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)狀效果。

ps設(shè)計(jì)多邊形星空海報(bào)

將該步驟所做的圖層設(shè)置為實(shí)心圓的剪切模板,效果如下:

ps設(shè)計(jì)多邊形星空海報(bào)

3、為了讓夜空背景多一些變化,我在此添加一些漸變讓它顯得更有魅力。

新建一個(gè)圖層,選擇“漸變工具”,選用“照片色調(diào)”中的“鈷鐵色3”。然后用漸變工具,對(duì)準(zhǔn)實(shí)心圓自上到下拉出一條線性漸變。將漸變圖層設(shè)置為實(shí)心圓的剪切蒙版;旌夏J礁臑“線性減淡”,透明度降低為70%。

這樣做,使得黑色背景呈現(xiàn)出“黑夜剛剛來(lái)襲,最后一絲陽(yáng)光褪去”的天空色彩。模擬了大自然色彩的漸變色,最適合用在此處。當(dāng)然你還可以在漸變庫(kù)里找到其他更美的色調(diào)。我們還可以為海報(bào)增加其他元素,比如一行文字,一個(gè)網(wǎng)址。

ps設(shè)計(jì)多邊形星空海報(bào)

海報(bào)做好后的最終效果,在這里我使用的是純色背景。

ps設(shè)計(jì)多邊形星空海報(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)一次吧。

 

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!