新聞中心 - 聯成電腦｜政府認定 AI 培訓班，轉職Python/室內設計課程首選

ChatGPT製作GIF動圖教學：從AI圖像生成到Photoshop動畫合成全攻略

在社群內容與即時溝通盛行的時代，GIF動圖早已成為比靜態圖片更吸睛的視覺表現方式，無論是LINE貼圖動畫、社群貼文、品牌行銷素材，都能大幅提升互動率與記憶點。過去製作動畫往往需要繁複的繪製與時間軸設定，但現在透過ChatGPT圖像生成搭配Photoshop，即使不具備動畫背景，也能快速完成流暢的GIF動圖。本篇教學將一步步示範如何使用ChatGPT生成連續關鍵影格圖像，並透過Photoshop製作GIF動圖，從提示詞撰寫、影格動畫設定，到最後輸出GIF檔案，完整帶你實作一次，讓你也能輕鬆製作屬於自己的動畫貼圖與動態素材。目錄 GPT輸入指令生成關鍵幀圖像素材 Photoshop調整GIF影格動畫 GPT輸入指令生成關鍵幀圖像素材首先給GPT一張圖，並輸入: [新規則]你現在可以持續生成圖像。用圖1建立一連串詳細的圖像，用於[line貼圖動畫]，這一連串[line貼圖動畫]分為6個圖像，每個圖像作為連續圖像的關鍵幀。依序創作圖像以描繪 [ 1.角色戴著墨鏡 2.開始抬手觸碰墨鏡 3.開始摘下墨鏡 4.墨鏡快摘下來一半 5.摘完墨鏡，露出眼睛 6.睜大眼睛，表情驚訝 ]。請確保各圖像之間能平滑且連貫地過渡，每個圖像比例皆為1:1。 ### 輸出格式 [第n幀圖像] [新規則] 你現在可以持續生成圖像。再來就會生出6張連續圖檔。 Photoshop調整GIF影格動畫再來將這6張連續圖檔下載，並用Photoshop打開。再到視窗/時間軸，開啟時間軸面板。就會出現時間軸面板。並在時間軸面板將視訊時間軸改為建立影格動畫。接著再新增6個影格，新增影格按鈕在時間軸面板的右下方，有個+號圖示。接著再將每張圖片的撥放時間改為0.2秒，可以用Shift鍵連選，再按圖片下方的向下的箭頭，就會彈出秒數可以選擇。再來點選每一格影格，並用圖層眼睛開關來選擇，哪一個影格要出現哪一個圖層。最後修飾錯誤圖象的部分，有一張圖片眼鏡沒有鏡片，於是我複製其他張的眼鏡，並配合變形工具和遮罩，將鏡片合成上。還有一張圖片沒有咖啡色的嘴巴面積，於是我用色彩增值模式的圖層，來增加咖啡色。最後要輸出成GIF動圖，來到檔案/轉存/轉存成網頁。來到轉存面板，不用做任何調整，只要看看是不是GIF格式。這樣我們的動圖就完成了，謝謝觀賞。加入我們的社群！Follow us！作者簡介｜Andy老師臺北師範大學設計研究所畢業，具15年以上教學與業界經驗，曾任連載漫畫家，並參與遊戲、動畫與博奕美術專案，專長於數位繪畫、漫畫、動畫與遊戲美術，現為多所大專院校與電腦補教體系兼任講師。

名師專欄視覺設計 Photoshop Andy

用GPT製作LINE貼圖，從角色設計到Ps去背全攻略

