如何用設計軟體畫出Instagram新logo那樣的多色漸變?

從新logo的宣傳視頻來看,似乎是將兩個垂直線性漸變用蒙版進行疊加,但是我試了下似乎並不成功?

另外還可以用粉紅色背景直接用畫筆畫出深紫色和橙黃色的光斑。
有沒有高手有比較方便的多色漸變的製作方法?


  1. 新建一個800x600的文件,用矩形工具畫一個圓角矩形。

  2. 添加圖層漸變,畫出如下的漸變,注意明度保持一致,色相不要差距太大,用徑向漸變,縮放值看情況。

  3. 複製圖層到上方,重複第二部,這次我們換一個顏色和角度。

  4. 上部做的漸變添加一個蒙版,用硬度為0的黑色畫筆抹一下。

  5. 畫出其他部分,差不多可以了。


謝人肉邀///

所選軟體:sketch (ppt ai等軟體製作等思路一致)

1.首先從網上拉一張新版的instgram的圖標素材。

2.打開sketch 創建icon模版

3.拖入圖片素材,分析構成元素,可以發現背景色彩其實並非簡單的linear gradient,其效果可以通過多層radial gradient疊加得到。如下圖:

具體各層設置參數可參考:
/1/

/2/

4.最後呈現(感覺icon主體線框的矩形應該再圓潤一點,不過題主主要在乎的是背景,so,先這樣吧)


推薦閱讀:

Instagram 相機標誌的 logo 有原型嗎,應該是哪一款?
為什麼在中國沒有一個成功的 Instagram 克隆?
Instagram 日活躍用戶過 5 億,對微博、知乎有什麼啟發?
Instagram 郵箱驗證碼收不到?登錄不了?

TAG:Logo標誌 | AdobePhotoshop | Instagram | 平面設計 |