增加網址:
文章備註、標題(會記錄下來,但是暫時不會顯示):
[四格]像素圖?向量圖?點陣圖? 無名 ID:aMmIQlHw 16/10/07(五)14:35:13 No.646673
評分:0, 年:0, 月:0, 週:0, 日:0, [+1 / -1] 最後更新:2016-10-09 16:04:07
附圖
https://www.plurk.com/p/lvkuw6
無題 無名 ID:7RR/adAU 16/10/07(五)14:47:42 No.646675
一般都叫點繪
像素圖這名字跟點陣圖太像了,不好用
我看到標題時也在想點陣圖怎麼出現兩次
無題 無名 ID:2rvuOlpo 16/10/07(五)14:47:53 No.646676
我一直覺得像素藝術創作很厲害
因為得在有限的資源或大小呈現出該物品的特徵
但好像不太受到人們的歡迎? 是覺得看起來很簡陋的樣子嗎
無題 無名 ID:Nxa7ZxFw 16/10/07(五)14:57:06 No.646680
畫地自限
無題 無名 ID:PlKzXfq6 16/10/07(五)15:01:05 No.646681
>>No.646676
原來有不受歡迎嗎?
大家的童年都是這些點繪
無題 無名 ID:wvJ4Q2fE 16/10/07(五)15:11:18 No.646684
>>No.646676
因為有人認為點陣圖根本只是解析度超級差又不費工的省錢東西
加上商業手段(點陣=懷舊=上個時代的東西)
所以點陣圖慢慢的被疏遠了
另外一個原因是因為現在比起使用點陣圖,直接利用圖像或者是3D建模來製作遊戲方便多了,點陣反而變成了像是過去工匠的無釘木製建築那樣的存在
當然,在個人心中,點陣圖的地位是永遠不變的
無題 無名 ID:2gFRyZU. 16/10/07(五)15:23:47 No.646687
記得伊蘇1&2都是用點繪?
無題 無名 ID:LO6VtXvA 16/10/07(五)15:24:57 No.646688
>>No.646684
像!素!圖!!!
無題 無名 ID:hxYOnb.w 16/10/07(五)15:24:58 No.646689
放大失真又如何?
難道玩同人HRPG的時候還要維持在1:1小視窗玩嗎?
只能說這人也活的太累了...
無題 無名 ID:u7m9l5rw 16/10/07(五)15:38:48 No.646694
>>646684
基本上要是有人覺得點陣圖根本只是解析度超級差又不費工的省錢東西
叫他去嘗試畫一次就說不出這句話了啦......
會覺得不費工一定會有什麼誤會
正是因為費工才會那麼多遊戲都轉3D
但是pixel animation功力強的話絕對很厲害
像是Duelyst的動畫都畫得很棒

而3D只要沒有一定的程度怎麼看都會很陽春
無題 無名 ID:ZIW8nvMo 16/10/07(五)15:48:38 No.646697
附圖
噗浪第一個回文就說得很好了
點陣跟向量是格式,像素藝術是風格

我也可以用向量繪製像素風格的圖啊
無題 無名 ID:7RR/adAU 16/10/07(五)15:49:05 No.646698
點陣圖(Bitmap)跟向量圖(vector graphic)是資訊工程上的詞彙
指的是電腦儲存圖檔時使用的格式類型
點陣圖是把圖檔分割成一個個的像素,然後把每個像素存下來
向量圖是記錄哪邊有線、哪邊有色塊...把那些座標存起來
向量圖通常都是設計領域的人在用,一般人只會用到點陣圖
只要附檔名是jpg、bmp、png、gif的,一概是點陣圖
不管圖裡放的是點繪、3D遊戲截圖還是三次元照片都一樣是點陣圖

點繪(Pixel art、ドット絵、原PO附圖稱為像素圖)則是一種藝術風格
只要圖片的風格長那樣就叫做點繪,並不一定要用點陣圖來儲存(只不過沒人會想用向量圖來存點繪)
無題 無名 ID:RiNrCBv6 16/10/07(五)15:50:54 No.646699
為了避免混淆,我一般都講DOT繪
那是所有畫家的惡夢,比任何畫法都還要費工
因為效果很棒,所以遊戲上使用的DOT繪是不可能被淘汰的
重點是相當輕量化,不會對運行造成負擔,也不需要擔心失真的問題
市面上有九成的遊戲,只要他使用的繪圖不是DOT繪,那就絕對有失真

