<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    2018-9-5    博博

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    UI巴巴 2018-08-16 20:26:18

    如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

    1.等距是什么?

    等距視圖是指,繪制物體時(shí)每一邊的長度都按繪圖比例縮放,而物體上所有平行線在繪制時(shí)仍保持平行的一種顯示方法。

    最早是出現(xiàn)在電腦應(yīng)用程式的圖像,以及早期的8位元電子游戲,近幾年來的被廣泛的使用在因特網(wǎng)、GUI(Graphic User Interface)以及行動(dòng)游戲等等。

    2.等距視圖游戲的歷史

    雖然計(jì)算機(jī)游戲的歷史一直在20世紀(jì)70年代初期就看到了一些真正的3D游戲,但是第一個(gè)使用上述意義上的等距投影的不同視覺風(fēng)格的視頻游戲是20世紀(jì)80年代初的街機(jī)游戲。

    1)20世紀(jì)80年代 

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    高速公路遇襲(1985年)

    等距視圖是一種把2D游戲偽裝為3D游戲的顯示方法。使用這種方法的游戲有時(shí)候會(huì)被稱作偽3D或2.5D

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    蝙蝠俠(1986年)

    執(zhí)行等距視圖的方法有很多,但為了簡化,最有效最常用的一種——貼圖法。從上面兩張圖可以看出,其上覆蓋的菱形網(wǎng)格把地形劃分貼圖。

    2)20世紀(jì)90年代 

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    最終幻想III(1997)

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    文明六世(2016)

    在貼圖法中,各個(gè)視覺元素都被切分為更小的部件,稱為“貼圖”,都是標(biāo)準(zhǔn)尺寸的。根據(jù)預(yù)先確定的平面數(shù)據(jù)——通常是2D數(shù)組,這些貼圖被組織成游戲世界。

    3)目前,2000

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    SOCIOBALL(2015)

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    紀(jì)念碑谷 (2016)

    3.等距風(fēng)格的圖標(biāo)、插畫及應(yīng)用范圍

    這種插畫有一個(gè)專門的名字叫“isometric”。

    應(yīng)用范圍很廣,比如:icon、界面、啟動(dòng)頁、插畫、游戲、動(dòng)畫視頻等等。

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    圖標(biāo)

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    字體

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    插畫

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    海報(bào)

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    啟動(dòng)頁

    4.常用繪制軟件

    目前常用的軟件有PS、AI、C4D。

    5.干貨來啦~

    雖然PS/AI都能畫出等距圖標(biāo),但是現(xiàn)在有一個(gè)軟件Affinity Designer 比它們畫等距圖更加輕松。

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    首先畫等距我們需要畫參考線,PS/AI都能畫出來,但是方法還是稍稍顯得復(fù)雜了一點(diǎn),一些基本功不到位的同學(xué)會(huì)很頭疼這個(gè)參考線的畫法。Affinity Designer 的網(wǎng)格和軸管理器十分人性化的解決了這個(gè)問題。

    不但對于新手來說是個(gè)不錯(cuò)的選擇,而且它完美的融合了Adobe和sketch兩個(gè)原本不相融的軟件。

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?
    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?
    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    網(wǎng)格類型選擇等軸測,這樣網(wǎng)格就會(huì)自動(dòng)生成等距所需要的斜線。

    并且它的網(wǎng)格還可以設(shè)置吸附功能,也就是畫的每個(gè)元素都可以自動(dòng)吸附在網(wǎng)格邊緣。

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?
    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    另外它還有一個(gè)十分便捷的功能,它的圖形變形功能也十分強(qiáng)大。鼠標(biāo)移動(dòng)到矩形中間節(jié)點(diǎn)的會(huì)出現(xiàn)上下重疊的箭頭(→),如下圖:

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    這樣可以十分輕松的傾斜矩形到任意角度,并且還自動(dòng)吸附到網(wǎng)格上了。

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    拖拽矩形長寬的時(shí)候也是根據(jù)網(wǎng)格的路徑來,不會(huì)影響矩形傾斜的角度。

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    輕輕松松畫一個(gè)小icon。

    Affinity Designer這個(gè)軟件目前只適用于蘋果操作系統(tǒng),在App Store商店里有售賣。

    案例鑒賞:

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?
    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?

    ↑軟件:C4D、3D-MAX、MAYA等大部分3D軟件

    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?
    你知道設(shè)計(jì)風(fēng)格里的“等距風(fēng)格”是啥怎么畫不?


    日歷

    鏈接

    個(gè)人資料

    存檔

    主站蜘蛛池模板: 国产欧美日韩综合精品一区二区三区 | 久久久精品国产亚洲成人满18免费网站| 最新精品亚洲成a人在线观看| 国产成人精品福利网站在线观看 | 18国产精品白浆在线观看免费| 亚洲精品动漫人成3d在线| 国产精品∧v在线观看| 国产a精品视频| 精品欧洲av无码一区二区| 亚洲视频在线精品| 免费短视频软件精品一区二区| 柠檬福利精品视频导航| 精品国产三级a∨在线| 亚洲精品成人无限看| 久久久久久一区国产精品| 国产精品福利在线观看免费不卡| 久久最新精品国产| 国产成人精品日本亚洲直接| 精品免费人成视频app| 全球AV集中精品导航福利| 亚洲精品成人片在线播放| 亚洲精品无码av天堂| 午夜精品一区二区三区在线观看| 国产亚洲精品免费视频播放| 国产高清在线精品一区小说 | 国产成人精品无码一区二区| 国产久热精品无码激情| 精品欧洲AV无码一区二区男男| 四虎国产精品永久在线| 亚洲av无码国产精品夜色午夜| 亚洲级αV无码毛片久久精品| 亚洲精品~无码抽插| 麻豆国产在线精品国偷产拍| 亚洲∧v久久久无码精品| 亚洲AV永久纯肉无码精品动漫| 少妇人妻偷人精品无码视频新浪| 无码人妻精品一区二区三区99仓本 | 精品一区二区三区免费视频| 国产成人无码精品久久久免费 | 777欧美午夜精品影院| 国产成人精品久久一区二区三区av |