Home 免費下載 免費素材下載!給設計師的50個復古紋理材質

用這些手工製作且完全免費的材質來轉變圖像質感。為向量圖增添褪色感、讓照片加入復古元素,或是在設計上增加仿舊風格 – 還有更多應用。

想讓設計更有你的個性嗎?我們打造了材質包,裡面含有50個免費的仿古材質,能夠增強你的設計。每一個材質都是獨一無二且手工製作的,並以印度墨染和壓克力顏料測試多次製成的。

這些仿古材質在任一設計軟體內都能輕鬆運用 – 每種材質都有JPG和透明PNG檔,以便套用於設計圖或是剪裁遮色片(clipping mask)上。

立即查看材質包,並往下拉以取得免費下載。

材質是什麼?

材質能為設計提升質感,讓平凡的圖像增添視覺效果。他們是增加設計對比和興趣簡單但強大的方式。

在這個材質包裡,我選用了壓克力顏料和印度墨染,並應用在紡織品、紙類、海綿及特殊表面上,創造出各材質的獨特外觀。所有的材質都以高解析度掃描,並裁剪為4680 x 6000像素。


下載50個免費材質

下載免費材質包很簡單!只要點擊下��按鈕即可。想知道這些材質要怎麼應用在設計上?那就按照我們的Adobe Illustrator及Photoshop步驟說明做吧。

下載此免費材質包,即代表您同意不得將其轉售或轉載。


如何將材質套用到你的設計上

不確定要怎麼使用這些材質?我們提供了兩個簡單的步驟教學,說明如何將材質應用在Adobe Illustrator的剪裁遮色片,以及Adobe Photoshop的圖層遮色片(layer mask)上。

記住,免費下載包裡有兩種方便使用的檔案類型。其中的50個PNG檔案在任何的圖像編輯軟體中,像是Shutterstock編輯器,都非常適合加在可覆於圖像上的透明材質;另外的50個JPG檔案則是應用程式例如Photoshop或Illustrator中,圖層或剪裁遮色片的首選。


在Adobe Illustrator中使用材質

從下載一張EPS向量圖檔案或是在Illustrator開啟你的設計圖開始。你可以下載Creative Cloud的Shutterstock外掛程式,以直接從Adobe Illustrator程式中瀏覽、取得授權以及下載任何向量圖。

在這個教學裡,我將使用JPEG資料夾中的其中一個免費材質,並以剪裁遮色片將其應用在這個懷舊夏令營徽章上。

步驟1:開啟向量圖檔案

有了Shutterstock外掛程式,你就能從上百萬張向量圖中搜尋,下載並置入設計裡。只要點擊紅色的圖像授權(License Image)按鈕,就能將其加入畫板。

免費設計紋理素材

使用快速鍵Shift+Command+G以解散圖層群組。因為想要網版印刷效果,所以我會使用路徑管理員(Pathfinder)面板來移除紅色元素,並在淺灰色部分加入材質。

免費設計紋理素材

用快速鍵Command+G將紅色部分做為群組圖層,並使用路徑管理員工具中的聯集(Unite)功能將所有元素結合。這樣能確保所有的重疊元素稍後都能被移除。

免費設計紋理素材

同時按著Shift鍵並選取徽章背景,接著再點選減去上層(Minus Front)功能把位於上方圖層的形狀扣除。現在只剩下單一色彩,做好材質轉換的準備了。

步驟2:套用剪裁遮色片

導覽至視窗(Window)並叫出透明度(Transparency)面板,再選擇透明度。點選欲應用材質的物件,接著點選製作遮色片(Make Mask)。點擊黑框來編輯不透明度遮色片,並使用快速鍵Shift+Command+P瀏覽檔案。

免費設計紋理素材

點選50個免費仿古材質檔案中的Flat JPEG資料夾–我選了Distressed Texture_05.jpg這個檔案。在畫板上置入材質並在設計圖附近點擊游標。這會讓遮色後的材質移到上方;請留意材質的黑色部分是怎麼被遮去的,而白色部分則保留。