另外自己畫圖也五六年了,完全沒在分點陣跟像素的差異
總覺得這兩個詞沒什麼差異
DOT繪是指畫圖的方式,而點陣跟向量就如他所說的
是圖片的類型,也是相對的,除向量圖外的一切圖片全是點陣圖
而點陣圖是像素組成的,大概就這樣
無題 無名 ID:Fv8WVPF. 16/10/07(五)15:53:57 No.646700
附圖
像素圖好棒啊!!
無題 無名 ID:i3vVijq. 16/10/07(五)15:55:58 No.646701
>DOT繪
什麼是DOT繪?
無題 無名 ID:u7m9l5rw 16/10/07(五)15:56:18 No.646702
補一下duelyst的動畫
duelyst的動畫師們真的都好棒啊
https://www.youtube.com/watch?v=GEkr5G80z-o
無題 無名 ID:7RR/adAU 16/10/07(五)15:59:20 No.646703
另外
點繪這種藝術風格的誕生
是來自一種稱為調色盤(Palette或稱Color table)的技術
這也是一個資工術語,他是點陣圖格式的一個附加功能

基本型的點陣圖每個像素要用24bit儲存
但是那個時代記憶體很貴,要盡量省空間,就發展出了調色盤技術
在檔案開頭先定義256種特殊顏色
然後每個像素只儲存他是第幾號顏色,而不把顏色本身記錄下來
這樣一來每個像素都只要8bit就能儲存,大幅縮減記憶體需求
這也就是為什麼撲浪那邊有人把點繪稱為8bit風
那個8bit其實指的是調色盤技術,而調色盤技術是點繪風格的誕生原因

然而調色盤並不是一定要8bit
依照你一開始定義的顏色多寡,你可以用任意的bit數表達一個像素
例如部份畫漫畫的人會用到的「二值化」,其實就是1bit調色盤
無題 無名 ID:B6gQMxCY 16/10/07(五)15:59:49 No.646704
說到點繪動畫就該把這個拿出來
https://www.youtube.com/watch?v=E9pBOiIHQ3U
勇者不要太囂張3D的結局影片
製作組到底燒了多少肝啊....
無題 無名 ID:L/xBwWwg 16/10/07(五)16:00:04 No.646705
總之拜託各位不要再把格式跟風格混在一起了
無題 無名 ID:vtdKR4wk 16/10/07(五)16:03:15 No.646707
抱歉我完全外行
而後看下來的感覺似乎是點陣圖一開始畫的時候都是像素,但存檔時電腦會去做柔化(或是說調和?)的動作
所以顏色區別很大的交界處色塊,會被調成所謂的中間色?
請問我的理解是有哪邊有誤嗎?(還請用對外行但至少智商普通的方式回答,謝謝)
無題 無名 ID:7RR/adAU 16/10/07(五)16:09:32 No.646710
回覆: >>646786
點陣圖是電腦儲存圖檔的方式
如果你沒聽過向量圖,那很可能你這輩子看過的所有電腦上的圖像全都是點陣圖

使用高階的繪圖軟體時
筆刷畫下去他會自動把邊邊柔化
有很多功能在使用時也會造成柔化的效果
而點繪這種風格指的就是刻意不進行任何柔化
讓每個像素點都很清晰、不會糊在一起
可以用最少的點清楚表達出你要畫的東西

點繪風格的圖片如果使用調色盤技術的點陣圖來儲存,檔案會非常小
這是當初之所以業界大量使用點繪的原因,為了省容量
但到了現代已經不需要節省容量了
使用點繪是因為喜歡那個藝術風格
現代的點繪圖檔也不一定真的會使用調色盤來存,反正要的只是那個外觀
無題 無名 ID:ZIW8nvMo 16/10/07(五)16:16:14 No.646712
附圖
其實...
向量轉點陣很簡單
要轉像素風格也很容易

向量簡單的說就是解析度無上限
通常用色塊處理,否則不規則的漸層色會比較吃資源

