如何做出 H? OS 視窗樣式的壁紙?

H? OS 的樣式是這樣的:

只有上半部分是壁紙,下面進行了一定的模糊處理,並且對每行圖標都有顏色不同的分欄。我沒有 H? OS,請問如何做出類似的壁紙? (PS新手,只會跟著做的程度)

類似於這樣,但是如何加入像上圖的分欄效果呢?謝謝!

現用壁紙截圖,仿 H? OS:


剛好幾分鐘前在弄這個。說一下吧。

先在論壇找了一個教程製作氫OS風格壁紙教程,PHOTOSHOP手把手截圖教學

然後發現電腦上沒PS,也玩不轉。看過程不是太複雜,決定自己做了。

—————————————————————————————————————

聲明:因為不會PS,全程使用美圖秀秀和畫圖。

只是簡單實現,沒有陰影,顏色處理可能也不是很好。

只適合不太挑剔的玩家。

—————————————————————————————————————

先確定尺寸,屏幕1920×1080,上面一塊壁紙我找了網上的氫OS的桌面截圖量了下,是810×1080,下面三塊是270×1080.

第一步:

找一張自己喜歡的圖片,最好解析度大點的。按3:4的比例截取一部分,然後縮放成810×1080,

另存為1.png,放一邊。我用的美圖秀秀。

第二步:

打開剛剛做好的第一張圖,Ctrl+Alt+A調用QQ截圖,選一個差不多的位置滑鼠放在上面,記下RGB值。

chrome打開Chroma - Chrome Web Store,搜狗打開http://ie.sogou.com/app/app_4218.html,輸入RGB,點回車。

第三步:

新建一個270*1080的圖片,自定顏色,填入剛剛第二步得到的顏色。

額,這裡發現美圖秀秀不能新建一邊大於1000像素的圖片,那還是用自帶畫圖吧。

打開自帶的畫圖,重新調整大小,選擇「像素」,取掉「保持縱橫比」的勾勾,填入1080和370,點確認。

編輯顏色,右下角填入剛剛第二步得到的顏色,添加自定義顏色,確認。

然後用這個顏色填充

另存為2.png放一邊。

第四步:

for(int i = 0 ; i &< 2 ; i++ ){

第二步(leftcolor);

}

額,就是用第二步顏色的左邊一個顏色重複第三步,分別另存為3.png和4.png。

得到以下四張圖片

第五步:

再次打開美圖秀秀,用自由拼圖。

1234一張一張添上去。

邊框大小調成0,

保存與分享,

保存為bg.png到本地。OK,大功告成


選擇一張好看的照片做壁紙就夠了,剩下的交給H? OS系統。H? OS的桌面背景並非高斯模糊,是的階狀的純色。

當然嘍,首先你得有一部一加手機(OnePlus One),其次你願意選擇現在刷機並具有刷機包。

體驗了一把,點開氫視窗後,下面有幾個圓點的配色選取,那就是桌面背景色,不過目前版本的配色還不夠完美融合氫視窗。

以下是H? OS最新版本,手機是OnePlus One 64GB 砂岩版。氫視窗蠻有意思的,細心的同學可以發現狀態欄真的很乾凈,而且在首屏去掉了時間,因為時間已經顯示在壁紙上了,不過相較於更換壁紙,我更期待卡片式服務的集合。

很期待完整的公測版本。(氫視窗更換壁紙來自網路,侵立刪)


看了兩個答案還是有點自信了。因為在住院,也沒法做,簡述一下思路

首先你要有Photoshop吧。

新建一個1440*2560的文檔,然後選一張你心水的壁紙做一個圖層唄。

再複製該圖層,執行濾鏡-模糊-高斯模糊,參數′可以根據色調取三種漸變的顏色(取色點應該相距不遠否則變化太大)

然後就是自己裁剪了。我能提供的就是氫視窗比例是1/3,圖標間距不知道。

還有一個辦法,靜待一段時間我出了院,用我的一加給你做。好弄。


去酷安市場,搜索氫壁紙,下載,哪用那麼麻煩???


非一加手機下載個APP氫壁紙就OK了

我在酷安網下載的


魅族bugme圖庫有模糊化功能好評!

但還是bugme = =。。。

哈哈說正經的

ps的高斯模糊就行了、、

———————唉唉如果你真的覺得我是分割線的話——————

6.29下午更

本來是想著調侃下bugme呢(煤油,由愛生恨)

鑒於題主這麼真誠,我也好好研究了一下

氫OS也是本人極為看好的UI(or 系統)

主屏的壁紙下面不是高斯模糊,是用一種演算法(類似於求整張圖片的色彩平均值?)得出的顏色,這個我知道,但是我原來不知道ps里可以實現(捂臉跑)

下面開始工作~

第一步

打開ps(我用的cc版本的)

調整畫布大小為長1080像素 寬1920像素

第二步

選取一張心水的圖

(隨手揪來之前down的電腦壁紙,1920*1080,來自愛壁紙,侵刪)

旋轉90度、、、

記得解鎖圖層、、、(新人常犯錯誤之一,別問我怎麼知道的[再見])

第三步

選框工具

警察叔叔就是它!

然後調整為固定大小,寬1080像素,高1110像素(別問我怎麼算出來的[再見])

對齊放至圖片的底部

第四步

菜單一欄中選濾鏡——模糊——平均

噹噹當~當。。。這個就是類似效果

優點:簡單方便、、、

缺點:仔細看其實原版主屏的下方並不是一塊大色塊,是有三層漸變的,但我目前並沒有簡單實現的方法,題主淡定等等,感覺公開版馬上就出了、、、

以上(這是用來裝逼噠)


這樣的暗紋比模糊的更好看吧!

但是我不知道怎麼做啊啊啊。

有沒有大神教學一下。


等公測,,,等的我好心煩


買一台一加手機,然後加入內測,或者等等公測,然後放上你喜歡的圖片,欣賞吧,我就喜歡實在的美!


我想問一下,這是什麼電話?


推薦閱讀:

Logo/VI設計團隊應該如何選取?
想請問一下這個 logo 是怎麼設計出來的?PS 和 AI 能夠做出這個效果么?
為什麼很多icon設計偏向於艷色打底白色logo?
這種核心聚攏的logo怎麼做?
專業平面設計師如何評價阿迪達斯和李連杰合作的「武極」系列的 Logo 設計?

TAG:AdobePhotoshop | 平面設計 | H?OS |