這種效果用PS/AI怎麼實現?

(圖片來源dribbble)


123我要開始答了

1、打開Adobe* Photoshop*,新建畫板,並填充背景顏色。

2、對背景層,濾鏡 - 雜色 - 添加雜色

調整參數如下:

背景就完成啦,有需要的話,還可以調整一下顏色,這裡我順便把背景的圓也畫上去了。

3、新建3個圖層,用「畫筆工具」,選擇下圖紅框標註的筆觸,分別畫出「天空」和「左邊山」、「右邊山」,並調整位置和大小。

4、按住Ctrl,然後單擊圖層「橢圓2」的圖標,得到圖層「橢圓2」的選區,然後同時按Ctrl+Shift+I反選,選中圖層「左邊山」,按Delete鍵刪掉圓外的部分,其它兩個圖層同理操作,得到如下圖:

到這裡我們發現,天空下面的顏色略深,於是我們用「蒙版」處理。

5、按住Ctrl,然後單擊圖層「天空」的圖標,得到圖層「天空」的選取,然後添加圖層蒙版。

然後對蒙版漸變上色,就可以了。(此處如果搞不清楚,建議回去看看蒙版相關知識哈)

補上小太陽

6、最後一步,去網上找個素材,水墨畫的那種就好,我找的是這樣的,摳掉白底,多複製幾次,放上去,調整就可以了。

最後就是。。。。

其實做得比較粗糙,肯定還有其它辦法,歡迎大家指教。
還有很多細節之處需要調整哈哈。
時間有限,我就到此為止啦!
(ˉ▽ ̄~) ~~

-------------------------嘩啦啦---------------
感謝大家的熱情點贊,以下問題如有興趣,也可以看看噢~~
知乎登錄界面的 iPhone 裝在兜里的感覺是怎麼做出來的? - 知乎用戶的回答
這種效果的圖怎麼做? - 知乎用戶的回答

歡迎關注我的個人公眾號,一起分享PS小技巧。

http://weixin.qq.com/r/PTs5IfjEv6XArbxC924v (二維碼自動識別)

小王這麼拼,點個贊再撤唄!


更新的素材堆棧法在下面,請忽視前面的亂塗亂畫,直接到下面看。
使用的素材是曾傑老師的中國風工筆畫和薇拉的雲朵,都是PSD分層。
答案中會分享出相關的不相關的素材,拿了素材的還請動動手點個贊哦~~~
——————————————————
作為一個無聊的人,不找素材的死辦法
畫的相當粗糙,不準笑!!!!
———————原答案————————
新建一個空白圖像,選擇圓形工具,按住shift拉一個圓出來

前景色選一個淡黃色,選擇漸變工具,按住shift+左鍵從上往下拉出來,一次拉不出來多拉幾次。

新建一個圖層(必須),前景色選一個橙色,選擇漸變工具,按住shift+左鍵從右下往左上拉出來,一次拉不出來多拉幾次。

新建一個圖層(必須),前景色選一個暗紅色,選擇漸變工具,按住shift+左鍵從左下往右上拉出來,一次拉不出來多拉幾次。

現在ctrl+D取消選擇。前景色吸取上方的淡黃色,背景色使用白色,按住ctrl點擊圖層一,獲得天空的選區,選擇上方的濾鏡—渲染—雲彩,

ctrl+D取消框選。用橡皮擦工具降低不透明度和流量,把圖層2和圖層3擦出個大概的形狀出來,我擦的像狗啃的,不準笑!!

真的好醜。哭。
新建一個圖層。用圓形工具框一個小圓出來,填充黃色。

最丑的來了,新建一個圖層,鋼筆路徑勾個樹榦干出來。

要被自己丑哭了。新建一個圖層,設置前景色為黑色,選擇畫筆工具,使用默認的第二排的第一個筆觸,畫筆大小調整到適當的大小。

在工作路徑上右鍵,描邊路徑,使用畫筆,使用模擬壓力,確定。

選擇塗抹工具,依然使用默認的第二排的第一個筆觸,畫筆大小調整到適當的大小。

