關于像素藝術中的等距圖形,這份總結超全面! - 優設-UISDC

                                        關于像素藝術中的等距圖形,這份總結超全面!

                                        2018/02/08 11542評論區

                                        什么是等距圖形?等距圖形的發展歷史?如何快速做出等距圖形?這篇總結全都有了!

                                        一. 等距是什么?

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

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

                                        二. 等距視圖游戲的歷史

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

                                        1. 20世紀80年代

                                        △ 高速公路遇襲(1985年)

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

                                        △ 蝙蝠俠(1986年)

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

                                        2. 20世紀90年代

                                        △ 最終幻想III(1997)

                                        △ 文明六世(2016)

                                        在貼圖法中,各個視覺元素都被切分為更小的部件,稱為「貼圖」,都是標準尺寸的。根據預先確定的平面數據——通常是2D數組,這些貼圖被組織成游戲世界。

                                        3. 目前2000

                                        △ SOCIOBALL(2015)

                                        △ 紀念碑谷 (2016)

                                        三. 等距風格的圖標、插畫及應用范圍

                                        這種插畫有一個專門的名字叫「isometric」。應用范圍很廣,比如:icon、界面、啟動頁、插畫、游戲、動畫視頻等等。

                                        △ 圖標

                                        △ 字體

                                        △ 插畫

                                        △ 海報

                                        △ 啟動頁

                                        四. 常用繪制軟件

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

                                        現在網上有很多教程,比如:

                                        五. 干貨

                                        雖然PS/AI都能畫出等距圖標,但是現在有一個軟件Affinity Designer 比它們畫等距圖更加輕松。

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

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

                                        網格類型選擇等軸測,這樣網格就會自動生成等距所需要的斜線。

                                        并且它的網格還可以設置吸附功能,也就是畫的每個元素都可以自動吸附在網格邊緣。

                                        另外它還有一個十分便捷的功能,它的圖形變形功能也十分強大。鼠標移動到矩形中間節點的會出現上下重疊的箭頭(→),如下圖:

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

                                        拖拽矩形長寬的時候也是根據網格的路徑來,不會影響矩形傾斜的角度。

                                        輕輕松松畫一個小icon。

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

                                        案例鑒賞:

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

                                        △ 繪圖手法:插畫

                                        歡迎關注點融設計中心DDC微信公眾號:「ID:DR_DDC」

                                        ddcqr

                                        「簡單實用的2.5D插畫教程」

                                        ================明星欄目推薦================

                                        優優教程網 UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

                                        設計導航:國內人氣最高的設計網址導航,設計師必備: http://hao.uisdc.com

                                        優設大課堂

                                        非特殊說明,本文版權歸原作者所有,轉載請注明出處
                                        本文地址:http://www.ndwc.tw/isometric-graphic-summary-in-pixel-art

                                        發表評論 加載中....

                                        評論加載中....

                                        uisdc

                                        評論區都快餓癟了,看看我期盼的小眼神...

                                        sketch 優設大課堂 轉場動效 設計師 扁平化設計 交互設計師 界面設計 排版布局 職場 平面設計 設計師專訪 素材下載 視覺設計 配色 設計流程 web前端開發 AI教程 用戶體驗設計 設計理論 海報設計 神器下載 字體下載 設計規范 設計趨勢 psd下載 動效設計 圖標設計 產品設計 logo設計 ICON 神器推薦 職場規劃 App設計 字體設計 酷站推薦 交互設計 ui設計 設計師職場 優秀網頁設計 用戶體驗 ps技巧 酷站 PS教程 網頁設計 經驗分享
                                        wechat

                                        優設官方微信

                                        50萬設計師關注

                                        微信號:youshege

                                        把好文章收藏到微信

                                        打開微信,掃碼分享
                                        學設計 優設網 在這里

                                        江苏11选5开奖结果