面設計零基礎自學視頻教程(部分精選)
JPEG是Joint Photographic Experts Group(聯合圖像專家組)的縮寫,文件后綴名為“.jPg”或“.jeg”,是最常用的圖像文件格式,由一個軟件開發聯合會組織制定,是一種有損壓縮格式,能夠將圖像壓縮在很小的儲存空間,圖像中重復或不重要的資料會被丟失,因此容易造成圖像數據的損傷。
尤其是使用過高的壓縮比例,將使最終解壓縮后恢復的圖像質量明顯降低,如果追求高品質圖像,不宜采用過高壓縮比例。
TIFF是最復雜的一種位圖文件格式。TIFF是基于標記的文件格式,它廣泛地應用于對圖像質量要求較高的圖像的存儲與轉換中。由于它的結構靈活和包容性大,它已成為圖像文件格式的一種標準,絕大多數圖像系統都支持這種格式。
PSD是Photoshop Document的縮寫,是著名的Adobe公司的圖像處理軟件Photoshop的專用格式。這種格式可以存儲Photoshop中所有的圖層,通道參考線、注解和顏色模式等信息。在保存圖像時,若圖像中包含有層,則一般都用Photoshop(PSD)格式保存。
PSD格式在保存時會將文件壓縮,以減少占用磁盤空間,但PSD格式所包含圖像數據信息較多(如圖層、通道、剪輯路徑、參考線等)。
EPS是Encapsulated Post Script的縮寫。EPS格式是lllustrator 和Photoshop之間可交換的文件格式。EPS文件是目前桌面印刷系統普遍使用的通用交換格式當中的一種綜合格式。
EPS文件格式又被稱為帶有預視圖像的PS格式,它是由一個PostScripti語言的文本文件和一個(可選)低分辨率的由PICT或TIFF格式描述的代表像組成。EPS文件就是包括文件頭信息的PostScript文件,利用文件頭信息可使其他應用程序將此文件嵌入文檔。
SWF(shock wave flash)是Macromedia(現已被Adobe公司收購)公司的動畫設計軟件Flash的專用格式,被廣泛應用于網頁設計、動畫制作等領域,SWF文件通常也被稱為Flash文件。
SVG可以算是目前最最火熱的圖像文件格式了,它的英文全稱為Scalable Vector Graphics,意思為可縮放的矢量圖形。它是基于XML(ExtensibleMarkup Language ),World Wide WebConsortium(W3C)聯盟進行開發的。
嚴格來說應該是一種開放標準的矢量圖形語言,可讓你設計激動人心的、高分辨率的Web圖形頁面。用戶可以直接用代碼來描繪圖像,可以用任何文字處理工具打開SVG圖像,通過改變部分代碼來使圖像具有交互功能,并可以隨時插入到HTML中通過瀏覽器來觀看。
BMP(全稱Bitmap)是Windows操作系統中的標準圖像文件格式,可以分成兩類:設備相關位圖(DDB)和設備無關位圖(DIB),使用非常廣。它采用位映射存儲格式,除了圖像深度可選以外,不采用其他任何壓縮,因此,BMP文件所占用的空間很大。
BMP文件的圖像深度可選Ibit、4bit、8oit及24bit。BMP文件存儲數據時,圖像的掃描方式是按從左到右、從下到上的順序。由于BMP文件格式是Windows3環境中交換與圖有關的數據的一種標準,因此在Windows:環境中運行的圖形圖像軟件都支持BMP圖像格式。
GIF(Graphics Interchange Format)的原義是“圖像互換格式”,是CompuServe公司在1987年開發的圖像文件格式。GIF文件的數據,是一種基于LZW算法的連續色調的無損壓縮格式。其壓縮率般在50%左右,它不屬于任何應用程序。GIF格式可以存多幅彩色圖像,如果把存于一個文件中的多幅圖像數據逐幅讀出并顯示到屏幕上,就可構成一種最簡單的動畫。
HTML文檔中使用的圖像的目的有:第一,使頁面具有視覺效果;第二個:顯示有用信息。此外,圖像也可以用作鏈接。
雖然使用圖像有很多好處,但是包含太多圖像的頁面通常看起來過于雜亂,并且可能需要花費太長的時間來加載。
要顯示圖像,需要使用src屬性來指定圖像的路徑,如下所示有幾個方法來實現:
img標記的alt屬性定義當圖像無法加載時顯示的文本來代替該圖像。對一個考慮周到的html來說這是一個必需屬性,簡要地描述圖像是什么。
圖像通常顯示為它實際的大小,但通過使用width和height屬性,可以更改它顯示的大小。以像素或百分比形式指定圖像的大小。技巧提示:使用圖像的實際大小(以像素為單位)來指定其顯示大小,以強制瀏覽器在圖像加載之前為其分配空間,以確保無論圖像是否顯示,頁面布局都保持不變。
img標記的border屬性通過指定以像素為單位的厚度來添加邊框。您還可以設置border=“0”以刪除將圖像用作鏈接時添加的邊框。
默認情況下,圖像顯示在html代碼中指定的位置(與任何其他標記一樣)。但是,可以通過設置align=“left | right | top | bottom | middle”中的任意一個值來將圖像與周圍的文本或段落對齊。
調整圖像周圍的空白,以像素為單位。使用vspace調整上下垂直間距,或左右兩側使用hspace。
下面是以上標記的示例:
瀏覽器顯示內容如下所示:
映維網Nweon 2022年08月31日)盡管現在人人都說元宇宙,但各家公司的“元宇宙”實際上相當孤立,無法與其他平臺的虛擬空間、人或對象相連接。對于這一點,英偉達認為最初由皮克斯發明的通用場景描述(Universal Scene Description/USD)符合真正元宇宙的需要,可以作為元宇宙互操作內容和體驗的基礎。
在早前發布的一篇博文中,這家公司進行了解釋說明:
在過去數十年中,互聯網從根本上改變了世界,并啟動了我們消費和共享信息方式的巨大變革。這一轉變是如此徹底,以至于高質量的網絡存在對今天幾乎所有的企業都至關重要,同時與網絡互動成為了現代世界有效運作的核心。
Web已經從靜態文檔演變為涉及豐富交互媒體的動態應用。然而,盡管我們生活在一個3D世界中,網絡依然只是二維。
現在,Web即將迎來下一個重大進步: 3D互聯網/元宇宙。元宇宙不是將2D頁面連接在一起,而是將虛擬世界連接在一起。網站將成為相互連接的3D空間,類似于我們每天生活和體驗的世界。
一些虛擬世界將是物理現實的數字孿生,反映著真實世界,并且實時地鏈接和同步。其他虛擬世界則設計用于娛樂、社交、游戲、學習、協作或商業。
無論一個網站的目的是什么,使得2D Web如此成功的因素同樣會為整個元宇宙帶來成功 :基于開放標準和協議的通用互操作性。
創建元宇宙所需的最基本標準是虛擬世界的描述。英偉達相信所述標準的第一個版本已經存在:最初由皮克斯動畫工作室開發得通用場景描述( USD )。這是一個開放的、可擴展的生態,可用于描述、合成、模擬3D世界并與之協作。
于2015年開源的USD現在廣泛應用于各種行業,包括媒體和娛樂,以及建筑、工程、設計、制造、零售、科學計算和機器人等領域。
1. USD不僅僅只是一種文件格式
USD是一種場景描述,是用于創建、表示和修改虛擬世界的一組數據結構和API 。它不僅支持幾何、camera、照明和材質等虛擬世界的基礎知識,并且支持它們之間的各種關系,包括屬性繼承和實例化等等。
它包括擴展到大型數據集所需的功能,如延遲加載和有效檢索時間采樣數據。它具有極大的可擴展性,允許用戶自定義數據模式、輸入和輸出格式以及查找asset的方法。簡而言之, USD 涵蓋了皮克斯制作故事片所需的非常廣泛的要求。
圖 1:USD如何為行業特定用例啟用分層工作流*
Layers層可能是USD最具創新性的功能。從概念上講,它們與Adobe Photoshop中的層有相似之處:最終的合成是按順序組合所有層的效果的結果。但是,USD的層不是修改圖像的像素,而是修改合成場景的屬性。最重要的是,它們提供了強大的協作機制。
不同的用戶可以在不同的層上修改合成的場景,他們的編輯屬于非破壞性。較強的層將在合成中獲勝,但較弱層的數據依然可以訪問。除了直接協作之外,層提供的非破壞性修改正是傳統Web如此成功的原因之一。
圖 2:用USD創建的褐石房間內部的層,你可以自由替代家具布局和顏色
英偉達認為USD應作為元宇宙的HTML,亦即網站內容的聲明性規范。但正如HTML從HTML1的有限靜態文檔發展到HTML5的動態應用一樣,USD需要繼續優化發展以滿足元宇宙的需求。為了加速這一發展, 英偉達已經在USD生態中添加了眾多新功能:
值得一提的是,英偉達已經為推動USD成為元宇宙基礎制定了短期和長遠的計劃。
2. 短期計劃
在短期內,英偉達正在開發:
3. 長遠計劃
從長遠來看, 英偉達正與合作伙伴合作開發:
英偉達指出,包括愛立信、Kroger和沃爾沃等工業領域的公司正在采用USD來實現3D虛擬世界和asset項目。
當然,英偉達并不是唯一相信USD將在未來元宇宙中扮演重要角色的公司。這一構思在新成立的元宇宙標準論壇中已經獲得了一定程度的支持(英偉達是成員之一)。例如,元宇宙標準論壇曾表示USD是互操作虛擬空間和體驗的一個富有前景的基礎。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。