基礎入門篇 3 ( 5 )-《運用顯示圖片》

更新於 發佈於 閱讀時間約 2 分鐘

※此處操作說明都以繁體中文版的翻譯為基準。

  這次我們要說到遊戲經常使用到的圖片指令系列。在不使用插件的情況下也可以使用來做對話框背景或是立繪顯示。

  這裡要來說明圖片的邏輯跟使用方式。

raw-image


顯示圖片

圖片的數目=編號。圖片編號越大越上面,並且同個畫面的圖片只能放唯一編號。

如果你在已經有 1 號圖片的情況下顯示另一張 1 號圖片,會將原本的 1 號圖片換掉。

如果要指定圖片在畫面正中央的話就將原點設定為中央( 圖片中央 ),然後將窗口的長寬一半輸入到 X 跟 Y。

raw-image
raw-image

移動圖片

可以用來製作圖片放大、淡入淡出等等效果的功能。

如果想製作漸變效果的話請注意在顯示圖片的時候要設定:不透明度 0 ,接著在移動圖片設定為:不透明度 255 即可。

淡出以及寬高比例調整也是同樣的道理。如果不需等待的話只需要取消勾選等待完成即可。


raw-image
raw-image
raw-image


旋轉圖片

依照顯示時的設定當作原點開始自動 360 度旋轉。速度越大越快。


raw-image
raw-image
raw-image


著色圖片

可以對圖片改變色調。






raw-image

  最後一個負責消除的功能:擦除圖片。這個功能會直接消除你的圖片(不帶任何漸變)。如果要漸變的話要先使用移動圖片在消除。

小技巧:在調查遊戲中顯示的圖片,如果要判斷玩家確定關閉的話可以透過使用「顯示文字」的功能來判定,有興趣的作者可以研究看看。

留言
avatar-img
留言分享你的想法!
あやか-avatar-img
2019/09/12
謝謝分享!
avatar-img
ReIris
99會員
128內容數
關於遊戲心得、遊戲創作等等相關的各種紀錄。
ReIris的其他內容
2020/07/16
最後我們將講解事件第三頁的指令,這個部分的指令有些比較少用到,但還是蠻實用的!
Thumbnail
2020/07/16
最後我們將講解事件第三頁的指令,這個部分的指令有些比較少用到,但還是蠻實用的!
Thumbnail
2020/07/09
本次將會講解事件第二頁的相關功能,包含人物、畫面、音樂、影片等等。
Thumbnail
2020/07/09
本次將會講解事件第二頁的相關功能,包含人物、畫面、音樂、影片等等。
Thumbnail
2020/07/02
之前在基礎入門只講解了一些常用指令,那這裡將會講解一些比較不常使用到的指令。
Thumbnail
2020/07/02
之前在基礎入門只講解了一些常用指令,那這裡將會講解一些比較不常使用到的指令。
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
簡報的靈魂是「重點」;打造重點靠「對比」! 但PPT 不是專業設計軟體, 想把一張照片的某區域, 拉高視覺能見度, 真的不容易辦到! 後來,我才明白,一個有趣的組合: 圖片或材質填滿+ 投影片背景填滿,幫我打開了簡報設計的另一番小天地。
Thumbnail
簡報的靈魂是「重點」;打造重點靠「對比」! 但PPT 不是專業設計軟體, 想把一張照片的某區域, 拉高視覺能見度, 真的不容易辦到! 後來,我才明白,一個有趣的組合: 圖片或材質填滿+ 投影片背景填滿,幫我打開了簡報設計的另一番小天地。
Thumbnail
在初學網頁排版的時候,文字、段落、列表的排版可以說是比較好上手的,只要稍微透過margin、padding、border及文字顏色上調整,就可以輕易獲得一段美美的文字。 然而要去調整圖片的大小及其他相關效果,就不是那麼容易的一件事了,往往在開發時,都會出現圖片效果不如自己預期的狀況。
Thumbnail
在初學網頁排版的時候,文字、段落、列表的排版可以說是比較好上手的,只要稍微透過margin、padding、border及文字顏色上調整,就可以輕易獲得一段美美的文字。 然而要去調整圖片的大小及其他相關效果,就不是那麼容易的一件事了,往往在開發時,都會出現圖片效果不如自己預期的狀況。
Thumbnail
1.首先,打開PhotoShop,把要複合的貼圖,另存tga檔  2.  3.點選32位元/像素  4.重新打開另存的tga檔,你就會在「色板」的面板看到名為alpha1的新色板  5.接著用魔術棒把要遮住的地方選取  6.按右鍵→反轉選取  7.再按右鍵→儲存選取範圍  8.選取al
Thumbnail
1.首先,打開PhotoShop,把要複合的貼圖,另存tga檔  2.  3.點選32位元/像素  4.重新打開另存的tga檔,你就會在「色板」的面板看到名為alpha1的新色板  5.接著用魔術棒把要遮住的地方選取  6.按右鍵→反轉選取  7.再按右鍵→儲存選取範圍  8.選取al
Thumbnail
這篇,是延續之前的視覺筆記創作出的圖解版 那就廢話不多說,直接看圖吧 更多視覺筆記、圖像思維知識或疑問,歡迎加入圖像思維研究室提問喔 https://line.me/ti/g2/Vo4qwpJiOjsKe8c29jpnAQ
Thumbnail
這篇,是延續之前的視覺筆記創作出的圖解版 那就廢話不多說,直接看圖吧 更多視覺筆記、圖像思維知識或疑問,歡迎加入圖像思維研究室提問喔 https://line.me/ti/g2/Vo4qwpJiOjsKe8c29jpnAQ
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
目標動畫效果:應用影片片段元件與傳統補間動畫,以及多個影片片段元件的組合,包括遮色片動畫技巧,最後結合按鈕元件的使用與停止動作行為,完成互動按鈕的動態效果。 使用動畫技巧:影片片段元件、傳統補間動畫、遮色片動畫。 Step1. 範例檔內場景上各個動畫素材均已各自轉換為
Thumbnail
目標動畫效果:應用影片片段元件與傳統補間動畫,以及多個影片片段元件的組合,包括遮色片動畫技巧,最後結合按鈕元件的使用與停止動作行為,完成互動按鈕的動態效果。 使用動畫技巧:影片片段元件、傳統補間動畫、遮色片動畫。 Step1. 範例檔內場景上各個動畫素材均已各自轉換為
Thumbnail
本篇會說明關於資料庫中的動畫功能。
Thumbnail
本篇會說明關於資料庫中的動畫功能。
Thumbnail
可以在畫面任意位置顯示文字,內容可以是一般文字、變數、控制字元等等。
Thumbnail
可以在畫面任意位置顯示文字,內容可以是一般文字、變數、控制字元等等。
Thumbnail
這次我們要說到遊戲經常使用到的圖片指令系列。在不使用插件的情況下也可以使用來做對話框背景或是立繪顯示。
Thumbnail
這次我們要說到遊戲經常使用到的圖片指令系列。在不使用插件的情況下也可以使用來做對話框背景或是立繪顯示。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News