• <tbody id="9brb1"><pre id="9brb1"></pre></tbody>

    <em id="9brb1"></em>

  • <th id="9brb1"></th>

  • <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
  • <button id="9brb1"><acronym id="9brb1"><input id="9brb1"></input></acronym></button>
      <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
        更多課程 選擇中心


        UI培訓

        400-111-8989

        UI培訓教程之插畫風格圓形圖標設計

        • 發布:UI培訓
        • 來源:UI教程
        • 時間:2019-01-30 12:02

        本教程主要使用Photoshop設計立體插畫主題風格的圖標,作品的整體效果以剪影風格為主的插畫,整體的層次立體感表現的非常的不錯。

        先看看效果圖:

        ui培訓教程-插畫效果圖

        整個插畫就是樹枝滴部分會稍微花點時間哦~建議熟練滴童鞋不要臨摹,自已動手畫一畫這些樹枝,對自己的構圖能力和控制力都是很有幫助滴哦

        建好畫布后,畫一個圓:

        ui培訓教程-插畫效果圖

        然后砸門建立一個分組,alt+左鍵顯示圓的選區,然后給分組建立一個蒙版,把所有滴部件都畫在這個組里的時候就不會超出圓的大小啦~

        ui培訓教程-插畫效果圖

        現在開始畫地面,砸門用鋼筆工具畫出輪廓來:

        ui培訓教程-插畫效果圖

        砸門可以直接復制一個放在后面,水平旋轉后調整下位置就好啦、

        ui培訓教程-插畫效果圖

        接下來開始做樹枝滴部分,為了整個畫面的層次感,窩做了四層呢~太多了也不好,顯得和雜亂,下面一層層的來看

        第一層:

        ui培訓教程-插畫效果圖

        第二層:

        ui培訓教程-插畫效果圖

        第三層:

        ui培訓教程-插畫效果圖

        第四層是由左右兩部分組成滴,窩把其他的隱藏了讓童鞋們看得清楚點:

        ui培訓教程-插畫效果圖

        放在一起來看哈效果(,,?ω?,,)

        ui培訓教程-插畫效果圖

        做到這里就完成大部分啦,嘻嘻

        然后窩們來做點裝飾品,先做個云,這個云其實是由4個圓加矩形拼起來滴:

        ui培訓教程-插畫效果圖

        縮小放到合適滴位置上

        ui培訓教程-插畫效果圖

        再來看哈樹葉滴做法,用布爾運算取交集:

        ui培訓教程-插畫效果圖

        合并形狀組件后刪除上面或下面滴錨點,再復制一個垂直旋轉:

        ui培訓教程-插畫效果圖

        醬紫就可以分別給顏色啦~

        ui培訓教程-插畫效果圖

        放在合適滴位置上:

        ui培訓教程-插畫效果圖

        下面來畫可愛滴鹿鹿

        ui培訓教程-插畫效果圖

        這里需要童鞋們對鋼筆工具有很好滴控制力,關于鋼筆工具,窩前面有篇文章叫“鋼筆工具錨點的控制”,童鞋們可以先去看一看,然后再來畫這只鹿。

        畫好之后呢,砸門把它放進去,放到空中讓鹿飛起來。

        ui培訓教程-插畫效果圖

        接下里就可以開始填色了哦,將地面弄成漸變色,背后滴大圓也加上漸變色:

        ui培訓教程-插畫效果圖

        再給云朵和鹿加上漸變色:

        ui培訓教程-插畫效果圖

        最后,想要做粗剪影滴效果就要加上投影,我們給地面,樹枝,云,鹿都加上投影,正片疊底效果不好滴話,童鞋們可以試試“線性加深”和“顏色加深”:

        ui培訓教程-插畫效果圖

        然后做最外面一圈滴內陰影效果,砸門把大圓復制一個放在最最最上面,填充改為0,然后添加內陰影:

        ui培訓教程-插畫效果圖

        做到這里就差不多啦,砸門再給整個畫面增加顆粒質感,給那些數值滴投影和大圓滴內陰影加上雜色,需要注意滴是,雜色,陰影顏色,大小,距離這些都會互相影響滴,所以窩這里不給具體參數,童鞋們自己把控一哈:

        ui培訓教程-插畫效果圖

        再來看看效果:

        ui培訓教程-插畫效果圖

        這時候窩們發現地面滴雜色不是很明顯,砸門單獨做一哈,把上面那層地面復制一個,圖層模式改為溶解,透明度10%-20%,圖層樣式去掉,顏色比之前加深一點點:

        ui培訓教程-插畫效果圖

        預約申請免費試聽課

        填寫下面表單即可預約申請免費試聽!怕錢不夠?可就業掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業?一地學習,可全國推薦就業!

        上一篇:app圖標設計教程之如何提升圖標的點擊率?
        下一篇:UI培訓教程之APP小圖標的制作方法

        達內UI設計7月免費訓練營報名啦

        UI培訓教程之系統圖標如何設計

        月薪過萬的UI設計師都是怎么設計界面的

        達內設計學院九周年慶典回首來時路,共赴新征程

        • 掃碼領取資料

          回復關鍵字:視頻資料

          免費領取 達內課程視頻學習資料

        • 視頻學習QQ群

          添加QQ群:1143617948

          免費領取達內課程視頻學習資料

        Copyright ? 2021 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

        選擇城市和中心
        貴州省

        廣西省

        海南省

        2019最新在线国产自拍,2019最新国产在线观看_久久爱久久高清视频 百度 好搜 搜狗
        <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>