如何做出 Photoshop CC 2017 啟動畫面的效果?


先上做好的圖

拿原圖來做沒什麼意思,原圖的做法也並不複雜,可是對於不同的圖片處理起來可能需要不同的方法。 我拿兩張圖來舉例。


--------------------------------------------------------------------------------------------

示例一

1.首先,挑選圖片 然後對圖片進行裁剪,長寬比為1:1

2.菜單欄選擇,濾鏡&>扭曲&>極坐標

3.裁剪圖片,將四周扭曲的地方裁掉,然後選擇 濾鏡 &> 扭曲 &> 擠壓 (數值根據個人喜好來選擇,個人建議80%-100%,單次效果不好可以選擇小數值多次擠壓來調整)

4.複製一層,旋轉,添加圖層蒙版,填充為黑色



5.用白色柔性畫筆,對圖中旋轉交界處進行擦除。(這步需要一些耐心,如果不熟練可以降畫筆透明度調的低一點)

由於內部有些擠壓變型,複製一層後再進行濾鏡&>擠壓,添加圖層蒙版後將內部單獨擦出來

得到下圖

其實這步之後已經可以結束了,也可以再進一步處理一下


6.用加深/減淡工具添加亮部與暗部。

再進行微調(曲線調整明暗;添加純色,混合選項選擇疊加,調整透明度,添加蒙版進行擦除,加深四周的顏色深度)。

7.最後添加小人兒與陰影。

成品

--------------------------------------------------------------------------------------------

示例二

這是我選擇的素材圖片,如果按照上面的方法做,會由於層次不夠而導致旋轉的雲層沒有厚度。所以我將素材圖進行了裁切, 將它切為2個部分

然後重複上個例子的操作,
1.裁剪為1:1後對圖片進行 濾鏡&>極坐標 操作,並將多餘部分裁掉;
2.濾鏡&>擠壓,(單次效果如果不好,請多次調整);
3.複製,添加圖層蒙版,用柔性畫筆將分割線擦除。

這3個步驟就是完成此類圖的基本方法

分別旋轉後,將分界線用圖層蒙版去除
再複製幾層,經過旋轉與複製,圖層蒙版擦除等方式進行處理

得到下圖

再添加素材,調整素材光影與色調

圖層蒙版擦除等方式進行明暗的細節。(選擇和圖片色調相近的純色層)

成品如下

--------------------------------------------------------------------------------------------

總結一下,我們用到了2種濾鏡,分別是極坐標擠壓,然後通過圖層蒙版進行細節處理。

第一次答題,調色、光影什麼的我都是憑感覺來... 攝影師,手繪黨輕噴。


找張合適的素材

調整圖像尺寸

用色彩範圍工具選擇出暗面

用色彩平衡工具對這部分進行調色

由於這張圖天空部分太少,所以可以手工加點天空(好吧天空太爛了,不過不要怕,沒有什麼圖是修不好的!)

濾鏡-扭曲極-坐標

複製一層,底下那層旋轉180度,結合蒙版將頂上銜接不均的部分柔化

這時候可以用套索工具手動摳出一些山包邊緣。(這在matte paintting中也是非常常用的技巧)

使用仿製圖章工具和畫筆工具修飾中間的天空部分

這時候將圖面旋轉個角度...

添加坐禪小人

四周壓暗刷上合理的顏色

這時候我發現中間的天空還是有點違和,所以手動畫了些東西上去

蓋印一層打開camera raw,增加噪點顆粒,提高對比,銳化圖面,配合HSL工具調色,最後我還將高光提高,將天空體現出過曝的感覺,使畫面更具戲劇性。

齊活兒


高票答案已經講的很詳細了,這裡附上原作者的教程(內有視頻):https://www.behance.net/gallery/42147369/How-I-made-it-(Round-Things)-PS-tutorial


步驟有人詳細講了,著重講講一些原理和一些注意事項吧!!!(當然此文也有個人操作詳細步驟)
效果圖如下

這個最重要的是運用ps的極坐標濾鏡功能。
那麼什麼是極坐標,它能做什麼呢???
不清楚的吃瓜群眾可以往下看了。

為什麼我要詳細講一下極坐標的原理和運用?因為你看完一個問題,按別人步驟做出一模一樣的很裝逼的東西,這學習效率有點低了。我覺得應該更深刻地去了解一個功能,同時用它去做一些其他的有用的事情,至少你得知道它還能做什麼!!

所以我要強行寫得有啟發性一點!!!
好了,閑話少說!!
先深入淺出講一下極坐標的應用、原理和缺點;
深入淺出??
深入淺出??
深入淺出??
怎麼有點。。。

一、極坐標能做什麼?簡單舉幾個栗子
1、放射文字效果

2、花飾和螺線效果

3、煙花效果(徑向模糊兩個方向都模糊,沒有那種火焰拖尾效果,所以做爆炸效果和煙花效果還是極坐標好用)

4、海報的放射背景

5、超現實地心世界(星球效果)

二、ps極坐標的原理
極坐標濾鏡的兩個重要參數:
  1.平面坐標到極坐標:可以認為是頂邊下凹,底邊和兩側邊上翻的過程。
  2.極坐標到平面坐標:可以認為是底邊上凹,頂邊和兩側邊下翻的過程。

三、再講一下極坐標的缺點:

1、圖片要裁成1:1(正方形),否則的話星球不圓不好看,還浪費很大的畫面;

2、極坐標的銜接痕迹明顯,需要後期加工,可以用蒙版或者仿章來處理;

3、可控性和柯操作性太低了,俗稱無腦操作;

恭喜你終於看到操作步驟
操作步驟

操作步驟

1、百度一張雪山攝影圖片,裁剪一部分(選照片和裁圖是最重要的)