同樣在工作路徑上右鍵,描邊路徑,選擇塗抹,選擇模擬壓力。

現在一個巨丑無比的樹就出來了

使用移動工具,按住alt點擊小樹拖動,一片巨丑無比的樹林就出來啦!!!

新建一個圖層,將漸變工具切換成油漆桶工具,前景色換成偏灰的淡黃色,圖層上色。

在當前圖層上,濾鏡—雜色—添加雜色,如圖所示調成自己喜歡的。設置圖層為正片疊底。

一個巨丑無比的模仿圖5分鐘就出來啦。~~
shift+ctrl+alt+e,蓋印圖層,拉升曲線提亮。

請輕噴。不要打臉,謝謝。
有時間就補充用素材做的,並贈送全套有關沒關的素材包。
額,有時間再說吧。——————素材堆棧法——————

當然你還可以把圖中的山換成人物,自己的人像等,但是牽扯到人像的仿工筆畫處理,反正素材給到大家,自己琢磨唄~我也在練習仿工筆畫中,一起努力!
——————————這是一條懶鬼的分割線——————————
工筆畫31個PSD和教程。鏈接:http://pan.baidu.com/s/1nvOvVGt 密碼:bs2l
曾傑老師中國風工筆畫PSD。鏈接:http://pan.baidu.com/s/1jIEYCL4 密碼:o4ov
薇拉雲朵PSD。鏈接:http://pan.baidu.com/s/1bpG8QoJ 密碼:txtt
——————————————————————————————
可別做白眼狼啊,拿了東西要贊啊!!!


PS很簡單,塗幾筆就行了

1:新建一個檔,建立圖層,選擇好背景色

2:建立一個圓形形狀,大小隨意。

3.1:自帶的筆刷,選擇好顏色,不透明度100%。畫出山體形狀
3.2:不同的顏色用不用的圖層方便日後調整
3.3:橡皮刷,用同樣的筆刷,不透明度30~50%,擦幾下營造出山體。(水墨畫效果)
3.4:天空同理,注意一下漸變就行。
3.5:把山體、天空的圖層置入去第二步的圓形形狀裡面。

4.1自帶的實心筆刷,不透明度畫出大概形體,其實就是瞎畫出大概就行了。
4.2橡皮擦塗幾下,擦出明暗。
4.3多畫幾個差不多的。

5.1:把小樹各種複製粘貼,放大縮小,擺放注意近大遠小。
5.2:合拼成圖層或者成組,打個蒙版,近實遠虛。

6:把已經做好的圖層成組,然後新建一個黑色圖層,濾鏡添加雜色,不用太多。

7:黑色雜色層 圖層疊加即可

PS個人拙見:
除了AI和樓上幾位的答案,其他的答做起來不是很好。

例如那個用選框工具製作出圓形,而不是使用圖層置入形狀的方式,除非一次成型不修改的類型,否則對後續修改是非常麻煩且不合理的,若是需要交接文檔,人家需要改動或者起來還不得恨死你。

不過八仙過海各顯神通,目的解決了就好。


當然這張圖最佳的實現方式是PS以及其他手繪軟體,但看到題主問到AI/PS,之前的回答也都是PS,我就來強答一波AI的吧!

這個是最終效果呈現

趕時間做得比較粗糙,用AI的好處就在於矢量圖可以隨時編輯縮放。

這張圖的製作主要應用的就是AI的自定義畫筆功能。

首先拉一個矩形為底,添加【效果-紋理-顆粒】使背景粗糙化。

接著就是畫一個正圓形,就直接畫一個就好,不用設置顏色線條什麼的,能看得到就行。

然後使用鋼筆工具,選擇上方的自定義畫筆,選擇【頹廢風格畫筆】,在圓的合適區域里畫,超出圓的區域更好。之後調色並同樣用鋼筆工具調整透明度在上面做一些細節的調整就好。

接著把之前的圓形置於頂層,並和上一步繪製的元素全選,右鍵選【創建剪貼蒙版】,補上前一步漏掉的太陽……