但重點是 格式不等於風格啊~
無題 無名 ID:lh7XsfVc 16/10/07(五)16:17:14 No.646713
點繪... Minecraft算不算ww
1MB 無名 ID:zvNi0/Is 16/10/07(五)17:16:43 No.646727
>那個時代記憶體很貴
有多貴呢,曾經出現過"1MB"記憶體要台幣1200元
是那個時代的1200元,不是現在的1200元喔
換算成現在的話,從前的1200元相當於現在的2400~3000元(不專業換算)

如果還有更古早的價錢也請告知
無題 無名 ID:/e6x8kyo 16/10/07(五)20:32:13 No.646755
>如果還有更古早的價錢
我的第一台電腦只有640KB的記憶體,加上2部360KB的軟碟機,沒有硬碟,還不知道光碟,更沒有3D加速卡這種東西
聽說有前輩是用過磁帶機的...
無題 無名 ID:ptphLyJw 16/10/07(五)21:47:55 No.646769
香港的專業名詞都是用英文的,沒問題!
無題 無名 ID:C.VN0CGA 16/10/07(五)22:44:07 No.646779
回覆: >>646783
我照圖片說的

把圖印出來後

切掉兩條 再把它併起來

但他沒說要怎麼讓它動起來呢
無題 無名 ID:vtdKR4wk 16/10/07(五)23:15:22 No.646783
>No.646779
用成GIF檔,原圖跟裁切過的輪流放,時間自己抓
無題 無名 ID:vtdKR4wk 16/10/07(五)23:31:04 No.646786
回覆: >>646817
>No.646710
謝謝,所以也就是像素圖是特意用點繪的方式來畫的,要的就是那種風格,或者是省檔案空間
不過後來不需要省空間時,很多軟體便會自動內建地將色塊邊緣給柔化,於是變成了常見的點陣圖
而向量則是用更複雜的方式,原理是將繪圖時的步驟都記錄下來,之後每次要呈現時都會再跑一次圖,來確保不會失真
請問我的理解是否有問題?

PS剛吃了安眠藥,眼都花了,言不達義,請函 稅稅8
無題 無名 ID:X7uNQ61o 16/10/08(六)00:34:36 No.646801
附圖
[圖片儲存方式]
bitmap: 設定圖片大小,指定每 pixel 的數值 (一般來說就是 rgb 各 0~255)
vector: 用許多圖形函式和參數去定義輸出的圖像

[美術風格]
pixel art: 以肉眼可視的偏低解析度作爲創作限制的風格,不見得會對色票進行限制

我知道原 po 的圖是出於善意,但是就結果來說好像只是讓更多人更混亂而已
無題 無名 ID:/B8QeIpU 16/10/08(六)00:54:14 No.646808
附圖
無本文
無題 無名 ID:ItzWJ2jo 16/10/08(六)01:31:19 No.646817
附圖
>No.646786
向量圖是用公式算的不是記步驟
好比給你圓的公式之後,就可以用向量圖畫出任意大小的圓,邊是柔順的
可是你用點陣圖畫的圓一放大就有鋸齒
也好像你物理老師會講的,所有波形都可以視為SIN波的疊加
之前有個網站可以把圖轉成公式
無題 無名 ID:ItzWJ2jo 16/10/08(六)01:33:11 No.646818
回覆: >>646824
附圖
另外像素圖不會失真這點不太懂......
是因為像素圖不給放大嗎?
能不能講解一下
無題 無名 ID:NJ4o86yE 16/10/08(六)01:57:32 No.646823
附圖
原PO是分不清藝術風格和圖片格式?
無題 無名 ID:qJiGD1ZI 16/10/08(六)01:57:41 No.646824
回覆: >>646828
>>No.646818
不是不會失真,是「不能失真」

只要一但經過壓縮
必定會産生變型,變色
就算只有最簡單的黑白色
也會因爲壓縮算式變成比黑白灰更多的顔色
平常相片的話沒關系因爲已經夠複雜了
但在Dot層次分明、用色較少的情況下
這種錯誤會變得很顯眼,對視覺影響很大