選圖片小TIP:
1、上面白色面積要少,經測試大概畫面1/6最佳;
2、下面部分適合是深色調,畫面比例大;
3、山體要有層次,不然後期要自己調整出層次,層次夠多能做出九層天的效果;
4、畫面水平線要水平,畫面兩側顏色差距不要太大,否側要大量後期;

2、濾鏡-扭曲-極坐標

得到這個

3、複製一層,蒙版去除硬邊界和調整位置,

4、旋轉,調整亮度對比度飽和度,還有內圈細節處理

5、加個人,你加條狗也行

6、再裁圖成正方形,結束

7、最關鍵一步,保存圖片,打開微信發個朋友圈,不然白做了

除了用極坐標,電腦還可以用Flexify 2,這是一款非常專業、易用的圖像扭曲軟體
手機軟體推薦小小星球,使用簡單


Photoshop cc2017啟動界面的製作方法並不難,除了製作方法的學習,更重要的是如何分析其設計思路,以便於在日後的設計創作過程中可以熟練運用。以下首先對原圖設計思路進行簡單探討,再為題主梳理製作方法。

設計思路分析

打開PS界面,在PS菜單欄中點擊幫助,選擇關於Photoshop CC,彈出一個界面,即可顯示啟動界面作品的設計者與官網。

在官網中找到設計原圖,可以看到原圖中上半部分看起來很乾凈,相對比較亮,因此最終呈現效果的中心看起來也比較突出。同時,原圖的下半部分,山的層次感比較強,使最終效果空間感非常豐富。

因此,製作此類效果,在前期選圖過程中,需要結合自己的設計主題,對於想要達到的最終效果需要提前進行設計構思。比如中心想要形成淺色效果,選圖的上半部分就必須是淺色;反之則需要選擇深色。

創作方法講解

由於最終想要達成中心淺色效果,因此選擇上半部分較淺的圖片進行製作。

圖片來源:Unsplash | Beautiful Free Photo Community

1. 圖片調整

由於需要達成最終的環形效果,先按1:1比例裁剪圖片,裁剪過程中要盡量少地保留亮色區域。

選擇調整層中的色彩平衡,將圖片調成暖色調,並添加漸變蒙版對圖片下部進行色彩調整。

使用同樣方法,通過色彩平衡將圖片上部調整為偏冷色調,使圖片整體色調更加和諧。

2. 製作旋轉效果

按ctrl + alt + shift +E蓋印圖層,方便後續修改。再選擇濾鏡——極坐標(勾選平面坐標到極坐標),對圖像進行旋轉扭曲。

旋轉後看到圖像過渡區比較生硬,因此可以再複製一層,並進行角度旋轉。

為該圖層添加蒙版,使用柔邊畫筆對過渡區域製作柔和效果,使用修補工具修補亦可。

3. 後期調整

圖像整體偏灰,使用色階調整圖像明暗對比。

通過新建圖層加深四周,調整不透明度,使景深效果更加明確,使用加深工具直接塗抹四周亦可。還可以再添加一個「小人兒」。

添加雜色,製作特殊效果。

即可完成。

另外,使用不同的原圖,進行不同的調色操作,最終呈現效果也會有所不同,大家可以結合自己的設計主題進行創作。

圖片來源:Unsplash | Beautiful Free Photo Community

圖片來源:Unsplash | Beautiful Free Photo Community

圖片來源:Unsplash | Beautiful Free Photo Community

圖片來源:Unsplash | Beautiful Free Photo Community

最後,案例的.psd文件已上傳至雲共享,大家可以在練習過程中進行比對,進行拆解自學。

資料獲取方式:微信添加簡清老師(hanyi_jianqing2),備註「啟動界面」即可

以上望有幫助,歡迎交流

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

歡迎關注我的個人官方微信(kang-shishi)

如有藝術留學、院校、專業、作品集方面的問題,可私信康石石諮詢


我猜你們都沒用仿製圖章玩過旋轉


推薦一個app
Living Planet

看圖說話

看在我放圖這麼辛苦的份上請點一個贊好嗎


交個作業


根據樓上老師們的教程和小可愛一起塗了一個少女心的:-)


安卓和蘋果上有個app叫Tiny Planet,可以很傻瓜式地實現這種效果。以下是我以前玩這個app時做的幾張圖。

以前在知乎上有看到過關於這種圖像做法的教程,有詳細講解了實現效果的方法,好好搜索一下應該還能找到。app雖然容易上手,但始終還是用PS做的更高端效果更好一些,還是好好學習一下高票的回答吧。


詹姆斯·卡梅隆的《奪命深淵》海報的實現效果也是一樣一樣滴。


當按照首位老師的做法做的,提醒一點,在選擇素材圖片時盡量選擇井字構圖的素材,並且圖片上方要有一定的空白,這樣子成功率會高一些


我是來交作業的。


晒圖大會


跟著試著也搞了個,挺好玩的,拿來打發無聊的上班時間還是可以的...


根據2l的大大做出來的 教程簡單易懂 但是作為新手還是處理不好細節 還有很多地方不會使用工具 繼續向大角蟲學習!

帶上素材原圖

今天上午又p的一個 選圖真的比較重要 建議使用大解析度的圖。

附上第二張圖的素材原圖 感覺原圖比我p的好看多了


謝謝翟羿飛,我學會製作洞穴了


按照高票答案的方法把我自己弄上去交個作業,隨便朋友圈裝一波逼→_→

充滿鮮花的世界到底在哪裡,如果它存在難道我一定會去~


交一下作業。還有,選圖很重要。


渣技術求指導啊……


推薦閱讀:

国内教学稀少,如何高效学习 Adobe Illustrator?
同一個鎖的兩把鑰匙,有一把多兩個缺口是什麼用的?

TAG:AdobePhotoshop | 設計 |