最後繪製樹木也是用鋼筆工具勾勒,同樣也是用頹廢畫筆(真的想吐槽adobe的這翻譯……),調整細節,我就不調整了,大家看得懂就好。然後複製粘貼調整大小齊活兒~

貌似這是自己作為一個設計師第一次回答關於設計的問題…………


先來一小波福利,騙個贊!

PS基礎教程:http://pan.baidu.com/s/1eSNCZaq

AI教程:http://pan.baidu.com/s/1i5CbDml

這種仿工筆圖的效果,正好之前有做過,直接放上來吧。

首先來分析工筆畫的幾個特點:線條是工筆畫的基礎和骨幹;色彩以固有色為主,一般設色明快,高雅,有統一的色彩;平面感:工筆畫中從構圖,線條,設色到形象的細部處理都帶有一定的平面感和裝飾性。知道了以上的這些特點,後期的方向也就明了,後期要調節光影關係,減少明暗反差,提取線條,再統一色調。

原圖

最終效果圖

1、打開RAW文件,基礎畫板中調節曝光,提亮陰影,降低對比等簡單調節,然後到PS面板中磨皮,液化等基礎操作。這裡不詳述。

2、著重點來講一下提取線條:首先複製背景層Ctrl + Shift + U 去色,再複製去色圖片Ctrl + I反相,並將圖層混合模式改成「顏色減淡」。

3、改變圖層混合模式後,畫面顯示為白色,不要著急,接著往下做。

4、濾鏡 &> 其它 &> 最少值,半徑我給的是1,能看到已經有線條了。接下來要做的是強化邊緣輪廓線,複製最上方圖層。

5、然後蓋印新圖層,混合模式改為「正片疊底」,這裡要關掉剛剛複製的反相圖層,是與第一個反相圖層混合。

6、最後得到這個圖層,剛剛一系列操作只為得到這個圖層,合併圖層線條提取就結束了。

7、接下來開始上色:雙擊剛剛的線稿層,在打開的面板中調節紅色箭頭標的位置,混合顏色帶一下圖層,這裡按住Alt鍵可使三角形的滑塊分開,數值感覺合適即可。

8、複製背景層到最上方,圖層混合模式改為「顏色」,進一步上色,有些過曝的地方,我又提取了部分原圖層給個透明度做為填補。

9、然後加花瓣,詩和邊角樹,補充畫面。

10、調節曲線,利用蒙版使人物面部光線更平,接下來對色相/飽和度,可選顏色做了輕微調整。

11、網上找一張羊皮紙或宣紙素材。

12、拖動素材到圖層中,混合模式改為「正片疊底」,調節不透明度,感覺合適即可,最後蓋印新圖層,整體色調調一下色彩平衡:中間調加青降紅,最後在線稿層用選區選擇樹榦部分複製到最上方,正片疊底,調節透明度,加深樹的線條。

最終效果:


我添加回答是為了解除樓上兩個回答之間的尷尬



怒交兩波作業


不邀自來~

想要用 AI 實現這種效果,不如先看一下斯達克學院(StuQ)為你準備的「AI專題」系列課!

  1. 註冊 StuQ 新官網即可獲得免費AI專題公開課學習名額,
  2. AI 人氣精品課更是直降5000元,全年最低價!
  3. 重磅 AI 新課超值預售,購100元優惠券抵200元,購200元抵用券抵500元!

超多優惠,快來參與吧!

活動時間:9月26日至10月12日

免費公開課領取鏈接:http://activity.geekbang.org/stuq/ai-17-oct/?hmsr=11hmpl=hmcu=hmkw=hmci=


來交個作業



交作業了


好多高手各顯神通!好膩害!




交個作業


先放結果,用AI 10分鐘作業可以出來的效果


推薦閱讀:

如何通俗地解釋色彩三要素:色相、明度、純度?
請教這種水彩雙重曝光的海報怎麼做的?
這種效果的海報怎麼做?
漸變構成在Ps、Ai等軟體上如何準確地實現?
這種圖案是怎麼拼成的?

TAG:AdobePhotoshop | 設計 | 平面設計 | AdobeIllustrator |