基本上常用的只有BMP PNG 舊GIF這三種格式
無題 無名 ID:ItzWJ2jo 16/10/08(六)02:14:09 No.646828
>>No.646824
是看 No.646699提的
>重點是相當輕量化,不會對運行造成負擔,也不需要擔心失真的問題
>市面上有九成的遊戲,只要他使用的繪圖不是DOT繪,那就絕對有失真
無題 無名 ID:V599OAP6 16/10/08(六)02:17:23 No.646832
回覆: >>647019
附圖
其實dot繪等比例放大是不會失真的沒錯
(所以作者才拿200%等比例放大來比較)
如附圖 200%放大也只是格子放大而已
不會影響圖本身
會失真通常是不小心存成jpg或是弄到非等比例放大
另外等比例縮小也有極限
到一定程度就絕對會失真
無題 無名 ID:grxRKE3I 16/10/08(六)02:27:04 No.646835
附圖
我覺得這個作者是想表示一個問題
就是一堆人把點陣圖同時當成檔案類型又同時當成風格吧

我自己在做美術的時候就常常遇到人家要我做點陣圖
結果他自己都不知道他自己在講什麼
問他要多大的解析度 dpi跟檔案格式
他自己都講不清楚還怪我混淆他
然後就是我需要多問(因為我不想弄錯)

多問之後就有人發怒
還問我為什麼做這麼久了連他講的東西都聽不懂
事實上就真的是聽不懂你想要什麼東西
你跟我講「幫我畫一張點陣圖」
我大概就給你一張這樣的東西或著那樣的東西]

問題是你自己要哪個東西我根本不會知道
除非你要我包兩個案子
無題 無名 ID:Whzsh/Y2 16/10/08(六)02:45:35 No.646836
附圖
無本文
無題 無名 ID:gE6Z28.Q 16/10/08(六)02:46:31 No.646837
直接說DOT繪不是比較好理解嗎?
無題 無名 ID:89w5lW0g 16/10/08(六)02:58:45 No.646839
不會,因為DOT是英文
會有人以為那是什麼的縮寫(?)
無題 無名 ID:grxRKE3I 16/10/08(六)03:17:59 No.646843
damage over time
無題 無名 ID:xgMEVzzY 16/10/08(六)04:10:56 No.646857
>像素風格
的確,是有人會說像素風,但是沒聽過有人說點陣風格
所以應該是刺子刺君自己搞錯了

還有他自己舉例的"點陣圖"根本就是jpg圖像吧
無題 無名 ID:wkre/RiA 16/10/08(六)05:15:21 No.646861
回覆: >>646864
>>damage over time
持續傷害畫聽起來滿強的...
無題 無名 ID:UMucJNMI 16/10/08(六)06:04:17 No.646864
附圖
無題 無名 ID:loQe0E46 16/10/08(六)07:10:37 No.646871
個人有玩過像素圖
繪製方式其實很容易

主要有兩種方式
第一種是開啟尺寸超小的版面慢慢繪製
第二種是拿張大圖改成超小張縮圖再來修改成像素圖
但顏色部分必須掌控好漸層形式為網狀或格子狀

像素圖若想放大不失真也有兩種方式
第一種是將畫好的像素圖原始檔案放大數倍輸出圖像
切記不可將輸出過的圖像再次放大避免失真
第二種是將畫好的像素圖轉換為向量圖檔另存新檔
無題 無名 ID:/y6D/4/Q 16/10/08(六)07:13:17 No.646872
網路點繪動畫影片的幕後製作 之 點繪示範
https://youtu.be/AhdfXByQlWA?t=2m48s

