當前位置:首頁>ps實例教程>ps制作實例>海報設計>教程內容

ps設計創(chuàng)意折痕海報(6)

來源:P大點S 作者:乖乖的硫硫 學習:37755人次

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

先看看效果圖:

Photoshop設計折痕效果的文字海報

這里附上原稿:

Photoshop設計折痕效果的文字海報

具體過程:

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

Photoshop設計折痕效果的文字海報

吸取一個深紫色,作為基色。

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

Photoshop設計折痕效果的文字海報

Photoshop設計折痕效果的文字海報

這里要注意的事,我們因為要精確的來套索,可以結合快捷鍵“ctrl+空格”或者“ALt+空格”來放大,縮小視圖。來更好的套索。

Photoshop設計折痕效果的文字海報

最后的結果如下:一個基本的褶皺就完成了。

Photoshop設計折痕效果的文字海報

對比圖:

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

效果。

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

調整透明度,用橡皮擦來修整一下。

Photoshop設計折痕效果的文字海報

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

步驟如下:

先輸入文字,不用一次性一個文字層輸完。可以看自己排版要求,建立多個文字層的。

Photoshop設計折痕效果的文字海報

這里是我的文本。

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

復合形狀層

Photoshop設計折痕效果的文字海報

如下:

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

路徑線框

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

如下

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

弄完之后的,路徑線。

Photoshop設計折痕效果的文字海報

Photoshop設計折痕效果的文字海報

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

這個粉色的漸變是比較亮的顏色。

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

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

Photoshop設計折痕效果的文字海報

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

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

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

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

【關于“套索工具”和“調色命令”組合技的實戰(zhàn)技巧】 這里我們用“曲線”就足夠了。因為,基于它的復合通道和RGB通道,可以進行單色調色。

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

這種色塊,在海報,招 貼,甚至人像合成設計中,都能作為酷酷的元素登場。

這里大叔做幾個,你們看了,是不是覺得眼熟呢?很簡單,但是很實用。

Photoshop設計折痕效果的文字海報

Photoshop設計折痕效果的文字海報

Photoshop設計折痕效果的文字海報

Photoshop設計折痕效果的文字海報

不過,要有點繪畫基礎,才能快一點。

Photoshop設計折痕效果的文字海報

以下是幾種類型。

Photoshop設計折痕效果的文字海報

希望這么個教程,能對你們有所幫助,開闊思路,努力P

 

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!