在AI創作工具越來越成熟的現在，製作LINE貼圖早已不再是設計師的專利。只要善用GPT的圖像生成功能，再搭配簡單的Photoshop編輯，就能一步步完成屬於自己的貼圖角色。本篇將實際示範如何從「一句指令」開始，生成貼圖角色與多個情境動作，並整理後製去背、尺寸調整與文字特效的完整流程，讓你即使沒有繪圖基礎，也能快速上手，打造可上架的LINE貼圖作品。目錄 GPT輸入指令生成圖像 Photoshop去背編輯、調整尺寸、加入文字特效 GPT輸入指令生成圖像首先來到GPT的網頁，輸入指令：「請幫我繪製一隻line貼圖的角色形象為又壞又酷的水豚，畫風用KUROMI全身造型，穿著皮衣外套，露出白色T恤，上面有(豚)的字樣不帶帽子，沒有眉毛」。再來輸入指令：「用此形象設計9張常見的line貼圖情境圖，並排列成一張9宮格，不要有文字，每張構圖不要一樣，表情與動作必須生動且誇張」。接著我覺得畫面太簡單，於是我輸入指令：「畫面再細緻」。再來因為胸前的中文字，每張都不一樣，就想說把中文字去掉，再來就是上面3隻角色都比較大，於是我輸入指令：「胸前的文字去掉，每張圖的角色大小要一致」。再來這張圖太小了，於是我輸入指令：「將此圖放大3倍，並保留細節，維持清晰度」它就生出一個可供下載大圖的連結。 Photoshop去背編輯、調整尺寸、加入文字特效去背編輯、調整尺寸下載後就可以將圖片置入Photoshop編輯，首先先要去背，用筆刷選取工具。之後再用套索工具，選取為選取的部位。接著來到Line官網看一下貼圖尺寸。再回到Photoshop開2個新檔，一個是貼圖尺寸370*320，另一個是留白邊尺寸350*300。大尺寸為貼圖大小，小尺寸為貼圖須留10像素的邊緣，再用變形工具調整角色的大小與位置。加入文字特效再來用文字工具打上文字。接著再幫文字加粗用筆畫特效。再用外光暈幫文字加白邊。最後關掉背景圖層眼睛，再存成PNG格式，就完成了，其餘張數做法相同，謝謝觀賞。加入我們的社群！Follow us！作者簡介｜Andy老師臺北師範大學設計研究所畢業，具15年以上教學與業界經驗，曾任連載漫畫家，並參與遊戲、動畫與博奕美術專案，專長於數位繪畫、漫畫、動畫與遊戲美術，現為多所大專院校與電腦補教體系兼任講師。

AI 名師專欄視覺設計 Photoshop Andy

照片轉動漫風！兩步驟學會人像「畫風轉換」技巧，改變頭身比與風格繪製教學

文、Andy老師大家好，這次要介紹的是畫風轉換，意思就是看著照片畫出不同畫風風格的方法，而這次會做2張照片的畫風轉換示範，完成2種轉換畫風的效果。目錄 Q版畫風轉換：改變頭身比 Q版畫風轉換：運用幾何描繪身體結構 Q版畫風轉換：雕塑細節日式畫風轉換：改變頭身比日式畫風轉換：運用幾何描繪身體結構日式畫風轉換：雕塑細節 Q版畫風轉換步驟教學首先是第一張照片的畫風轉換示範，通常照片的參考目的在於，參考姿勢與服裝，造型等為參考目的。 Q版畫風轉換：改變頭身比所以第1步，先改變頭身比，一般成人頭身比為6-8頭身，所以要改變畫風的第一步就是改變頭身比，以及身體與四肢的大小變化，這裡我將四肢改為末端變大，並以幾何型抓整體大形，同時將照片姿勢畫出來。 Q版畫風轉換：運用幾何描繪身體結構第2步，有了這個大型再往內部細畫，畫上頭部的幾何立體形，以及身體衣服的穿著，和鞋子與包包的部分。 Q版畫風轉換：雕塑細節再來畫出頭髮，這裡頭髮則是畫出較粗的髮條，並畫出前後遮擋的效果。再來就可以描乾淨的線，與畫上五官，同時還可以在線條與線條交接處畫上較深的陰影作為線條閉塞。日式畫風轉換步驟教學再來是第2張照片的畫風轉換，首先是先找到照片，確認造型與姿勢。日式畫風轉換：改變頭身比那這張我就再換一個風格，就是日式常見的風格，8頭身，首先我是先畫火柴人，來確定頭身比與姿勢。日式畫風轉換：運用幾何描繪身體結構第2步是加粗肢體，並畫出全身的幾何形結構。日式畫風轉換：雕塑細節再來參考照片的髮型與服裝，將其畫上。最後一步就能畫出全身的姿勢與服裝效果。以上就是參考照片畫出畫風轉換的方法，總結就是，先找到一張照片參考姿勢與服裝，然後再決定頭身比，隨後再決定繪畫風格，看是要寫實或動漫風，最後再畫上照片的服裝與髮型就完成風格轉換了，謝謝觀賞，如果對角色設計有興趣歡迎填寫下方表單諮詢。 ⭐點我加入官方LINE，獲得第一手最新消息⭐ FB粉絲團：https://www.facebook.com/lccnetzone YouTube頻道：https://www.youtube.com/@Lccnet-TW 痞客邦Blog：http://lccnetvip.pixnet.net/blog

名師專欄角色設計電繪 Andy

Photoshop教學｜簡單步驟打造超夢幻「草莓魚缸」效果！

