Photoshop除邊緣白邊

Photoshop除邊緣白邊
Photoshop除邊緣白邊

Photoshop係轉存256色『索引色』時,除『背影透明』圖像邊緣生產白毛.

  1. 撳『模式』->『索引色』
  2. 『邊緣調合』揀『黑色』
  3. 『混合』揀『冇』
  4. 『强制』揀『冇』
  5. 勾『透明』

Photoshop簡易陰影光照繪畫

Photoshop簡易陰影光照繪畫
Photoshop簡易陰影光照繪畫

单色纹理略显單調死板, 繪『陰影』『光照』增添立體感.係游戲研發階段,有種簡易快速繪畫法.

  1. 首先畫『閉環』『線稿』, 冇穿窿.
  2. 撳W鍵『摩術棒』選取『底色』區域
  3. 『底色』撳B鍵,用較大筆刷塗,
  4. 新建『光照』圖層
  5. 撳W鍵『摩術棒』選取『光照』區域.
  6. 撳『選取』->『修改』->『缩减』, 缩减若莫幾個像素.
  7. 撳B鍵, 用『浅白色』『不透度』10%~80%,較細筆刷塗『光照』.
  8. 新建『陰影』圖層
  9. 撳W鍵『摩術棒』選取『陰影』區域.
  10. 撳『選取』->『修改』->『缩减』, 缩减若莫幾個像素.
  11. 撳B鍵, 用『浅黑色』『不透度』10%~80%,較細筆刷塗『陰影』.

游戲輵-紋理邊缘白色毛剌

游戲輵-紋理邊缘白色毛剌
游戲輵-紋理邊缘白色毛剌
游戲輵-紋理邊缘白色毛剌
游戲輵-紋理邊缘白色毛剌

『紋理』『背景色』指『透明色』,PHOTOSHOP『透明色』默認係『白』. 係OpengGL貼圖邊缘產生白色毛剌, 如果『透明色』改為『黑』, OpengGL貼圖邊缘產生黑色邊框.

  1. Photoshop開啟『.PSD』圖檔.
  2. 清除『背景色』
  3. 『影像』->『模式』->『索引色』
  4. 『要合併可圖層並放棄隱藏圖層嗎?』撳『確定』.
『索引色』  
色盤 局部(最適化)
顏色 256
强制
透明 勾選
邊緣調合
混色
  1. 『影像』->『模式』->『色彩表』
  2. 『色彩表』最屘『透明色』改為『黑』.
  3. 導出圖檔

Photoshop金屬色

Photoshop金屬色Photoshop常備仿金屬色.

金屬色 RGB CMYK
R=255,G=230,B=122

R=219,G=180,B=0

R=233,G=184,B=0

C=0,   M=10,Y=60,  K=0

C=0,   M=20,Y=100,K=20

C=10,  M=30,  Y=100,  K=0

黃金黃 R=244,G=208,B=93 C=5,   M=20,  Y=70,  K=0
古銅黃 R=211,G=161,B=42 C=20,  M=40,  Y=90,  K=0
古銅色 R=192,G=118,B=34

R=218,G=181,B=102

R=224,G=175,B=101

C=23,  M=59,  Y=93,  K=8
C=0,   M=20,  Y=60,  K=20
C=0,   M=30, Y=60,  K=15
假金 R=161,G=132,B=73 C=41,  M=47,  Y=77,  K=7
R=211,G=212,B=213

R=188,G=187,B=185

R=201,G=202,B=202

C=20,  M=15,  Y=14,  K=0
C=25,  M=20,  Y=20,  K=10
C=0,   M=0,   Y=0,   K=30
假銀 R=150,G=149,B=148 C=46,  M=38,  Y=36,  K=4
假青金 R=0,G=143,B=206

R=0,G=130,B=186

R=171,G=179,B=20

C=100, M=0,   Y=0,   K=18

C=100, M=0,   Y=0,   K=30
C=40,  M=20,  Y=100, K=0

假黃金 R=223,G=183,B=0 C=15,  M=29,  Y=100, K=0
假紅金 R=222,G=172,B=0

R=211,G=161,B=0

C=15,  M=35,  Y=100, K=0
C=20,  M=40,  Y=100, K=0
玫瑰金 R=240,G=131,B=0

R=243,G=152,B=0

C=0,   M=60,  Y=100, K=0
C=0,   M=50,  Y=100, K=0

 

Photoshop 立體插件Smarticon Generator 2

Photoshop 立體插件Smarticon Generator 2網絡購得『立體插件』Smarticon Generator 2,因為是JavaScript 指令碼 需先安裝.

  1. 撳 『前側FRONT』 生成『立體』
  2. 撳『增加厚度』ADD DEPTH
  3. 撳『改色』COLOR
  4. 撳『存為PNG』AS PNG導出圖檔
