2018/03/22

用Sketch建立專(ㄐ一ㄚˇ)業(ㄅㄞ)的Isometric View立體圖

Isometric View,原本是指在工業設計上一種用2D方式展示3D的視角,常見的中文講法大概有等角投影、等距視圖、等視軸圖、等軸側圖、等軸測視圖、立體圖、軸測圖…等,問了一下畫圖的捧油表示,你講立體圖就好了啦!~
而在展示設計作品時,也會很常會在作品集內看到這種呈現方式,不知為啥就是有一種高上大的港覺,而在Sketch內也是有不錯的套件組合可以做到!老樣子,怕忘記所以要筆記一下XD


首先你要先建立一個立體圖,以前要都傻傻自己拼半天還歪掉,現在可以直接使用Sketch Isometric快速產生,安裝後選你的Artboard,再點選Generate Isometric View 讓他依照你的Artboard大小產生立體圖,而且你還可以選擇要設定的角度、方向及厚度!



接著是把Artboard對應過去,這邊我試了一下有兩個套件都不錯,一套是蠻多人使用的Magic Mirror,目前出到3,使用也都很簡單,先點選Artboard,將右側Magic Mirror內的Include in artboards打勾,再點選要對應的Shape,就可以在右側選單內選擇你要塞進來的Artboard!而且Magic Mirror還可以設定自動更新,這樣每次有調整後就不用再弄一下啦!不過免費版的Magic Mirror畫質只有給到@1x,如果是想要高畫質的就請付費或是使用另一套!





而另一套則是Angle,他不用先特別設定Artboard,只要點選要對應的Shape,在選單內選擇Apply Mockup就可以直接對應過去啦!而這套的重點,就是在於可以免費產生高品質格式,不只@2x,連@3x、@4x都有阿!若你只有一個Artboard,他會直接使用Auto,連設定都省了!~不過Angle並不像Magic Mirror有修改時會自動刷新,是有點可惜


這幾個玩了一陣子覺得都還不錯也很好上手,如果路過的捧油你有其它好用的套件,也請推薦給我一下嚕!謝謝!

Related Posts:

  • 最新版 讓MAMP支援SSI的方法及注意事項 | 教學最近接手一個案子,同事使用到SSI也就是include file的方式,必須在本機架設Server才可以使用,在MAC上設Server最簡單的方案是是MAMP,真的好用很簡單操作,免費版就很夠使用,安裝後才發現,MAMP預設include功能是關閉的,上網搜尋一下MAMP SSI,差點被自己笑死,出… Read More
  • MacBook Air 2012入手這不是我第一次買MAC了,以前還在Tiger的時候就買過MacBook,也就是俗稱的小白,相隔多年後,我又再次加入了Mac的行列。 其實也沒什麼原因一定要買,只是剛好遇上這次週年慶,許多水果店(APPLE經銷商的俗稱)難得在這一次搭上了週年慶滿萬送千的活動,而我在燦坤問到了滿萬現折千元的活動,原本… Read More
  • LiveReload終於可以在Sublime Text 3正常使用惹   最近電腦重灌後正在拼命補裝軟體,這個時候卻遇到我的Sublime Text 3卻沒辦法正常使用LiveReload,不論在Firefox還是在Chrome,都會拼命跳錯誤出來,看得我都火大了但還是沒辦法解決~冏,最後終於在各國的技術鄉民的分享下完成了這麼糾心的一件事。 處理… Read More
  • 用Automator做一個蝦皮的蝦蝦樂園自動澆水外掛 | 教學雖然我沒有在玩蝦皮的蝦蝦樂園,但豬大人很常發澆水需求過來,想說有沒有什麼方式可以幫他澆好水,之前有看到高手寫外掛,但蝦皮改了程式後就不能用了,這時就是要搬出連我也是第一次使用但是很多老MAC用戶覺得方便的Automator! 不過說外掛其實也不算是,Automator他是一個MAC內建的自… Read More
  • 讓MAMP支援SSI的方法 最近因為專案的關係,需要在電腦安裝SERVER,阿很不剛好的我的筆電是MacBook Air,不能夠直接使用USBWebServer...Orz,只好找一下MAC有那些簡單好用的軟體,好家在找到了MAMP。 MAMP十分容易使用,基本上裝就對了,由於我們有用到SSI,需要手動開啟才行,於… Read More

0 意見:

張貼留言