<menuitem id="phbrh"></menuitem>
<cite id="phbrh"><video id="phbrh"><listing id="phbrh"></listing></video></cite><cite id="phbrh"><strike id="phbrh"><listing id="phbrh"></listing></strike></cite>
<menuitem id="phbrh"></menuitem>
<menuitem id="phbrh"><dl id="phbrh"><progress id="phbrh"></progress></dl></menuitem>
<cite id="phbrh"><strike id="phbrh"></strike></cite><var id="phbrh"></var><var id="phbrh"><strike id="phbrh"></strike></var><var id="phbrh"><strike id="phbrh"></strike></var>
<menuitem id="phbrh"><dl id="phbrh"><progress id="phbrh"></progress></dl></menuitem><var id="phbrh"><strike id="phbrh"></strike></var>
<var id="phbrh"><strike id="phbrh"></strike></var><var id="phbrh"></var>
添加到百度首頁
添加收藏 RSS 網站地圖 舊版網站
  • 全部
  • 網頁特效
  • 建站教程
  • 設計分享
當前位置:首頁 > 設計分享 >

使用PS路徑描邊輕松繪制UI圖標

時間:2014-11-29      來源:互聯網     

        @Micu設計 :Photoshop的路徑工具和鋼筆工具,很容易被人忽視,功能很強大,一直很低調。今天咱一塊嘮嘮怎么用路徑和鋼筆,快速繪制簡易線狀圖標,這個看了都能做噢!!!!哪怕是第一天學PS,也能做到。

  有人說UI難學,摸不到門路,那就從這一課開始吧。

  (心急的同學,直接翻到中下位置,教程部分即可,先練練手)

  大背景:扁平化下的極簡主義

  自從蘋果家扁平化后,整個世界都扁了。似乎被人們扔了很久的極簡主義,一夜之間又流行起來了??戳讼旅娴?,是不是很清新,很直接呀。這樣的圖標適用于底部的標簽欄中,及其頂部的左右按鈕上。也許有人會說:這也叫圖標,不就是些線條嘛嘛。呵呵,可別說,現在很多人就是好這口。在這樣一個信息爆炸,App滿天飛的年代,高效簡潔自然有市場。扁平化代表了高效,我就是我,不需要多余的思考。

使用PS路徑描邊輕松繪制UI圖標-【科e互聯】
 

  一、任務

  這些線性圖標難做嗎?讓我們分析一下它們的結構。

  尺寸規格:一般線條為2px,也有的加強為3px的。

  風格:線條簡單,圖形指示意義明確。

  2 px 的圖標

使用PS路徑描邊輕松繪制UI圖標-【科e互聯】

使用PS路徑描邊輕松繪制UI圖標-【科e互聯】

        3 px 的圖標

使用PS路徑描邊輕松繪制UI圖標-【科e互聯】
 

  二、任務分析(思考和困難)

  繪制不難,怎么快速繪制才是關鍵。

  大家思考一下,這個線形圖標是怎么做出來的呢?

  很多同學會想用Illustrator進行繪制圖形,但這樣并不方便。在AI可能會出現繪制完后拖到PS中進行調整,會導致邊緣線的大小變化,容易導致像素對不齊等情況。在迭代過程中不好保證圖標描邊大小的統一性,只能一個一個的到AI中進行更改非常的麻煩。折騰了半天畫個線性圖標,實在有些浪費。

  如果用PS可行嗎?先不要馬上否定,好好想想路徑工具和鋼筆工具。

  是用圖層樣式?選擇工具?有人想到了樣式描邊的方法。貌似不行,因為未封閉的圖標,用樣式描邊做出來卻是封閉的…

  那么問題來了,用封閉路徑制作出來的圖標在進行縮放時形狀也會相應的等比縮放,這樣會導致在需要不同大小的圖形時,因縮放還需反復調整圖標的路徑邊緣才能保證圖標線條的一致性。因為整套圖標要求線條都相對統一,調來調去太浪費青春!

  好了,不拐彎抹角了,下面就給大家介紹一個構圖快、一學就會、包教包會的方法。

  記住三點:一是形狀工具及填充,二是描邊效果,三是用鋼筆錨點工具刪除無用路徑。

  采用的構圖方法:減法。

web前端視頻教程
相關文章
web前端視頻教程


最新更新

網頁特效

web前端視頻教程
自拍偷拍视频91,偷拍妻子鬼混视频,麻豆制服丝袜诱惑中文视频,国产网红主播自慰福利视频下载,sm视频网站,久久riAv七麻豆系列,麻豆传媒映画tao,网红主播安然大秀,亚洲国产cd系列丝袜 国产屋在线视频观看 迅雷下载| 0855午夜间在线观看视频| 日韩孕妇孕交无码AV| 《粉色情人》视频萝莉| Av不卡在线观看一区| 国产剧情抗日游戏| 欧美另类国产视频在线播放| 亚洲国产美女情侣视频下载| 国产偷拍影音先锋| 国产偷拍裙在线播放影院| 18精品一区国产亚洲| 国产御姐主播在线播放| 韩国不忠| 韩国生巧| 麻豆传媒变态瑜伽md0031| 欧美笛子| 欧美做爱视频播放| 日本与中华| 女同性恋hpt| 手机在线电影亚洲中文字幕| 川北中文字幕网| 木工中文字幕辅助| 丝瓜视频在线下载一无限看| 最新国产在线视频导航| 2021最新地址一地址二| 午夜禁片在线观看| 性交麻豆av| 国产剧情,制服诱惑,日韩无码| 女神羞羞研究所ep1麻豆| 大象焦伊人久久综合| 国产大鱼电影剧情解析| 制服丝袜另类日韩国产| 最新国产情侣自拍| 国产丝袜女王| 2018国产偷拍在线手机视频| 国产一区二区三区高潮| 车厘子国产直播| 韩国笔| 韩国制造英文| 艾薇麻豆传媒映画md0047| 欧美a在线看| http://www.hayleymccormackart.com http://www.yxmcw.com http://www.bontempiemilianosrl.com http://www.seniormentalhealthsolutions.com http://www.zwx88.com http://www.murfreesboroapplianceparts.com