當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

漸變教程,如何做出迷人的漸變?

來源:站酷 作者:博森設計 學習:10178人次

 這迷人的漸變怎么做的?

  Adobe Photoshop怎么做這種效果?

  我們都知道iOS7以后,界面設計已經趨于扁平化。實際界面設計中我們已經很少繪制寫實圖標。所以貌似現(xiàn)在的UI界面顯得千篇一律。比較有經驗的設計師會熟練運用插畫設計還有動效設計,使自己的界面顯得與眾不同,然而這些技巧都是需要時間歷練,短時間并不容易掌握這些知識。

  有沒有一種方法簡單實用,迅速提升界面的格調了?

  Instagram 換標的設計刷遍了大家的朋友圈,對于這個新圖標褒貶不一,不管這個設計好壞與否,你不得不承認第一眼看這個彩虹色讓你眼前一亮。也讓我們重新認識到在UI設計中,使用得當的漸變色彩,可以使界面和圖標的設計感得到迅速提升。

漸變教程,如何做出迷人的漸變?_m.tgudhdp.cn

  一、垂直線性漸變

漸變教程,如何做出迷人的漸變?_m.tgudhdp.cn

  拉漸變是Photoshop的基礎操作,那么如何運用的好看了?顏色選擇才是關鍵

  我們把一個漸變顏色拆分成A B C三個顏色,每個顏色用HSB標注顏色色值。

漸變教程,如何做出迷人的漸變?_m.tgudhdp.cn

  這是某App的一組引導畫面,運用了三組漸變顏色,分別標注HSB的色值,通過這組色值的變化,分析如下。

漸變教程,如何做出迷人的漸變?_m.tgudhdp.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網友求助,請回答!