ps設(shè)計(jì)創(chuàng)意折痕海報(bào)(6)

來源:P大點(diǎn)S 作者:乖乖的硫硫 學(xué)習(xí):37755人次

這個(gè)海報(bào)屬于一張以文字為主的文字排版海報(bào)。讓文字在一張折紙上顯示。不乏趣味,刺激閱讀,也是簡(jiǎn)潔大氣的設(shè)計(jì)。今天有P友問我這個(gè)海報(bào)可不可以用PS作。我試著用ps擼了出來。下面就講解一下,我的解答過程。不同的人,也可以根據(jù)自己的想法來做。方法千千萬萬種,條條道路通羅馬。這里我要帶出套索工具的一些實(shí)戰(zhàn)使用技巧。

先看看效果圖:

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

這里附上原稿:

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

具體過程:

第一步:用鋼筆勾出這張褶皺的紙的外輪廓。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

吸取一個(gè)深紫色,作為基色。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

然后,我們來用“套索”工具,集合,“曲線”調(diào)色命令。來做褶皺!具@里就是一個(gè)非常實(shí)用的組合技了,教程結(jié)束的時(shí)候,我還會(huì)告 訴大家這個(gè)東西能做什么】

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

這里要注意的事,我們因?yàn)橐_的來套索,可以結(jié)合快捷鍵“ctrl+空格”或者“ALt+空格”來放大,縮小視圖。來更好的套索。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

最后的結(jié)果如下:一個(gè)基本的褶皺就完成了。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

對(duì)比圖:

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

接下來就是來添加基本的光影氣氛: 也就是那些白色的類似高光的東西。這里也要用套索來控制選區(qū),然后用柔焦筆刷刷就可以了。模式為濾色。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

然后把它保存為智能對(duì)象,對(duì)其添加雜色

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

然后在智能對(duì)向下的蒙板上來擦拭的柔和一些。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

效果。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

然后就是添加這些折痕的地方,添加條形高光。這里直接用鋼筆,然后描邊就行了。白色即可。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

調(diào)整透明度,用橡皮擦來修整一下。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

然后就是來創(chuàng)建海報(bào)的主體。文字部分。這里為了能夠讓他們有可調(diào)性,能夠做出在褶皺處的感覺。我們學(xué)習(xí)一個(gè)技巧——創(chuàng)建組合文字路徑。

步驟如下:

先輸入文字,不用一次性一個(gè)文字層輸完?梢钥醋约号虐嬉,建立多個(gè)文字層的。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

這里是我的文本。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

然后,選擇所有的文字層。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

點(diǎn)擊菜單欄上的”文字“-”轉(zhuǎn)化為形狀“,就可以把所有的文字都轉(zhuǎn)化形狀了。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

如圖所示。都成為了形狀。這里,重點(diǎn)來了。我們接著選擇這些形狀層。”ctrl+E“(蓋印的快捷鍵)就可以把這些形狀蓋印成一個(gè)形狀了。沒錯(cuò),形狀層是可以蓋印的哦。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

復(fù)合形狀層

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

如下:

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

然后,矢量工具用起來。我們可以把填充改為空,好得到一個(gè)文字路徑線。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

路徑線框

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

ctrl+T,選擇變形,做一下基本的變形。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

如下

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

過程中可以填充回紅色看效果。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

然后就是改路徑了。使得文字和紙能產(chǎn)生貼合。這里有個(gè)小技巧。就是在文字與邊緣線的地方,添加錨點(diǎn),然后變成直角錨點(diǎn),來進(jìn)行拖動(dòng)。主要錨點(diǎn)可以這樣處理,其他的錨點(diǎn),添加根據(jù)文字實(shí)際情況來。這里樓主做的不夠,細(xì)致,沒有嚴(yán)格按著透視來。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

弄完之后的,路徑線。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

然后就是給文字調(diào)色了。這里我們要處理的,就死高光的部分,不同的褶皺出的亮暗程度不一樣。我要來做亮的部分。這里我們又有一個(gè) 技巧。我們用剪切蒙板下的漸變映射,可是這里的漸變比較特殊,我們拖一個(gè)兩端顏色一樣的漸變。

這個(gè)粉色的漸變是比較亮的顏色。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

然后用蒙板來控制。這里,我也用套索來得到選區(qū)。反正就是亮暗明顯一些。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

然后在文字上添加一層高光,方式如上一樣。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

這里我覺得沒有紋理的紙有些空洞,這里就給紙的那一層,添了一個(gè)紋理,用剪切蒙板。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

最后,進(jìn)行最后的裝飾和調(diào)整。 用筆刷,來用些高光,和暗部。記得用套索工具來輔助建立選區(qū),讓控制精確。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

最后,添加文本和logo。然后加上“p大點(diǎn)S”的logo放在右下角,稍微做下變形,添上作者和時(shí)間。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

可以稍銳化一下。成品就誕生了。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

總共用到的幾個(gè)技巧。這里了列一下:

1.套索工具和曲線的組合技,可以快速調(diào)出類似3D遮擋效果和明暗效果。

2.形狀圖層可以用CTRL+E來蓋印,并且此次操作之后,仍然為形狀圖層。

3.路徑文字變形,要熟悉鋼筆工具。

【關(guān)于“套索工具”和“調(diào)色命令”組合技的實(shí)戰(zhàn)技巧】 這里我們用“曲線”就足夠了。因?yàn),基于它的?fù)合通道和RGB通道,可以進(jìn)行單色調(diào)色。

這里我們可以用套索工具來建立純色塊,然后再用它來建立選區(qū),進(jìn)行控制調(diào)色。可以快速制作類3D的幾何色塊。

這種色塊,在海報(bào),招 貼,甚至人像合成設(shè)計(jì)中,都能作為酷酷的元素登場(chǎng)。

這里大叔做幾個(gè),你們看了,是不是覺得眼熟呢?很簡(jiǎn)單,但是很實(shí)用。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

不過,要有點(diǎn)繪畫基礎(chǔ),才能快一點(diǎn)。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

以下是幾種類型。

Photoshop設(shè)計(jì)折痕效果的文字海報(bào)

希望這么個(gè)教程,能對(duì)你們有所幫助,開闊思路,努力P

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
錫箔焦魚2019-03-17 10:55
必須支持
無耐2018-04-03 12:23
學(xué)習(xí)
冬寂2017-12-04 08:34
作者老司機(jī)啊,將紫色作為基色,基佬紫可以的
新蘭2017-08-09 04:39
我的作業(yè): 感覺做的不是很好,光感和質(zhì)感差好多
天情一2017-05-27 09:22
再看看
崖上輕歌曼舞2017-05-27 04:38
學(xué)習(xí)了一天了
老船長(zhǎng)19812017-05-27 03:44
學(xué)習(xí)

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

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