請問這種酷炫的圖是怎麼做出來的？

我在dribbble上看到這種圖，好酷炫，自己試著研究了一下，設計師可能用的是混合模式來實現的，自己嘗試做的時候總是做不出這種效果。請問有沒有大神講解一下？

附上原設計師的dribbble地址Ilya Shapko - Dribbble 他的好多作品都是這種光感很強烈，很有視覺衝擊力！

---

先上圖，和原圖還是有點差別的，做完之後才發現這就是體力活啊，累死...

喘口氣，晚上了再補充

========分割線========

其實我是用sketch作的，道理是和ps一樣的，相對來說，感覺用ps作會更省事，我也不知道哪根筋抽了用sketch...

畫的過程中好幾次想放棄，這太他娘的費時間了(捂臉哭)
這圖沒啥難度，就一個字，費時間！！！
我還是忍著畫下來了....

不廢話了，下面上教程！

效果圖

第一步：用形狀工具畫一個樹葉的形狀
顏色調成漸變

第二步：多畫幾個形狀，堆放在一起，調整一下透明度及漸變

注意：其中頂層的一個形狀可以添加個陰影，顯的更有層次感

第三步：以此類推，大致畫出雞的形狀

第四步：在雞的身上畫一些小的不規則漸變形狀

最後疊加在一起就成一隻雞了！

其中重要的有兩點：
1、圖層疊加的時候注意增加陰影，顯的有層次感
2，漸變方式有兩種，一種是線性漸變，一種是徑向漸變

剩下的就是一些細節的微調，只要有耐心，終究就畫出一隻雞 的

---

上張圖，做完之後才發現尺寸設小了，/(ㄒoㄒ)/~~

對於這種圖來說掌握好三原色很重要！

1.用鋼筆勾好形狀填充顏色，把圖層混合模式改成濾色

2.加個蒙版用灰色的柔邊畫筆過渡一下變成透明漸變，這個是之前用的方法。後來發現用內發光or漸變會更簡單，效果會更好。

3.自定義個筆刷設置一下大小、方向（為了讓大家看的更清楚一些把色塊隱藏了，做完之後已吐血....）

4.要想光感更強烈一些，把顏色對比拉大就好了

不足的地方請大神指正！

---

參考dribbble大神原圖試著畫了一下，做法和其他幾位答主基本一致，操作流程是先用鋼筆畫葉子，漸變填充，調整不透明度然後濾色疊加，其中一部分加了內發光、陰影效果以增強層次感。注意雞的眼睛和周圍飄落的光點要用外發光。
製圖難點一是對雞形體的把握，用若干簡約流暢的葉子勾勒出順眼的形態，二是配色的技法，尤其是橙紅紫的搭配過渡，盡量用純度較高的顏色，即取色域的右上角，三是光感的調整，內外發光，透明度，陰影等細節的調節。
和原圖以及幾位答主的圖還是有一些差距的，可能是光點數量不夠多不夠密集，只畫了一些飄在周圍的，雞身內部也多疊合一些光感會更好，不過一個個畫形調色真的很花時間。

雞年除夕還以此圖為基礎做了個簡單的小動畫，導出gif作為賀歲祝福的表情發給微信好友，蠻有趣的。知乎發不了gif，貼一個動畫後半部分的視頻鏈接好了，歡迎大家批評交流。
2017雞年賀歲祝福表情動畫 - 騰訊視頻 http://v.qq.com/x/page/l0371rzraya.html

---

交作業

---

手頭上沒有電腦，想了一下，ps,ai,都可以處理做出來，原理是，形狀，透明度，疊加模式，關於效率，ai噴槍工具應該可做後面小點的工作

---

激發了創意，我也做一張

---

和上面的其他同學一樣，我也是用PS加上蒙版，調整透明度，加上圖層內發光外發光等等，接下來上步驟圖：

一：用鋼筆勾勒出一個大塊的顏色，如圖

一塊肯定是不夠的啦，我們繼續加，加的過程中記得改一下形狀和漸變色，於是我們得到了這個

可以穿插著用蒙版，做一些透明度的變化，讓其更有層次，OK,我們繼續加色塊，使其整體更符合一隻雞的造型。

是不是不像？繼續加！！！

現在雞的大體樣貌已經很明了，但是總感覺少了點什麼，繼續加·····小色塊！！為了讓大家看清楚，小色塊我單獨顯示出來。

小色塊加的真是想死啊，居多，但是，小色塊越多，最後的效果也越好，小色塊在添加的時候也要注意透明度和疏密的變化，順著翅膀和外形輪廓加。

最後，上成品

和大神做的還是有差距，我們再加些裝飾和排版

總體就是這樣，不算難，但是比較需要耐心，總體效果尚可，哈哈哈

---

這個說實話很容易。第一步：用鋼筆工具繪製大致草圖。第二步：運用漸變、投影等相關圖層樣式再加上適當的不透明度。完工！

---

就是鋼筆勾的

---

推薦閱讀：