LEFT 左側
FRONT 前側
RIGHT 右側
ADD DEPTH 增加厚度
DELETE DEPTH 截減厚度

 

STYLES 樣式
BASIC  
GLOSSY 光澤
COLOR 顏色
MIRROR 鏡面
SHADOW 陰影
GLOBAL LIGHT 全域光

 

EDIT FACE 編輯PSD
OPEN FACE 載入PSD
SAVE FACE 保存PSD

 

EXPORT ICONS 導出圖檔
AS PNG 背景透明冇損壓縮圖檔
AS JPG 非透明有損壓縮圖檔

 

Photoshop載入JavaScript 指令碼

Photoshop載入JavaScript 指令碼Photoshop擁有大量『延伸功能』基於JavaScript『指令碼』.以Photoshop CC 2014爲例

  1. Photoshop轉英文.
  2. 『檔案->指令碼->瀏覽』File->Scripts->Browse激活『載入』Load
  3. 載入JavaScript指令碼『.JSX』『.JS』『.JSXBIN』檔.
  4. 『視窗->延伸功能』Window->Extensions激活JavaScript指令碼
Adobe JavaScript File .JSX
JavaScript File .JS
Adobe JavaScript Binary File .JSXBIN

 

Photoshop日景變夜景

Photoshop日景變夜景Photoshop利用『灰度圖』與『點陣圖』將日景變夜景.

  1. 將天空填充『黑色』ALT+Backspace
  2. 『影像』->『模式』->『灰度』. 將前景轉『灰度圖』
  3. 『影像』->『調整』->『色階』
色板 灰度
輸出色階 拉動右側指針亮度變暗10%~40%
  1. 『影像』->『模式』->『點陣圖』
輸出 與『輸入』一致
方法 半色調網屏
  1. 『半色調網屏』
網線數 90,此值越細點越大.
角度 45度
形狀 圓形

 

Photoshop渲染網格紋理

Photoshop渲染網格紋理『網格』用常見于『鐵絲網』『漁網』等 .用Photoshop濾鏡自動渲染『網格』流程:

  • Photoshop開新檔案寬512*高512模式選RGB圖像
  • 將背景圖層命名爲『網格』
  • 按D鍵重置『前景色』與『背景色』為『黑』與『白』
  • 按X鍵對調『前景色』與『背景色』
  • 將圖層填充為『白色』0xffffff
  • 生成非規則『方格馬賽克』圖層.『濾鏡->紋理->馬賽克拼貼』
拼貼大小 30
縫隙寬度3 3
加亮縫隙 9
  • 將前景色設『黑色』0x000000
  • 將縫嚹填充『黑色』.按『濾鏡->素描->圖章』
明暗平衡 49
平滑 1
  • 圖檔導出『文件->存儲為』.tif

Photoshop導出紋理

Photoshop導出紋理

當Photoshop渲染紋理後導出給遊戯引擎.

  1. 將圖像保存為PSD文檔.不要刪除或改名
『圖層』Layer 簡介
Material:WireFrame 綫框UV座標
Base Layer:Color 紋理
  1. 將『Material:WireFrame』圖層隱藏
  2. 按『合拼可見圖層』CTRL+SHIFT+E
  3. 縮小紋理減小『記憶體』消耗.Image->Image Size『影像->影像大小』
『寬度』*『高度』設256 *256『像素』
『解析度』設256
勾選『重定影像像素』選擇『兩次線性』 避免影像周圍出現邊框
  1. 導出PNG格式.Android JAVA Bitmap支持讀此格式.File->Save As『文件->保存為』按『存檔』
『格式』選PNG(*PNG)

 

Photoshop渲染等離子槍紋理

Photoshop渲染等離子槍紋理
  1. DeepPain3D 載入模型
  2. DeepPaint3D修正UV坐標添加棋盤格貼圖
  3. DeepPaint3D 導出材質到Photoshop
  4. 更改圖像分辨率 1024
  5. 新建背景渲染舊金屬紋理
  6. 繪畫軟管紋理
  7. 渲染把手壓花紋
  8. 渲染刀刃紋理
  9. 渲染槍管紋理
  10. 渲染通風口
  11. 渲染炮口紋理
  12. 渲染電纜
  13. 渲染『扳機』用『雲彩』混合0x888080/ 0xA8A1A1灰色,然後添加『雜色』與『中間值』
  14. Photoshop導出DeepPain3D 睇下紋理是正否確覆蓋UV座標
  15. 導出紋理