Photoshop繪畫城牆紋理

Photoshop繪畫城牆紋理

城牆由磚塊堆砌而成.並將其保存Action『動作』.通過更改前景色與背景色生成效果不同城牆紋理

  • 繪畫磚塊紋理並保存Action動作
  • 按F9鍵切換到ACTIONS『動作面板』記錄該制過程『建立新動作』New Action.彈出『新動作』視窗.『名稱』填『城牆紋理』
  • 開新檔案寬512*高512解析度512.模式RGB像素.底色設為透明.
  • 啟用對齊與網格.『網線間格』設128像素
  • 使用『矩形選框』Rectangular Marquee工具,在左上角創建256*128像素選區,占兩個方格.
  • 按F9鍵切換到ACTIONS『動作面板』,選『岩磚』動作執行Play『播放』.將該選區填充
  • 在選區激活狀態下轉至Channels『色板面板』按Create New Channe『創建新通道』Alpha1作為『置換貼圖』.
  • 對選區內則進行描邊,界定灰泥區域.選擇『編輯->描邊』Edit->Stroke
『寬度』Width設8像素
『顏色』Color設白色
『位置』Location選Inside『居內』
『模式』Mode選『正常』Normal
『不透明度』Opacity設100%
  • 渲染右上角岩磚.選擇『城牆』圖層或者選擇RGB色版
  • 使用『矩形選框』在右上角創建256*128像素選區,占兩個方格.
  • 執行『岩磚』動作.將該選區填充磚塊紋理
  • 對選區內則進行描邊『編輯->描邊』Edit->Stroke參數同上.
  • 渲染第二行岩磚.選擇『城牆』圖層
  • 使用『矩形選框』在第二行中間創建256*128像素選區,占兩個方格.
  • 執行『岩磚』動作.將該選區填充磚塊紋理
  • 在選區仍激活狀態下.選Alpha1色版,對選區內則進行描邊『編輯->描邊』Edit->Stroke參數同上.
  • 『城牆』圖層使用『矩形選框』劈開石塊先選左邊石塊.按CTRL吧石塊移向右則.將右邊石塊移向左則.
  • 在Alpha1色版使用上序方法劈開灰泥區域.
  • 在『城牆』圖層重新在兩石塊中間創建選區,執行『岩磚』動作.將該選區填充磚塊紋理
  • 在選區仍激活狀態下.選Alpha1色版,對選區內則進行描邊『編輯->描邊』Edit->Stroke參數同上.
  • 複製『城牆』上半部分將它移到下半部分.此時城牆推砌玩成.
  • 複製 Alpha1上半部分後將它移到下半部分.此時灰泥區域已完全界定
  • 按CTRL+ALT+’禁用Grid『網格』
  • 選擇Alpha1色版
  • 讓石直角呈圓角,『濾鏡->模糊->高斯模糊』Filter->Blur->Gaussian Blur
『半徑』Radius設8像素
  • 選『影像->調整->色階』Image->Adjust->Levels或按CTRL+L.將Shadows『陰影』與Highlights『高光』標記向中間滑動.銳化顏色
Input Levels『輸入色階』填151, 1.00, 173
Output Levels『輸出色階』填0, 255
  • 按住CTRL鍵選ALPHA 1色版加載選區
  • 返回Layers『圖層面版』新建『灰泥』圖層.讓灰泥顯得薄而碎.
  • 使用『深綠色』0x102800油漆桶填充灰泥.
  • 『選則->反選』Select->Inverse或按Shift+Ctrl+I
  • 按Q鍵啟用『快速蒙版』模式
  • 『濾鏡->畫筆描邊->噴濺』Filter->Brush Strokes->Spatter
『噴色半徑』Spray Radius設19
『平滑度』Smoothness設5
  • 在按Q鍵退出『快速蒙版』模式
  • 按Delete鍵讓灰泥層生成破碎效果
  • 按CTRL+D鍵取消選擇框
  • 添加雜色打亂圖像Filter->Noise->add Noise『濾鏡->雜色->增加雜色』.
