PS/UI設(shè)計(jì)師學(xué)習(xí)-新手入門第二課2-3 矢量格式圖像

假設(shè)我們寫了一首新的樂曲阻塑,要把它交給唱片公司客们,可以通過兩種方式:

把這首樂曲彈奏出來并錄制在磁帶上。

把這首樂曲的樂譜寫下來牺六。

這兩種方式的最大區(qū)別在于記錄的形式颤枪。

前者是記述性的。包含樂曲的音頻信息淑际。其中的所有信息都是固定的畏纲,如演奏速度扇住、樂器音色等。如果你想把笛子換成排簫霍骄,那就要重新錄制一遍。

后者是描述性的淡溯,不包含音頻信息读整,只包含對(duì)樂曲音律的描述。如果要改變演奏速度或樂器音色咱娶,只要在樂譜中修改一下就好米间。

點(diǎn)陣圖像就屬于記述性,以點(diǎn)為記錄的對(duì)象膘侮。而矢量圖像屬于描述性屈糊,以線段和計(jì)算公式作為記錄的對(duì)象。

比如下圖中的直線琼了,如果以點(diǎn)陣方式來記錄逻锐,就是從左上角第一個(gè)點(diǎn)開始,到右下角最后一個(gè)點(diǎn)結(jié)束雕薪,記錄所有像素的顏色昧诱。 記錄這幅圖像(200×50像素)就需要1萬個(gè)信息。即使這條直線本身并沒有那么多像素所袁,但點(diǎn)陣方式也是完整的把整幅圖的像素記錄下來盏档。 因此不管是一條直線還是兩條三條,對(duì)于點(diǎn)陣圖像來說都是一樣的燥爷。都是去逐個(gè)記錄圖像中的所有像素蜈亩。

如果用矢量來記錄這條直線,只需要三個(gè)信息:直線起點(diǎn)坐標(biāo)前翎、直線終點(diǎn)坐標(biāo)稚配、直線的顏色。 在還原的時(shí)候就利用這三個(gè)信息去生成圖像港华,就如同樂隊(duì)把樂譜演奏出來一樣药有。

由于矢量的這種特點(diǎn),使得它非常便于修改苹丸。 比如要把下圖的直線旋轉(zhuǎn)一下愤惰,點(diǎn)陣方式就需要重新記錄所有改動(dòng)過的像素信息。而矢量圖只需要改動(dòng)起點(diǎn)和終點(diǎn)的坐標(biāo)就好了赘理。 當(dāng)放大圖像的時(shí)候宦言,點(diǎn)陣圖像會(huì)產(chǎn)生模糊和鋸齒。就如同錄音帶播放時(shí)候加速產(chǎn)生的變調(diào)商模。對(duì)圖像質(zhì)量是有損失的奠旺。 而矢量圖像是根據(jù)放大后的坐標(biāo)重新生成圖像蜘澜,不會(huì)產(chǎn)生模糊和鋸齒。就如同樂隊(duì)根據(jù)新樂譜重新演奏响疚。對(duì)圖像質(zhì)量是沒有損失的鄙信。

下面大家親自動(dòng)手來感受一下矢量圖像和點(diǎn)陣圖像在縮小放大之后的區(qū)別。點(diǎn)此下載002 s01.psd范例文件

在Photoshop中打開會(huì)看到同樣的兩個(gè)人物剪影圖像忿晕,左邊的是矢量格式装诡,右邊的是點(diǎn)陣格式。此時(shí)看起來沒有區(qū)別践盼。如下左圖鸦采。

原圖片大小是400×300,現(xiàn)在使用【圖像 圖像大小】將寬度改為100像素咕幻,高度自動(dòng)計(jì)算為75像素渔伯。得到如同下中圖這樣的效果。 這時(shí)兩者看起來還是差不多的肄程。

再使用【圖像 圖像大小】

改為和原先一樣的400×300像素锣吼。會(huì)看到如同下右圖的效果。 現(xiàn)在區(qū)別就明顯了蓝厌。右邊的點(diǎn)陣格式在經(jīng)過上面兩步的操作后變得模糊吐限。而左邊的矢量格式卻仍然保持著和原先相同的清晰度。沒有一點(diǎn)損失褂始。

