分類: Photoshop

先穩張墻磚『真實』相片用於製作紋理.你需要分離相片重復部分.

1. 再Photoshop中打開磚塊相片
2. 若相中墻磚傾斜,可使用Image->Rotate Canvas->Arbitrary『影像->旋轉版面->任意角度』工具.設定『角度』與 『順時針』或『逆時針』 然後『確定
3. 使用Crop『裁剪』工具. 剪出上整塊磚.下兩塊半塊磚.並且上下左右包含半條綫.只有甘樣平鋪時才能合拼成一塊
4. 縮放圖像『影像->影像大小』.取消『約束比例』選擇『重定影像像素』寬210*高120像素
5. 『慮鏡->其它->位移』水平右移105像素,垂直下移60像素.勾選『折回重複』
6. 使用『仿製印章』CLONE STAMP工具.按住ALT鍵在遠離中間列縫上複製像素.然後在中間列縫繪制,建議時用繪畫板繪畫.只要紋理平滑即可.
7. 再次重複第五步恢復圖像
8. 將磚塊添加到圖案列表中Edit->Define Pattern『編輯->定義圖案』命名為『磚塊』
9. 以製作墻躰為例.使用『油漆桶』工具.填充選『圖案』圖像選『磚塊』

牆磚是房屋,建築,倉庫為外墻所使用.我地並非製作整面牆磚,而是製作單獨無縫平舖紋理.然後利用牆磚紋理填充2D空間.

• 啓動Photoshop新建圖像

寬2100*高1200像素『寬7*高4英寸』

『分辨率』Resolution 填300.

『模式』Mode選RGB.

『內容』Contents選『透明』Transparent

• 將前景色設為鮮紅色將背景色設為深紅色0x900202
• 使用Filter->Render->Clouds『濾鏡->渲染->雲彩』創建一種將前景色與背景色雲狀混合
• 添加雜色打亂圖像Filter->Noise->add Noise『濾鏡->雜色->增加雜色』.

『數量』Amount填22%.

『分佈』Distribution勾選『平均分佈』Uniform.

勾選Monochromatic『單色』

• 添加龜列紋 Filter->Texture->Craquelure『濾鏡->紋理->龜裂縫』.

『裂縫閒據』Crack Spacing填12.

『裂縫深度』Crack Depth填3.

『裂縫亮度』Crack Brightness填10

• 添加新圖層,將前景色設為灰泥色0x767676
• 使用『直綫』Line工具.

選擇Create Filled『創建填充區域』

『粗細』Weight填0.3英寸.

『模式』Mode選『正常』Hormal.

『不透明度』設為100%

• 按住SHIFT鍵繪畫牆磚灰色水泥紋,上為整塊牆磚,下為兩塊半截牆磚 形狀如上圖
• 雙擊灰泥圖層 打開Layer Styles『圖層樣式』.勾選Bevel and Emboss『斜面和浮雕』

勾選『斜面和浮雕』Bevel and Emboss

『樣式』Sytle選『外斜面』Outer Bevel

『方法』Technique選『平滑』Smooth

『深度』設100%

『方向』選『下』Down

『大小』設5像素

『軟化』設10像素

• 在灰泥圖層添加『雜色』.參數同上
• 在灰泥圖層添加『龜列紋』. 參數同上
• 『灰泥圖層』與『紅磚圖層』合拼.Layer->Flatten Image
• 此時紅磚紋理製作完畢.但尺寸太大需將其縮細Image->Image Size『影像->影像大小』將寬度設為勾選『約束比例』
• 將紅磚添加到圖案列表中Edit->Define Pattern『編輯->定義圖案』命名為『紅磚』
• 以製作紅墻為例.使用『油漆桶』工具.填充選『圖案』圖像選『紅磚』

在Photoshop中生成細紋紋理.適合用於填充背景圖層.

1. 生成『背景』圖層
2. 『背景』圖層渲染基楚色.設置前景色與背景色.Filter->Render->Clouds『濾鏡->渲染->雲彩』

『前景色』Foreground設黑色0X000000

『背景色』Background設白色0XFFFFFF

3. 『背景』圖層應用Filter->Render->Difference Clouds『濾鏡->渲染->分層雲彩』
4. 『背景』圖層添加雜色打亂圖像Filter->Noise->add Noise『濾鏡->雜色->增加雜色』

『數量』Amount填10%.

『分佈』Distribution勾選『平均分佈』

勾選Monochromatic『單色』

5. 『背景』圖層應用Filter->Stylize->Emboss『濾鏡->風格化->浮雕效果』.

『角度』90度.

『高度』1像素.

『數量』100%

6. 『背景』圖層應用Image->Adjustments->Variations『圖像->調整->變化』 令紋理變明亮『加深祿色』

 

若Photoshop圖層模糊.無需『選框』工具摘取物件.快速填充非透明區域.

1. 選擇『圖層』Layer不透明像素『Ctrl+點選圖層』加載選區.
2. 設『前景色』顏色
3. 用『前景色』填充選區『Atl+BackSpace』

Photoshop影像解析度數值越高畫面越細膩.重設解析度

1. 選則Image->Image Size『影像->影像大小』
2. 取消勾選『重定影像像素』
3. 『寬度』與『高度』不要修改,否則會改變影像大小
4. 設Resolution『解釋度』默認為重設為1024單位選『像素/英寸』
5. 按『確定』

 

若為Photoshop安裝『圖案PAT』.可以通過『雙擊』載入但可能造成重複載入.