『數量』Amount填10%.
『分佈』Distribution勾選『平均分佈』Uniform
勾選Monochromatic『單色』
  • 增強灰泥效果Filter->Texture->Craquelure『濾鏡->紋理->龜裂縫』
『裂縫間距』Crack Spacing填20
『裂縫深度』Crack Depth填7
『裂縫亮度』Crack Brightness填8
  • 按F9鍵切換到ACTIONS『動作面板』按Stop Playing/Recording『停止記錄』

 

Photoshop記錄動作Action

Photoshop記錄動作Action
Photoshop導入導出動作Action

之前在網上真金白銀購買佐幾個Photoshop Action.令blog圖片擁有偽三維效果.經多次學習可將常用動作記錄下.然後運行該『動作』Action.以提高Photoshop製作質量與效果.

  1. 按F9鍵切換到ACTIONS『動作面板』
  2. 記錄該制過程『建立新動作』New Action.
  3. 彈出『新動作』視窗.『名稱』可填漢字.如『青苔紋理』方便記億
  4. 點Record『記錄』開始記錄每個『動作』Action
  5. 若發現某『動作』出錯.先『停止』然後『刪除』錯誤『動作』再重新『記錄』
  6. 若創建 Channe『色板』須雙擊彈出『色板選項』將名稱改為確保每次調用該Action時不會與其它『色板』衝突.在『停止記錄』之前需將temp『色板』刪除
  7. 當完成所有『動作』按Stop Playing/Recording『停止記錄』
  8. 當你需要調用該『動作』.先選『青苔紋理』.再按『播放』Play

 

導入動作ACTION

  1. 首先選擇『動作』ACTION目錄
  2. 按更多箭頭.彈出菜單
  3. 按『儲存動作』Save Action
  4. 『檔案名稱』可填漢字.按『存檔』儲存『.atn』文檔

導出動作ACTION

  1. 按更多箭頭.彈出菜單
  2. 按『載入動作』Load Action
  3. 載入副檔為『.atn』文檔

 

 

 

 

Photoshop繪畫磚塊紋理

Photoshop繪畫磚塊紋理

3D遊戯中城墻,堡壘,石拱門,獸頭水嘴,需要繪畫貼上石墻紋理.並且可無縫平鋪.先以Actions記錄磚塊製作過程.然後通過重複調用此Action『動作』渲染城墻.

  • Photoshop開新檔案寬512*高512模式選RGB顏色
  • 將背景圖層該名為『磚塊』
  • 設置『前景色』與『背景色』
『前景色』設深綠色0x102800
『背景色』設深棕色0x635826
  • 按F9鍵切換為ACTIONS『動作面板』記錄該制過程『建立新動作』New Action.名稱填『岩磚』
  • 點Record『記錄』記錄每個動作
  • 混合顏色讓岩石有青苔與風霜之感.Filter->Render->Clouds『濾鏡->渲染->雲彩』
  • 轉至Channels『色板面板』按Create New Channe『創建新通道』作為『置換貼圖』.雙擊彈出『色板選項』將名稱改為確保每次調用該Action時不會與其它色板衝突
  • 混合色板顏色.應用Filter->Render->Clouds『濾鏡->渲染->雲彩』
  • 白色區域形成塊狀.應用Filter->Artistic->Paint Daubs『濾鏡->藝術效果->繪畫塗抺』
『畫筆大小』Brush Size設5
『銳化程度』Sharpness設40
『畫筆類型』Brush Type選『簡單』Simple
  • 選擇『磚塊』圖層或者選擇RGB色版
  • 讓磚塊擁青苔與風霜之感.應用Filter->Render->Lighting Effects『濾鏡->渲染->光照效果』令『磚塊』圖層套用『置換貼圖』temp.
