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

ps cs6設計炫彩背景圖

來源:jianshu 作者:飛屋睿UIdesign 學習:8788人次

IOS 7毛玻璃質感的UI設計大行其道,別處找來的背景圖總是不能符合自己心中理想的配色,在此,我將教大家利用PS制作出這類超級簡單又能與自己的界面風格完全搭配的背景圖。制作此類背景圖的前提是需要懂得一定的色彩理論,更需要一雙對色彩搭配敏感的眼睛。

最后做出的背景圖如下:

教你用ps做炫彩背景教程

OK,讓我們開始吧。

一、選擇色彩方案

大家可以參考這篇教程:《配色弱有救了!教你利用圖片創(chuàng)建獨有的色彩方案!》我在這里選擇了下面這張圖片作為配色方案的靈感來源。因背景色彩對比明顯才能更好襯托出透明感,因此傾向于選擇色調變化較大、分布較廣的圖片。

教你用ps做炫彩背景教程

配色方案吸取的顏色為:柿子椒的正紅、青檬皮的深綠、葡萄的淺綠和檸檬黃,另外選擇圖片中的暗色木桌面作為底色,底色發(fā)揮襯托其他色彩的作用,如果你的其他色塊面積大基本上也看不到底色,但能感覺到它。(嘻嘻,是否能理解這種“看不見但能感覺到”的神秘感呢?)

有人也建議直接選用黑或白的底色,但是我認為圖片本身對黑白的表現(xiàn)要豐富得多,純黑或純白則過于規(guī)則和保守。

二、制作背景圖

1、新建文件

在這里,我將要制作一個適應手機屏幕展示的背景圖,因此我的PS文件大小設定為W:640px、H:1136px,填充背景色為配色方案中的深色——底色。

教你用ps做炫彩背景教程

2、在背景層之上新建一個圖層,采用大而柔軟的畫筆筆刷涂上第一種顏色。

這里需要注意的是:

1)涂抹的畫筆后最好一步到位,不要猶豫。因為軟性畫筆上色后,在超出畫板的部分將會有一條很突兀的邊界,這將不利于你對畫筆著色后的圖層的移動等操作。換句話說,大而軟的畫筆使用法則就是一步定位,修改的幾率太小。

2)畫筆大小我在這里選擇的900px,實際大小根據(jù)你的文件畫板大小和實際需要而確定。

3)畫筆的透明度降低為70%,這會使不同的顏色間實現(xiàn)真正的“融合”。

教你用ps做炫彩背景教程

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
人生2018-04-02 07:52
看看<流汗>
靜兒很愛藝2017-05-28 10:14
學習一下

關注大神微博加入>>

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