當前位置:首頁>ps實例教程>ps制作實例>背景壁紙>教程內容

ps設計簡潔的紅色壁紙教程(5)

來源:Pconline 作者:么么茶 學習:7250人次
效果圖制作非常簡單,基本上都是以圓形為主,制作的時候只需要降低圖層的不透明度,然后多復制一些圓形色塊疊加到一起,就可以得到非常不錯的效果。

最終效果

Photoshop設計紅色光斑壁紙教程

1、打開AdobePhotoshop CS6,新建PSD文檔,設置畫布尺寸1920像素×1200像素,色彩模式為RGB,分辨率設置為72像素。在圖層面板中,新建圖層,右擊新建圖層,選擇混合選項>漸變疊加。漸變疊加設置面板如下圖所示。

Photoshop設計紅色光斑壁紙教程

2、點擊漸變疊加設置面板中的顏色條,打開漸變編輯界面,如下圖設置漸變顏色。

Photoshop設計紅色光斑壁紙教程

Photoshop設計紅色光斑壁紙教程
3、接下來,選擇橢圓工具(U),如下圖繪畫小圓。

Photoshop設計紅色光斑壁紙教程

Photoshop設計紅色光斑壁紙教程

4、在圖層面板中,新建圖層,右擊選擇混合選項>描邊,設置如下圖所示。

Photoshop設計紅色光斑壁紙教程

內發(fā)光:

Photoshop設計紅色光斑壁紙教程

漸變疊加:

Photoshop設計紅色光斑壁紙教程

點擊漸變疊加設置面板中的顏色條,打開漸變編輯界面,如下圖設置漸變顏色:

Photoshop設計紅色光斑壁紙教程

設置完成后,效果如下圖所示:

Photoshop設計紅色光斑壁紙教程
5、在圓形圖層下面新建圖層,選用軟筆刷,設置筆刷顏色為#B31B0B。筆刷樣式如下圖所示。

Photoshop設計紅色光斑壁紙教程

6、設置好筆刷后,在新建圖層中沿著圓形周圍,如下圖所示涂刷。效果如下圖所示。

Photoshop設計紅色光斑壁紙教程

7、繪畫完成后,設置圖層的混合模式為疊加,效果如下圖所示。

Photoshop設計紅色光斑壁紙教程

8、下面繼續(xù)繪制圓圈。選擇橢圓工具,選擇顏色#C71906,然后如下圖所示在大圓后面繪制小圓圈。效果如下圖所示。

Photoshop設計紅色光斑壁紙教程

9、將小圓的圖層的填充度設置為50%,效果如下圖所示。

Photoshop設計紅色光斑壁紙教程

10、按著左鍵+Ctrl,移動剛才繪制的小圓,這樣一松開鼠標就能生成新的小圓,如此重復,圍繞著大圓復制小圓。然后通過Ctrl+T,使用自由變換調整大小,這里可以隨心所欲。效果如下圖所示。

Photoshop設計紅色光斑壁紙教程
11、同樣利用上面的方法繪制圓圈,不過現(xiàn)在是繪制更大的圓圈,圍繞在大圓周圍和小圓后面,設置這些稍大圓圈的填充度為20%,這樣看起來整個畫面會比較有層次感。效果如下圖所示。

Photoshop設計紅色光斑壁紙教程

12、選擇橢圓工具,在最大的圓圈上繪制圓圈,操作如下圖所示。

Photoshop設計紅色光斑壁紙教程

13、下面要利用剛才繪制的圓制作沿圓圈分布的斑點。在橢圓設置面板中,設置填充為無,描邊為顏色#B0999F,描邊類型為斑點,選擇斑點模式,然后設置虛線為0、間隙為4。設置示意如下圖所示。

Photoshop設計紅色光斑壁紙教程

14、設置確定后,效果如下圖所示。

Photoshop設計紅色光斑壁紙教程

15、在圖層面板中的圓圈前新建圖層,選擇白色軟筆刷,設置筆刷不透明度為20%。設置如下圖所示。

Photoshop設計紅色光斑壁紙教程

16、然后繪制下圖所示的效果。

Photoshop設計紅色光斑壁紙教程

17、設置圖層的混合模式為疊加,效果如下圖所示。

Photoshop設計紅色光斑壁紙教程

18、繪制另外一個圓,然后填充顏色#CDBFC2,按Ctrl+T調出自由變換菜單,利用控制點拉伸出下圖所示的圖形。

Photoshop設計紅色光斑壁紙教程

Photoshop設計紅色光斑壁紙教程
19、在剛才的變形圓圈上另外繪制一個圓,設置顏色為#511D30,效果如下圖所示。

Photoshop設計紅色光斑壁紙教程

20、將剛才的圓圈復制,然后通過Ctrl+T自由變換到下圖所示的樣式,放置在上方的圓點上。

Photoshop設計紅色光斑壁紙教程

21、選擇剛才小圓圈,然后在混合選項中選擇描邊。設置描邊大小為2像素、不透明為100%,設置如下圖所示。

Photoshop設計紅色光斑壁紙教程

22、描邊效果如下圖所示。

Photoshop設計紅色光斑壁紙教程

23、下面同樣利用復制工具,將描邊的圓圈如下圖一樣粘貼上去,效果如下圖所示。

Photoshop設計紅色光斑壁紙教程

整個壁紙的效果如下圖所示:

Photoshop設計紅色光斑壁紙教程

24、最后一步是添加海報文字。選擇文字工具,如下圖所示設置字體和大小,文字設置如下圖所示。

Photoshop設計紅色光斑壁紙教程

最終效果:

Photoshop設計紅色光斑壁紙教程

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
禿頭小寶貝兒2020-11-25 08:24
有點像禮盒封面

lunatic2017-07-12 05:26
你很潮小心發(fā)臭2017-05-22 04:11
很好
你很潮小心發(fā)臭2017-05-22 04:05
很好
SENMAO2014-06-11 12:06
沒有視頻。。
SENMAO2014-06-11 12:30
沒有視頻。。
igs2014-06-08 08:43
開始學習中哦
igs2014-06-08 08:43
開始學習中哦
igs2014-06-08 08:06
開始學習中哦
igs2014-06-08 08:06
開始學習中哦
收之桑榆2014-06-06 09:13
99999
幸福不是晴天2014-06-06 08:25
66666
保險君2014-06-06 07:36
999999999
蒙秋華22014-06-06 05:29
6666666666666
高傲的藍瀅夢2014-06-06 12:07
666666666666666666666

關注大神微博加入>>

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