Light Type『光照類型』選Directional『平行光』
光照顏色選『純黃色』0Xffff00
調整光綫『強度』Intensity設35
移動光源位置照射直綫
紋理通道Texture Channel選temp
勾選『白色部分突起』White is high
高度Height滑塊往右拉至100.使磚塊表面具有強凹凸感.
光澤Gloss選0
材質Material選69偏金屬質感
曝光Exposure選8
環境光Ambience選21
  • 轉至Channels『色板面板』刪除temp
  • 重新選擇『磚塊』圖層
  • 按F9鍵切換到ACTIONS『動作面板』.按Stop Playing/Recording『停止記錄』
  • 『岩磚』Action『動作』已完成.此後通過套用不同『前景色』與『背景色』.然後播放此Action『動作』.即可製作各種岩石磚塊

Photoshop共用調色板

Photoshop共用調色板

在DOS時代所有遊戯均256色,即使到Win9x時代顯示卡記憶體依然不足,256色游戯依然大行其道.其實無論二維或三維遊戯使用256色已足夠豐富.而使用調色板Paldata只需更變調色板某索引色.即可改變紋理顏色.將多個紋理共用相同調色板.並且不丟失顏色數據.宜且無須多次載入調色板以優化遊戯引擎

  1. Photoshop載入紋理
  2. 選Image->Image Size『影像->影像大小』
  3. 將Resample Image『重定圖像像素』設為Bilinear『兩次綫性』
  4. 歸納影像顏色Image->Mode->Indexed Color『影像->模式->索引顏色』
  5. 『顏色』Color設置為256
  6. 『調板』Palette選『自定』將會彈出Color Table『顏色表』
  7. 將此256色『顏色表』保存為cat
  8. 之後生成紋理前先將模式改為Indexed Color『索引顏色』.在『調板自定』Palette Custom在載入cat即可

Photoshop繪畫太空甲板

Photoshop繪畫太空甲板

太空甲板通常用於承載重型裝備與導向.在瀝青紋理基礎上繪話實綫或虛綫.

  • 繪畫瀝青
  • 在Channels『色版』按Create New Channe『創建新通道』Alpha2作為『置換貼圖』
  • 按CTRL+A鍵全選整個色版
  • 用純白色填充選區
  • 使用黑色描邊Edit->Stroke『編輯->描邊』
『寬度』設40像素
『顏色』設存黑色
『位置』居中
『混合』模式選『正常』
『不透明度』設100%
  • 模糊黑色邊沿Filter->Blur->Gaussian Blur『濾鏡->模糊->高斯模糊』
Radius『半徑』設20像素
  • 讓白色圓角清晰整齊.調用Image->Adjust->Levels『影像->調整->色階』或按CTRL+L.移動Shadows『陰影』滑塊移向右則.讓黑色區域大約40像素.然後Highlights『高亮』與其重疊.
  • 按住CTRL選Alpha2創建白色圓角邊緣選區
  • 選區擴大20像素Select->Modify->Expand『選擇->修改->擴展』
  • 通過反選擇四個圓角.Select->Inverse『選擇->反選』或者按SHIFT+CTRL+I
  • 將『背景色』設為白色0xFFFFFF.按Delete鍵填充白色
  • 按CTRL+D取消選擇
  • 生成白色空心圓角正方形.調用Image->Adjust->Invert『影像->調整->反相』或按CTRL+I
  • 將Alpha2色版拖放到New Channel『新通道』複製.名為Alpha3
  • 擴大一倍Image->Canvas Size『影像->版面大小』將Width『寬度』與Height『高度』設為1024
  • 按住SHIFT將Alpha3旋轉45度.Edit->Transform->Rotate『編輯->變換->旋轉』
  • 啓用對齊與網格.網格綫間格設為16像素
  • 使用矩形選擇『垂直』『單網格』選區.將『背景色』設為黑色按Delete鍵刪除白色方框一塊
  • 由左至右重複上述步驟製作警戒綫.每格警戒綫相隔一格.並且包保留圓角
  • 將正方形重新擺正.按住SHIFT鍵將Alpha3旋轉.Edit->Transform->Rotate『編輯->變換->旋轉』
  • 恢復影像尺寸Image->Canvas Size『影像->版面大小』將Width『寬度』與Height『高度』重設為512
  • 按CTRL+ALT+’關閉網格
  • 『警戒綫』色版已完成.按住CTRL鍵選載入『警戒綫』選區
  • 返回Layers『圖層』新建『警戒綫』圖層
  • 使用『純黃色』0Xffff00油漆桶填充警戒綫.
  • 警戒綫具有瀝青紋理.應用Filter->Render->Lighting Effects『濾鏡->渲染->光照效果』令『瀝青』圖層套用『置換貼圖』Alpha1.