愈是仿舊的材質,也就是黑色部分愈多的,在設計上就會有小點。處理較暗的材質時,只要點選透明度面板中的反轉遮色片(Invert Mask)即可。

你可以使用選取工具(Selection Tool (V)),並依喜好拖拉邊角以扭曲或調整材質尺寸。選取釋放(Release)按鈕將材質從設計圖上完全移除。

步驟3:套用調色盤(Color Palette)

為設計選用調色盤並不困難。查看我的文章獲取靈感的101種色彩組合–每一種調色盤都有相應的色碼,因此你能輕易地將他們應用在專案裡。尋找符合調性的圖像或設計能夠訓練你辨識合適的調色盤,並且測試原先忽略的調色盤效果。

免費設計紋理素材

這張具冒險感的紅色系圖及其對應的調色盤非常適合我的夏令營徽章,呈現溫暖、懷舊的氛圍。Illustrator能夠輸入六位色碼,取得準確的色相。接下來我將在夏令營徽章上運用紅色(rich Ruby,#B12C25)和暖卡其色(warm Khaki,#F2D3C1)做為範例。

免費設計紋理素材

選取要套用色彩的元素,接著點選軟體左方工具列的填滿(Fill)選項。這會開啟檢色器(Color Picker)面板;只要輸入色碼再按下確定就能回到畫板。

免費設計紋理素材

只要三個簡單的步驟,就能把材質套用在向量圖中,提升素材整體質感,讓徽章呈現復古、網版印刷的風格。你可以嘗試使用多重材質,以達到超級復古感。


在Adobe Photoshop中使用材質

在Photoshop裡套用材質的過程和Illustrator類似;這兩個軟體都有插入遮色片和材質編輯功能。我們接著來看這個T恤圖像,並套用皺褶材質,加入古老、穿了幾世代的感覺。

步驟1:將圖像拉進Photoshop

把圖像放入Photoshop軟體裡做為開端。請確保移除所有背景元素,以便只將材質套用在獨立圖像上。

免費設計紋理素材

我在Illustrator裡開啟了這張T恤圖的EPS檔,移除了背景後把另存的AI檔案放入Photoshop。依邊框剪裁圖像再點擊確定

步驟2:開啟材質檔案

開啟想套用在T恤素材的材質檔案。我拉進了Distressed Texture_08.jpg這個檔案到軟體裡,因為它和我的設計圖有相同的復古特質。

免費設計紋理素材

使用快速鍵Command+A全選材質,接著用Command+C複製,並準備貼到圖層遮色片上。

步驟3:套用圖層遮色片

圖層(Layers)面板裡,點擊增加圖層遮色片(Add Layer Mask)。使用選項鍵(Option key)以分離圖層遮色片。

免費設計紋理素材

按著Command+V將仿古材質貼至圖層遮色片上,然後使用Command+T開啟任意變形工具(Free Transform Tool)來調整材質尺寸。在調整時,點選回到原圖像;你會注意到材質的黑色部分會被遮去,留下白色的部分。

免費設計紋理素材

你可以輕鬆編輯遮色片,點選連結圖示以解除圖層遮色片和圖像的連結。再次使用Command+T開啟任意變形工具來移動或調整材質尺寸。

免費設計紋理素材

這個圖像和深灰色T恤非常相配;以PNG檔儲存設計圖來確保它是透明的,接著放在T恤圖的上方。使用Command+T調整尺寸,並用混和模式中的覆蓋(Overlay)來調整,讓模型呈現自然的網版印刷效果。

免費設計紋理素材

就快完成了!別忘了你也可以在Shutterstock編輯器裡使用這些材質。如果你無法使用較昂貴的軟體,這是個圖像編輯和簡易設計的好選項。

封面圖像:由Sloth Astronaut提供的群山圖像。材質取自50個免費仿古材質包。


額外好康:想找可用於下個專案的免費素材?這裡有更多!