文、Andy老師大家好，這次要介紹的是用Photoshop製作草莓魚缸的效果。目錄準備背景圖圖像去背透明玻璃魚缸合成金魚去背合成設定光影、調色步驟教學準備背景圖首先先準備一張背景圖，有桌面的那種。圖像去背再來找一張單色背景的草莓圖，並使用自動選取工具，框選草莓，草莓就會自動被選取，接著就可以將草莓去背。接著按下Delete鍵，就可以刪除背景，這樣就得到一個去背的草莓，在來使用套索工具，套住要刪除的另一個草莓，這樣就得到一個草莓在畫面上。透明玻璃魚缸合成接著用圓形選取工具，剪下草莓的上半部，此部位將作為魚缸透明的部分。接著再找一張草莓切開的照片，並使用圓形選取工具，選取草莓的切面圖。再使用編輯 / 任意變形，來調整切面至草莓的上方，作成草莓被切開的樣子。再來將剛剛切下的上半部草莓，按下Ctrl+U來調整成黑白色，調整方法是只需要將飽和度的滑條拉至最左邊，這樣就可以將草莓上半部調成灰階。接著將該圖層調成實光模式，此時草莓就變成玻璃效果。金魚去背合成接著再找一張金魚的照片，一樣使用自動選取工具，將金魚去背。同時再使用Ctrl+T來調整金魚的大小與位置。接著再來找一張水杯的照片，並將水杯的水面選取起來。並將水面合成到草莓玻璃的上面，做成像魚缸水面水的樣子。再來複製一層草莓魚缸在金魚之上，來作成金魚在魚缸內外部有玻璃的樣子。設定光影、調色再來新增一個色彩增值圖層，並使用柔邊筆刷工具，為草莓周圍畫上陰影，以便增加立體感。同時在畫上桌面的影子。最後使用Ctrl+B叫出色彩平衡面板，來調整畫面的色調，如此就完成了。感謝觀賞，我們下次再見。 ⭐點我加入官方LINE，獲得第一手最新消息⭐ FB粉絲團：https://www.facebook.com/lccnetzone YouTube頻道：https://www.youtube.com/@Lccnet-TW 痞客邦Blog：http://lccnetvip.pixnet.net/blog

名師專欄視覺設計 Photoshop Andy

Illustrator教學：無限漸層效果

文、Andy老師大家好，今天要介紹的是用illustrator製作無限漸層8的新年快樂效果圖。首先先使用圓形工具，畫出一個圓，而這個圓要選擇筆畫，不能選擇填滿，並且在漸層面板裡，選擇類型漸層和筆畫轉折的漸層。接著將筆畫調粗，使其變成一個圓。接著調整漸層顏色，點選漸層色條中的任一部份，即可增加色圈，再來雙擊色圈，便會跳出調色介面，即可更改顏色。再來複製一個圓，在下方，並反轉下方的圓，使其對齊上方的圓，如此就形成一個無限循環的漸層8的圖形。再來調整一下無限漸層8的漸層顏色，使其顏色銜接順暢無斷層，再來畫2個圓，墊在無限循環的8圖形後面，當作邊框來突顯無限循環的8圖案，使其與背景區分，再使用斜線工具，與打字工具，在中間打上新年快樂，同時用舉行拉一個方塊，當底色。再來要做放射狀的線條效果，首先先用圓形畫一個帶線條的圓，同時開啟筆畫面板，打勾虛線選項，並調整下方虛線間隔的參數，如此就會得到一個圓形虛線條。接著在筆畫面板的寬度欄位輸入 500，這樣線條就會變得非常粗，看起來就如同放射線條的樣子。再來再複製一組剛剛做好的放射線條，再更改虛線間隔的參數，就會出現線條粗細與間隔變化，不同於上一組的放射線條的效果。最後更改底色，使其顏色更加突顯，如此線條放射出歡慶過年的氣氛效果，就完美呈現，如下圖所示。這張無限循環的新年快樂就完成了，最後，感謝大家的觀看，下次再見。 ⭐點我加入官方LINE，獲得第一手最新消息⭐ FB粉絲團：https://www.facebook.com/lccnetzone YouTube頻道：https://www.youtube.com/@Lccnet-TW 痞客邦Blog：http://lccnetvip.pixnet.net/blog

名師專欄視覺設計 Illustrator Andy

搜尋近期熱門

搜尋近期熱門

關於我們

友站連結

AI賦能專區

產學就業班

單元證照班

政府公費班

企業服務

特別企劃

Andy

ChatGPT製作GIF動圖教學：從AI圖像生成到Photoshop動畫合成全攻略

用GPT製作LINE貼圖，從角色設計到Ps去背全攻略

照片轉動漫風！兩步驟學會人像「畫風轉換」技巧，改變頭身比與風格繪製教學

Photoshop教學｜簡單步驟打造超夢幻「草莓魚缸」效果！

Illustrator教學：無限漸層效果