วิธีสร้างภาพเคลื่อนไหวธงโบกสำหรับเว็บไซต์

ผู้เขียน: Vivian Patrick
วันที่สร้าง: 12 มิถุนายน 2021
วันที่อัปเดต: 15 พฤศจิกายน 2024
Anonim
สอน After Effects ทำ Flag Light แจกโปรเจคไฟล์
วิดีโอ: สอน After Effects ทำ Flag Light แจกโปรเจคไฟล์

เนื้อหา

หากคุณต้องการแสดงข้อความหรือภาพเคลื่อนไหวบนเว็บไซต์ของคุณให้ลองเพิ่มธงโบก มันเลียนแบบวิธีที่ธงจริงกระพือปีกในสายลมและนำเสนอภาพและ / หรือข้อความ แม้ว่าแผนภูมินี้จะสร้างขึ้นโดยใช้แอปพลิเคชันกราฟิกแบบดั้งเดิม แต่ก็มีตัวเลือกในการทำให้รูปภาพนี้เป็นแบบไดนามิกด้วยทรัพยากรทางอินเทอร์เน็ตฟรี สร้างแอนิเมชั่นธงของคุณโดยโบกมือตามที่คุณต้องการและเข้าใจวิธีโพสต์บนเว็บไซต์

ขั้นตอนที่ 1

กำหนดเบราว์เซอร์ของคุณไปยังเครื่องสร้างแบนเนอร์แบบเคลื่อนไหวออนไลน์เช่น FlashVortex.com, MakeSweet หรือ Layoutcodez.net สองภาพสุดท้ายนี้ช่วยให้คุณสามารถส่งภาพของธงได้ในขณะที่ FlashVortex.com มีภาพที่พร้อมสำหรับการแก้ไข

ขั้นตอนที่ 2

อัปโหลดภาพสำหรับแบนเนอร์เคลื่อนที่ไปยังเว็บไซต์ MakeSweet โดยคลิกที่ปุ่มที่มีเครื่องหมายบวกและเครื่องหมายเดียวกับที่ปรากฏพร้อมกับรูปภาพมาตรฐาน ที่ Layoutcodez.net คลิกที่ปุ่ม "เลือกไฟล์" ทำตามคำแนะนำในแต่ละไซต์เพื่อเลือกกราฟิกและเพิ่มลงในโครงการ


ขั้นตอนที่ 3

ใช้เมนูบนเว็บไซต์ FlashVortex.com และ MakeSweet เพื่อวาดภาพ ตัวอย่างเช่นป้อนขนาดของธงในช่องข้อความ "มาตราส่วนค่าสถานะ" พิมพ์เนื้อหาที่มาพร้อมกับธงในช่อง "ข้อความ" และเลือกตำแหน่งของข้อความโดยใช้คุณลักษณะ ภายใต้หัวข้อ "แก้ไขตำแหน่งป้ายข้อความ" Layoutcodez.net ไม่มีตัวเลือกในการปรับเปลี่ยนรูปภาพเพิ่มเติม

ขั้นตอนที่ 4

เสร็จสิ้นการออกแบบแบนเนอร์ที่เคลื่อนไหวโดยคลิกที่ปุ่ม "สร้างภาพเคลื่อนไหว" บนเว็บไซต์ FlashVortex.com หรือ "อัปโหลด" ในหน้า Layoutcodez.net จากนั้นคัดลอกโค้ดที่ปรากฏในช่องโดยอัตโนมัติ ของข้อความ ด้วย MakeSweet คลิกที่ไอคอนภาพยนตร์ในภาพวาดเลือกตัวเลือก "Draft" (ร่าง) หรือ "HI-RES" และคลิกที่ภาพดิสก์ที่ปรากฏที่ด้านบนเพื่อบันทึกไฟล์บนเดสก์ท็อปของคอมพิวเตอร์ของคุณ

ขั้นตอนที่ 5

อัปโหลดไฟล์ GIF แบบเคลื่อนไหวจาก MakeSweet ไปยังอินเทอร์เน็ตหรือเซิร์ฟเวอร์โฮสต์ของคุณ (ถ้ามี) ไปยังโฟลเดอร์หรือไดเรกทอรีเดียวกันกับที่เก็บไฟล์จากไซต์อื่น สังเกตตำแหน่งของไฟล์ (ตัวอย่างเช่น "http://www.yousite.com/flag.gif")


ขั้นตอนที่ 6

เข้าถึงเว็บไซต์ที่คุณต้องการเพิ่มธงในโปรแกรมแก้ไขข้อความและวางเคอร์เซอร์ในตำแหน่งที่คุณต้องการให้กราฟิกปรากฏ วางโค้ดจาก FlashVortex.com หรือ Layoutcodez.net หากใช้ MakeSweet ให้พิมพ์ URL ของไฟล์แฟล็กในเครื่องหมายคำพูดในโค้ดรูปภาพต่อไปนี้:

ขั้นตอนที่ 7

บันทึกงานของคุณ ขณะนี้ธงเคลื่อนไหวปรากฏบนหน้าเว็บไซต์ของคุณ