點繪畫師根本是怪物(仰慕的意味)
無題 無名 ID:42tiZu7A 16/10/08(六)07:26:15 No.646873
附圖
順便推坑一下
光明旅者
風格超棒
無題 無名 ID:4ybMjIUw 16/10/08(六)07:26:39 No.646874
那麼大致明白這些的差異了 (就是點陣圖只是存檔格式,風格的話就是像素跟向量而已)
但還有個問題想請教下,那就是所謂的像素風格會主要用在哪邊,磁磚?
或者應當說啥東西才適合用像素風格?
(那馬賽克該算是?)
無題 無名 ID:/y6D/4/Q 16/10/08(六)08:06:04 No.646876
>>No.646874
由於風格強烈,目前主要是復古風遊戲or卡通影片以致敬那個遊戲年代。
現實有「拼豆」等商品。
無題 無名 ID:loQe0E46 16/10/08(六)08:06:10 No.646877
回覆: >>646952
附圖
>No.646874
馬賽克拼貼畫跟像素藝術不能混為一談
傳統拼貼畫每格形狀可以不用固定為正四方形
但像素畫最早是出現在電腦應用程式的圖示
每格形狀必定為正四方形
而像素畫也是8-bit或16-bit電玩圖像表現
因此使用像素畫呈現作品會帶有懷舊電玩風格
無題 無名 ID:zaOkBYWw 16/10/08(六)12:53:42 No.646940
https://www.reddit.com/r/pixelart
無題 無名 ID:V599OAP6 16/10/08(六)14:01:51 No.646952
附圖
>>No.646877
但是像你附圖這種根本算不上pixelart就是
沒有柔邊 沒有用中間色 沒有網點漸層
很多老美的作品都有這種誤解
以為只要像素超低有鋸齒就算的上pixelart了
steam上面一堆打著pixelart為噱頭的獨立遊戲其實很多都沒符合這個標準
無題 無名 ID:Z7TWc9Pg 16/10/08(六)18:38:12 No.647019
回覆: >>647030
>>No.646832
你拿這種1像素變成4像素的倍率當然看不到失真啦...你試試放大到133%,那就會失真了(除非構圖是以每點3X3像素來弄)。
無題 無名 ID:V599OAP6 16/10/08(六)19:23:12 No.647030
回覆: >>647045
>>No.647019
開串圖的作者就說是整數倍率200% 300%這種的
誰在跟你講133%啦....
無題 無名 ID:g3GzEoaE 16/10/08(六)19:38:22 No.647031
回覆: >>647032
對了,台灣有不錯的點繪師嗎?
想找人做遊戲
無題 無名 ID:SNCnIDuE 16/10/08(六)19:50:30 No.647032
>>No.647031
有打算付錢嗎?
無題 無名 ID:g3GzEoaE 16/10/08(六)20:22:35 No.647044
>>No.647032

用拆帳的方式合作囉
無題 無名 ID:Z7TWc9Pg 16/10/08(六)20:23:09 No.647045
回覆: >>647066
>>No.647030
長和高都是"相同的"133%放大的話都是等比例放大的沒錯吧。
133%太奇葩了? 那150%的等比例放大也可以,反正邊長5像素的放大成7.5像素也夠可以失真了。
無題 無名 ID:4IePOtYE 16/10/08(六)20:27:17 No.647049
附圖
>No.647032
蛤?
年輕人不要計較金錢
能學到東西才是最重要的
而且這將來可以當作你求職履歷上一個亮眼的經驗
這邊除了學到業界內的技術外
還能認識朋友拓展人脈
有些事情多認識一些人多一點交情就會變得好處理
這是一般年輕人普遍缺乏的資產
說了這麼多
能讓你交朋友又學東西的地方
照理說是你要付學費才對吧?
但是我們非常願意給年輕人機會
前三個月可以無酬實習
三個月後看表現再談去留
無題 無名 ID:V599OAP6 16/10/08(六)22:02:10 No.647066
回覆: >>647093
>>No.647045
1.33
1.5
7.5
你覺得這些數字是整數倍?
無題 無名 ID:Z7TWc9Pg 16/10/08(六)23:16:16 No.647093
>>No.647066
等倍放大是有限制一定要整數倍率放大嗎?
只要符合了長和闊都是一樣倍率的放大就成立等倍放大啦。
(我是不否認放大1.5倍是找碴的就是了。)
如果你想要整數嘛...一張100X200像素的放大成150X300,數字上仍是整數啊,雖然內裡的圖如果不是以2X2像素來構圖的話就會失真就是了。
無題 無名 ID:7I0NsPiM 16/10/09(日)00:10:47 No.647115
不用給錢的也可以啊
但是請你先跟我見面我們看過作品再說
等你有辦法做出作品我們再討論要不要繼續