• <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教程
        • 時間:2018-02-23 11:46

        新年假期結束,我們該收心,凝神了,本期就教大家做一個卡包圖標吧~也希望能給大家帶來滿滿滴財運!

        先看下完成圖:

        制作一個半邊毛玻璃效果的銀行卡圖標

        紅紅火火的看起來很招財的樣子,對不對?還等什么,這就開始吧~

        第一步,制作背景

        制作一個半邊毛玻璃效果的銀行卡圖標
        制作一個半邊毛玻璃效果的銀行卡圖標

        第二步,畫圖標

        制作一個半邊毛玻璃效果的銀行卡圖標
        制作一個半邊毛玻璃效果的銀行卡圖標

        2.用圓角矩形工具繪制一個稍小一點的圓角矩形,調整一下圓角,圓角可以不用那么大,作為第一張卡片,放在背板上。填充一個和剛才做的背景相同的漸變色,改成相反的方向就可以啦,如下圖;

        制作一個半邊毛玻璃效果的銀行卡圖標

        3.ctrl+j復制一個,ctrl+t自由變換,把自由變換的中心放在圓角矩形的右下角,然后旋轉5度,把顏色換一下,小編用的是“ff993f”到“ffd54e”,如下圖;

        制作一個半邊毛玻璃效果的銀行卡圖標

        4.同時按住ctrl+shift+alt+t,執行等距離復制,就會得到一個跟之前旋轉角度相同的矩形,調整一下它的圖層順序,把它放在前兩張卡片的下面,換個顏色,小編用的顏色是從“33b1c4”到“4fc0ce”的漸變,如下圖;

        制作一個半邊毛玻璃效果的銀行卡圖標

        5.把卡片上一些代表性的裝飾畫上去,如下圖;

        制作一個半邊毛玻璃效果的銀行卡圖標

        6.把卡片外面的口袋畫上去。繪制一個比背板大的矩形,填充一個白色,把不透明度調整為60%,然后用小白工具把矩形右上角的錨點往上移動一段距離,如下圖。

        制作一個半邊毛玻璃效果的銀行卡圖標

        7.把剛才畫好的口袋放在所有圖層的最上方,然后按住ctrl鍵,鼠標左鍵在背板圖層的縮略圖上點擊,給背板載入選區,然后選中口袋這個圖層,點擊圖層蒙版,多余的地方就去掉啦,如下圖;

        制作一個半邊毛玻璃效果的銀行卡圖標
        制作一個半邊毛玻璃效果的銀行卡圖標

        做到這一步就完成了嗎?細心的同學會發現好像還差點什么吧?

        第三步,加上模糊效果

        1.通過觀察我們發現,只有在被口袋蓋住的地方卡片才有模糊的效果哦,這個要怎么實現呢?我們先同時選中這三張卡片和卡片上需要做模糊效果的裝飾的這些圖層,然后鼠標右鍵,把他們轉換成一個智能對象,如下圖;

        制作一個半邊毛玻璃效果的銀行卡圖標

        2.使用剛才咱們教過的方法,給口袋的圖層載入選區,然后選中已經轉換為智能對象的卡片的圖層,執行濾鏡—模糊—高斯模糊,調整一下模糊的數值,點擊確定就可以啦~如下圖。

        制作一個半邊毛玻璃效果的銀行卡圖標
        制作一個半邊毛玻璃效果的銀行卡圖標
        制作一個半邊毛玻璃效果的銀行卡圖標
        制作一個半邊毛玻璃效果的銀行卡圖標

        感謝大家閱讀由UI教程欄目分享的“制作一個半邊毛玻璃效果的銀行卡圖標”希望對大家有所幫助,更多精彩內容請關注UI培訓官網

        免責聲明:本文由小編轉載自網絡,旨在分享提供閱讀,版權歸原作者所有,如有侵權請聯系我們進行刪除

        預約申請免費試聽課

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

        上一篇:UI設計師一定要避免這些雷區
        下一篇:幫老板P個公章,坐了3年牢

        淺談設計中的加載

        平面設計中的印刷知識與印刷尺寸

        教你如何把手機里的自拍照片轉成手繪照

        如何將品牌基因融入到產品設計中?

        • 掃碼領取資料

          回復關鍵字:視頻資料

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

        • 視頻學習QQ群

          添加QQ群:1143617948

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

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

        選擇城市和中心
        貴州省

        廣西省

        海南省

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