大家也可以先把圖像縮得更小些诸典,這樣放大以后效果對(duì)比將更明顯。下圖是先縮小到20×15后再放大的效果崎苗,右邊的圖已經(jīng)是“一塌糊圖”了狐粱。

為什么在第一次縮小之后沒有看出區(qū)別呢?

這是因?yàn)榭s小點(diǎn)陣圖像是不會(huì)產(chǎn)生模糊的胆数,在丟棄原先的一些像素后肌蜻,剩下的像素是足夠描述圖像的,并沒有產(chǎn)生像素空缺必尼。而放大后才產(chǎn)生了像素空缺蒋搜。

為什么矢量圖像“飽經(jīng)風(fēng)霜”卻依舊“面不改色”呢?這就是因?yàn)榍懊嬲f過的矢量圖像的特點(diǎn):通過記憶線段的坐標(biāo)來記錄圖像判莉。 圖像放大縮小的同時(shí)坐標(biāo)也放大縮小豆挽,而各個(gè)坐標(biāo)之間的相對(duì)位置并沒有改變。然后根據(jù)改動(dòng)后的坐標(biāo)重新生成圖像券盅。因此無論放大多少都不會(huì)失真帮哈。

全教程完,學(xué)完記得交作業(yè)。如果本教程對(duì)您有所幫助锰镀,請(qǐng)推薦給你的朋友娘侍。

點(diǎn)擊了解 搖星學(xué)院? UI設(shè)計(jì)師/web前端開發(fā)? 學(xué)習(xí)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末咖刃,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子憾筏,更是在濱河造成了極大的恐慌嚎杨,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,423評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件氧腰,死亡現(xiàn)場(chǎng)離奇詭異枫浙,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)容贝,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,147評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門自脯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來之景,“玉大人斤富,你說我怎么就攤上這事《凸罚” “怎么了满力?”我有些...
    開封第一講書人閱讀 157,019評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)轻纪。 經(jīng)常有香客問我油额,道長(zhǎng),這世上最難降的妖魔是什么刻帚? 我笑而不...
    開封第一講書人閱讀 56,443評(píng)論 1 283
  • 正文 為了忘掉前任潦嘶,我火速辦了婚禮,結(jié)果婚禮上崇众,老公的妹妹穿的比我還像新娘掂僵。我一直安慰自己,他們只是感情好顷歌,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,535評(píng)論 6 385
  • 文/花漫 我一把揭開白布锰蓬。 她就那樣靜靜地躺著,像睡著了一般眯漩。 火紅的嫁衣襯著肌膚如雪芹扭。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,798評(píng)論 1 290
  • 那天赦抖,我揣著相機(jī)與錄音舱卡,去河邊找鬼。 笑死队萤,一個(gè)胖子當(dāng)著我的面吹牛灼狰,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播浮禾,決...
    沈念sama閱讀 38,941評(píng)論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼交胚,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼份汗!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蝴簇,我...
    開封第一講書人閱讀 37,704評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤杯活,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后熬词,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體旁钧,經(jīng)...
    沈念sama閱讀 44,152評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,494評(píng)論 2 327
  • 正文 我和宋清朗相戀三年互拾,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了歪今。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,629評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡颜矿,死狀恐怖寄猩,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情骑疆,我是刑警寧澤田篇,帶...
    沈念sama閱讀 34,295評(píng)論 4 329
  • 正文 年R本政府宣布寞钥,位于F島的核電站趣席,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏杂曲。R本人自食惡果不足惜诈火,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,901評(píng)論 3 313
  • 文/蒙蒙 一兽赁、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧冷守,春花似錦刀崖、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至授翻,卻和暖如春或悲,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背堪唐。 一陣腳步聲響...
    開封第一講書人閱讀 31,978評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工巡语, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人淮菠。 一個(gè)月前我還...
    沈念sama閱讀 46,333評(píng)論 2 360
  • 正文 我出身青樓男公,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親合陵。 傳聞我的和親對(duì)象是個(gè)殘疾皇子枢赔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,499評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容