萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> Photoshop設計炫麗的抽象光線背景教程

Photoshop設計炫麗的抽象光線背景教程

  教程中將會使用到漸變工具、筆刷、以及色相/飽和度的調節。PSD圖層文件已經包含在內(文章末尾,建議先不要急著下載,自己做的試試喲)。讓我們開始動手做圖吧!

  最終效果圖預覽:

Photoshop設計炫麗的抽象光線背景教程 三聯

  首先在PS中新建一個文件(Ctrl+N),尺寸設置為1900px*1200px (色彩模式設為RGB ),分辨率設置為72pixels/inch 。使用油漆桶工具(G)將新建的背景圖層用#0B0513 填滿。

Create bright abstract diagonal lines background in Photoshop CS5

  使用矩形工具(U),畫出一個矩形。

Create bright abstract diagonal lines background in Photoshop CS5

  將圖層的填充 設置為0% ,然後在圖層面板的底部點擊添加圖層樣式,選擇漸變疊加。

Create bright abstract diagonal lines background in Photoshop CS5

  點擊工具欄中的漸變編輯器,將漸變的色標設置為圖中顯示的樣子。點擊確定來關閉漸變編輯器。

Create bright abstract diagonal lines background in Photoshop CS5

  然後我們就會得到下圖:

Create bright abstract diagonal lines background in Photoshop CS5

  接下來我們要將有矩形的這個圖層柵格化。之後,在剛才操作過的圖層上新建一個圖層,按住Ctrl 鍵將兩個圖層都選取,然後使用快捷鍵Ctrl+E將兩個圖層向下合並。使用自由變換路徑(Ctrl+T)將矩形傾斜45°。

Create bright abstract diagonal lines background in Photoshop CS5

  點擊圖層面板底部的添加圖層蒙版,再點擊畫筆工具,選擇柔邊圓筆刷,顏色為黑色

Create bright abstract diagonal lines background in Photoshop CS5


  在蒙版中使用筆刷,像下圖這樣將線條的邊緣遮蓋住。

Create bright abstract diagonal lines background in Photoshop CS5

  下一步我們需要將剛才那個帶線條的圖層復制很多次,並且要通過自由變換路徑(Ctrl+T)來改變線條的位置。每一個復制出來的圖層,在使用蒙版進行邊緣遮蓋時要做些變化。並且通過菜單欄的圖像——調整——色相/飽和度(Ctrl+U)對線條的顏色進行更換和調整。

Create bright abstract diagonal lines background in Photoshop CS5

  這樣我們就會得到下圖的效果:

Create bright abstract diagonal lines background in Photoshop CS5

  現在我們需要將圖中指出的線條進行復制。

Create bright abstract diagonal lines background in Photoshop CS5

  選擇復制的圖層,然後點擊濾鏡——模糊——高斯模糊。

Create bright abstract diagonal lines background in Photoshop CS5

  然後就是下圖顯示的那樣:

Create bright abstract diagonal lines background in Photoshop CS5

  將添加過高斯模糊濾鏡的圖層進行復制。將這個圖層的混合模式設置為顏色減淡,並用自由變換路徑(Ctrl+T)改變位置,這條線就會變成偏紅的顏色。

Create bright abstract diagonal lines background in Photoshop CS5

  多次復制紅色線條的圖層,同樣使用自用變換路徑(Ctrl+T)來進行移動,變成下圖的樣子。在某些復制的圖層上,需要使用色相/飽和度(Ctrl+U)來更改顏色。

Create bright abstract diagonal lines background in Photoshop CS5

  接下來,我們將插入更多線條的復制圖層。這些圖層副本沒有高斯模糊和顏色減淡模式。用色相/飽和度(Ctrl+T)改變線條顏色,並用自由變換路徑(Ctrl+T)來移動。如果需要,就用蒙版將線條的邊緣進行修整。

Create bright abstract diagonal lines background in Photoshop CS5


  下一步,再插入一個線條圖層的副本,然後點擊圖層面板下方的添加圖層樣式,勾選外發光。

Create bright abstract diagonal lines background in Photoshop CS5

  有外發光 效果的線條就會是下圖這樣的:

Create bright abstract diagonal lines background in Photoshop CS5

  將剛才做出來的線條進行復制,並將它移動到圖中顯示的位置(使用Ctrl+T)。

Create bright abstract diagonal lines background in Photoshop CS5

  新建一個圖層 ,選擇柔邊圓筆刷,顏色設置為白色 (在選項中將透明度 設置為30% )。

Create bright abstract diagonal lines background in Photoshop CS5

  使用筆刷在畫布上畫出一些淺色的部分:

Create bright abstract diagonal lines background in Photoshop CS5

  把這個圖層的混合模式設置為疊加。

Create bright abstract diagonal lines background in Photoshop CS5

  新建一個圖層,選擇柔邊圓筆刷,顏色設置為黑色 (透明度——20% )。

Create bright abstract diagonal lines background in Photoshop CS5

  將畫布的邊角畫暗一些。

Create bright abstract diagonal lines background in Photoshop CS5

  在圖層面板底部點擊創建新的填充或調整圖層,點擊曲線,像圖中顯示的這樣對圖層進行微調。

copyright © 萬盛學電腦網 all rights reserved