Light Type『光照類型』選Directional『平行光』
光照顏色選『純黃色』0Xffff00
調整光綫『強度』Intensity設100
移動光源位置照射直綫
紋理通道Texture Channel選Alpha 1
勾選『白色部分突起』White is high
高度Height滑塊往右拉至100.使警戒綫表面具有強凹凸感.
光澤Gloss選13
材質Material選50偏金屬質感
曝光Exposure選18
環境光Ambience選21

 

Photoshop啓用對齊與網格

Photoshop啓用對齊與網格
Photoshop啓用對齊與網格

Photoshop啓用對齊與網格

  • 啓用View->Snap『檢視->對齊』或者按『CTRL+ALT+;』激活
  • 顯示網格.啓用View->Show->Grid『檢視->顯示->網格』或者按『CTRL+ALT+’』激活
  • 設定單位.打開Edit->Preferences->Units and Rulers『編輯->預設->單位與尺規』
Rulers『尺規』改為Pixels『像素』
Type『文字』改為Pixels『像素』
  • 調整網格量使之與圖案綫條寬相吻合.打開Edit->Preferences->Guides and Grid『編輯->預設->參考綫與網格』
將Gridlines『網格綫間格』改為16像素.圖像寬高均為512.

分32格則每格16像素.

分16格則每格32像素

將Subdivision『子網格』設為1.選區自動與網格對齊並保持一致
將網格『顏色』設為『自定』.顏色要與圖像形成反差.
  • 関閉網格再次按『CTRL+ALT+’』

Photoshop繪畫瀝青

Photoshop繪畫瀝青

瀝青用於快速鋪設修補街道與太空甲板.游戯中經常作為紋理使用.Photoshop製作流程如下.

  • 開新檔案寬512*高512模式選RGB圖像
  • 將背景圖層命名為『瀝青』
  • 混合瀝青圖層.Filter->Render->Clouds『濾鏡->渲染->雲彩』
『前景色』設深綠色0x212121
『背景色』設淺綠色0x343434
  • 在Channels『色版』按Create New Channe『創建新通道』Alpha1作為『置換貼圖』
  • 添加雜色打亂圖像Filter->Noise->add Noise『濾鏡->雜色->增加雜色』.
『數量』Amount填50%.
『分佈』Distribution勾選『高斯分佈』Gaussian
勾選Monochromatic『單色』
  • Filter->Noise->Median『濾鏡->雜色->中間值』.
半徑設1像素
  • 讓白色斑點更明顯.調用Image->Adjust->Levels『影像->調整->色階』或按CTRL+L.移動Highlights『高光色調』滑塊進量向左則滑動
  • 切換到『瀝青』圖層
  • 應用Filter->Render->Lighting Effects『濾鏡->渲染->光照效果』令『瀝青』圖層套用『置換貼圖』Alpha1.
Light Type『光照類型』選Directional『平行光』
光照顏色選白色
調整光綫『強度』Intensity大約中間偏右21
移動光源位置照射直綫
紋理通道Texture Channel選Alpha 1睇上面
勾選『白色部分突起』White is high
高度Height滑塊往右拉至100.使瀝青表面具有強凹凸感.
光澤Gloss選13
材質Material選50偏金屬質感
曝光Exposure選18
環境光Ambience選21

 

Photoshop繪畫大理石

Photoshop繪畫大理石

大理石擁有五彩雲紋.也有單色調強對比礦脈石紋.使用Photoshop製作『大理石』紋理.因製作過程較複雜.可在Actions中記錄製作過程.

  • 開新檔案寬512*高512像素模式選『RGB顏色』
  • 將背景圖層名為『大理石』
  • 對『大理石』圖層應用Filter->Render->Clouds『濾鏡->渲染->雲彩』