1. 『編輯->預設管理器』.打開『預設管理器』視窗.
2. 『預設類型』選『圖案』
3. 『載入』選擇『PAT圖案』按『完成』
4. 手動複製『PAT圖案』到Photoshop資料夾
5. 選擇『Layer』圖層.
6. 使用『矩形選框工具』與『索套工具』在各UV區域建立選區
7. 使用Edit/Fill『編輯/填充』或Paintbucket『油漆桶』工具
8. 『填充』選擇『圖案』
9. 『圖案』選擇『紋理』
10. 填充選區.

版本	PAT資料夾路徑
PS7.0	C:\Program Files (x86)\Adobe\Photoshop 7.0\Presets\Patterns
PSCC2015	C:\Program Files\Adobe\Adobe Photoshop CC 2015\Presets\Patterns

 

 

照片素材大都有純色背景.可以通過Photoshop魔法捧選擇背景範圍並刪除.但對於大量細小單獨背景魔法捧則略有不足.Photoshop有另一高效工具『顏色範圍』幫你完成所有工作.

1. Photoshop打開圖片素材
2. 選取->顏色範圍
3. 勾選『選取範圍』
4. 勾選『負片效果』
5. 縮略圖中白色區域即你想要區域.按確定選定範圍.
6. 複製選定範圍並新建圖層.按『Ctrl+C』複製、『Ctrl+V』貼上

在遊戲設計中『地圖』『背景』『人物動畫』都交給美術處理.若由程序員繪畫則成為噩夢.但『遊戲地圖生成器』Game Map Generator為一款Photoshop插件.可以幫助程序員在10分鐘內製作出專業級『地圖』.安裝Game Map Generator其實可直接拖入Photoshop空白位置完成安裝.

檔案->指令碼->瀏覽->載入『Game-Map-Generator-installer.jsx』

啟動Game Map Generator

視窗->延伸攻能-> Game Map Generator

新建地圖檔案

MAP->WIDTH『寬』填1200. HEIGHT『高』填800.按CREATE新建地圖檔案

渲染地面紋理

MAP->GROUND TEXTURE『地面紋理』有三款紋理可選『草地』、『荒地』、『雪地』

渲染網格

MAP->GRID『網格』有四款紋理可選『四邊網格』和『六邊網格』

設置等距變換

MAP->ISOMETRIC TRANSFORM『等距變換』選擇『圖層』後有五個方向可選.但每旋轉一次都會有變形損失.

渲染地形

ELEMENTS->ADD LAYER『+』新建圖層->BRUSHES『畫刷』有5款->繪畫任意地形->CHOOSE AN ELEMENT『選擇元素』

給地形繪畫紋理

TEXTURING『紋理』->BRUSHES『畫刷』有7款-> CHOOSE AN ELEMENT『選擇元素』18款地紋紋理可選『綠地』『草地』『荒地』『歸裂』『雪地』『地板』『熔岩』-> 給圖層繪畫任意形狀紋理

繪畫灌木

TEXTURING『紋理』-> BRUSHES『畫刷』->SPECIAL BRUSHES『灌木畫刷』可選『荊棘』『長草』『野花』-> 給圖層任意繪畫灌木

隨機生成紋理

TEXTURING『紋理』-> BRUSHES『畫刷』->RANDOM TEXTURES『隨機紋理』可選『蘑菇』『野花』『野草』

繪畫圖標『樹木』『岩石』『橋樑』『木屋』『金幣』

ICONS『圖標』-> CHOOSE AN ICON『選擇圖標』點選後可移動縮放

之前介紹『像素3D文字』效果須好.但在生成時『分辨率』要很大所以略有不便.這裡介紹『Ground Isometric Mock-Up』地面等距模型.『漢字』『英文』『圖像』『形狀』不論尺寸均支持.效果圖如上.安裝與使用方法如下:

1. 最好用Adobe Photoshop CC 2014
2. 轉換成英文版本
3. 『Ground Isometric Mock-UP.atn』與『asl』兩個文檔直接拖入Photoshop空白位置即完成導入.在Actions窗口可查看
4. 輸入『漢字』或『圖檔』並選定圖層
5. 選定動作『Action』
6. 按『動作播放』然後等待

動作Action	簡介
ONE Image::Depth-XX::Transform LEFT	左側3D高度1~5
ONE Image::Depth-XX::Transform RIGHT	右側3D高度1~5

 

近日在網上購得專門用於生成『3D立體像素』3D Isometric shape Generator.它其實是Photoshop Action『動作』插件.其立體效果非常好.安裝與使用方法如下:

1. 最好用Adobe Photoshop CC 2014
2. 轉換成英文版本
3. 『筆刷』『動作』『圖案』三個文檔全部都導入PS裡.直接拖入Photoshop空白位置即完成導入.在Actions窗口可查看
4. 若圖案簡單分辨率可較小.反之分辨率需較大.
5. 若插入文字像素一定要夠大.像上圖分辨率需3000*3000.(這點不便利)非常非常佔用磁盤空間.
6. 選定『陰影方向』分別支持左右立體左右陰影.四種方向.
7. 按『動作播放』然後靜靜等待
8. 按1-12轉換顏色風格

Action	簡介
RV Right Shadow	右則立體,右陰影
RV Left Shadow	右則立體,左陰影
LV Right Shadow	左則立體,右陰影
LV Left Shadow	左則立體,左陰影
1-12	顏色風格轉換
Default	默認風格
Hand Drawn Stroke Style	手繪筆劃風格