『前景色』設為深綠色0x18230E
『背景色』設為淺綠色0x214819
  • 在Channels『色版』調板創建Alpha1色版
『前景色』設為白色0xFFFFFF
『背景色』設為黑色0x000000
  • 調用Filter->Render->Clouds『濾鏡->渲染->雲彩』
  • 創建礦脈調用Filter->Render->Difference Clouds『濾鏡->渲染->分層雲彩』多次調用『分層雲彩』按CTRL+F.直至黑白兩色均勻混合.該通道將用作渲染『大理石』圖層『置換貼圖』.較亮區域為凸起部,較暗區域為下凹部.
  • 讓灰色反相,使黑色脈紋變白.調用Image->Adjust->Invert『影像->調整->反相』或按CTRL+I
  • 讓黑白脈紋變得清晰.調用Image->Adjust->Levels『影像->調整->色階』或按CTRL+L.移動Shadows『陰影』滑塊向右
  • 按住CTRL鍵選Alpha1色版
  • 在Layers『圖層』調板中新建『礦脈』圖層
  • 將『前景色』設為深綠色0x18230按ALT+BACKSPACE填充選區
  • 按CTRL+D取消選區
  • 對『礦脈』圖層應用Style->Bevel and Emboss『樣式->斜面和浮雕』
Style『樣式』選Pillow Emboss『枕狀浮雕』
Technique『方法』選Chisel Hard『雕刻清晰』
Depth『深度』設100%
Direction『方向』勾選Up『上』
Size『大小』設0
Soften『軟化』設0
  • 對大理石表面創建邊界效果
  • 轉至Channels『色版』面板創建Alpha2色版
  • 按CTRL+A鍵選擇整個『色版』
  • 縮小選區20像素Select->Modify->Border『選擇->修改->擴大』
  • 按ALT+BACKSPACE鍵用白色填充羽化邊界
  • 調整Alpha2『色階』銳化内邊緣.Image->Adjust->Levels『影像->調整->色階』或者按CTRL+L.將Shadows『陰影色調』與Highlights『高光色調』滑塊向中间滑動
  • 按住CTRL鍵選Alpha2色版加載選區.
  • 切換Layers『圖層』中新建『下凹』圖層
  • 用深灰綠色0x222B20填充選區
  • 使邊界处水泥漿更立躰.Filter->Noise->Add Noise『濾鏡->雜色->添加雜色』
Amount『數量』設10%
Distribution『分佈』選Uniform『平均分佈』
勾選Monochromatic『單色』
  • 對大理石圖層邊沿應用外斜面.形成倒角
Style『樣式』選Outer Bevel『外斜面』
Technique『方法』選Smooth『平滑』
Depth『深度』設100%
Direction『方向』勾選Down『下』
Size『大小』填3
Soften『軟化』填5

 

Photoshop繪畫冷熔岩

Photoshop繪畫冷熔岩

『冷熔岩』即停止留動熱熔岩冷凝形成岩石.『冷熔岩』繪畫與『熱熔岩』類似.

  1. Photoshop開新檔案.寬512*高模式選『RGB顏色』
  2. 用純黑色0x000000填充,並名為『冷熔岩』圖層
  3. 在Channels『色板』新建Alpha1色板
  4. D鍵然後按X鍵.『前景色』設為白色.『背景色』設為黑色
  5. 將白色與黑色進行雲狀混合Filter->Render->Clouds『濾鏡->渲染->雲彩』
  6. 調用『濾鏡->渲染->分層雲彩』Filter->Render->Difference Clouds.多次按CTRL+F重複『分層雲彩』.直至黑白兩色均勻混合.該通道將用作渲染『冷熔岩』圖層『置換貼圖』.較亮區域為凸起部,較暗區域為下凹部.
  7. 調用Image->Adjust->Levels『影像->調整->色階』或者按CTRL+L.將Midtones『中間色調』與Highlights『高光色調』滑塊向右移.以增強岩石起伏效果
  8. 切換/選擇『冷熔岩』圖層
  9. 使用Filter->Render->Lighting Effects『濾鏡->渲染->光照效果』令『冷熔岩』圖層套用『置換貼圖』Alpha1.
Light Type『光照類型』選Directional『平行光』
光照顏色選白色
調整光綫『強度』Intensity大約中間偏右47
移動光源位置照射直綫
紋理通道Texture Channel選Alpha 1睇上面
勾選『白色部分突起』White is high
高度Height滑塊往右拉至100.使冷熔岩表面具有強凹凸感.
光澤Gloss選-36
材質Material選0中性效果
曝光Exposure選0
環境光Ambience選10

 

Photoshop繪畫熱熔岩

Photoshop繪畫熱熔岩

遊戲中經常見流動熔岩.但它只是『熱熔岩』紋理圖.下面給出繪畫『熱熔岩』通用法.

  • Photoshop開新檔案.寬512*高模式選『RGB顏色』
  • 用純黑色0x000000填充,並名為『熱熔岩』圖層
  • 在Channels『色板』新建Alpha1色板
  • D鍵然後按X鍵.『前景色』設為白色.『背景色』設為黑色
  • 將白色與黑色進行雲狀混合Filter->Render->Clouds『濾鏡->渲染->雲彩』
  • 調用『濾鏡->渲染->分層雲彩』Filter->Render->Difference Clouds.多次按CTRL+F重複『分層雲彩』.直至黑白兩色均勻混合.該通道將用作渲染『熱熔岩』圖層『置換貼圖』.較亮區域為凸起部,較暗區域為下凹部.
  • 調用Image->Adjust->Levels『影像->調整->色階』或者按CTRL+L.將左則Shadows『陰影』滑塊向右移.使黑色區域向周邊伸延
  • 切換/選擇『熱熔岩』圖層
  • 使用Filter->Render->Lighting Effects『濾鏡->渲染->光照效果』令『熱熔岩』圖層套用『置換貼圖』Alpha1.
Light Type『光照類型』選Directional『平行光』
光照顏色選白色
調整光綫『強度』Intensity大約中間偏右47
移動光源位置照射直綫
紋理通道Texture Channel選Alpha 1睇上面
勾選『白色部分突起』White is high
高度Height滑塊往右拉至100.使熱熔岩表面具有強凹凸感.
光澤Gloss選-36
材質Material選0中性效果
曝光Exposure選0
環境光Ambience選10
  • 切換Channels『色板』複製Alpha1色板.點選Alpha1將其拖動到Create New Channel『創建新通道』圖標.用於製作熔漿填充選區.並名為Alpha2
  • 將Alpha2黑白區域調轉.Image->Adjust->Invert『圖像->調整->反相』或者按CTRL+I
  • 將Alpha2黑白之閒形成100%對比.Image->Adjust->Levels『圖像->調整->色階』或者按CTRL+L.將最左則Shadows『陰影』滑塊移到最右側.
  • 載入白色熔漿區域選區.按住CTRL鍵點Alpha2色板
  • 切換Layers『圖層』新建圖層名為『熔漿』
  • 『油漆桶』工具使用『桔紅色』0Xfb2900填充熔漿選區
  • 縮小其選區5像素.Select->Modify->Contract『選取->修改->收縮』
  • 讓熔漿中央顯示出炙熱效果.『油漆桶』用橙色0xfb5900填充選區.
  • 再次收縮選區5像素.Select->Modify->Contract『選取->修改->收縮』
  • 『油漆桶』用金黃色0xfbf200填充選區.
  • 全選『熔漿』圖層應用Filter->Blur->Gaussian blur『濾鏡->模糊->高斯模糊』半徑設3像素
  • 對『熔漿』圖層應用『外發光』Outer Glow樣式
Blend Mode『混合模式』選Screen『螢幕』
Opacity『不透明度』設75%
Noise『雜色』設0
Glow Color『發光顏色』設0Xff2a00
Technique『方法』選Softer『較柔軟』
Spread『擴展』設0
Size『大小』設35像素