สไลด์โชว์ Flash CS4

• เมษายน 28, 2024

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

สไลด์โชว์นี้สามารถทำได้หลายวิธีรวมถึง JavaScript ภาพเคลื่อนไหว gif และ Flash^R. ฉันชอบใช้ Flash เพราะเป็นวิธีที่ง่ายและรวดเร็วในการสร้างสไลด์โชว์อย่างง่ายที่แสดงภาพหลายภาพทีละภาพ ในทางกลับกันมันเป็นเรื่องง่ายที่จะสร้างสไลด์โชว์ที่อิงกับ XML ขั้นสูงยิ่งขึ้น ในบทช่วยสอนต่อไปเราจะสร้างสไลด์โชว์ภาพใน Flash CS4 โดยเริ่มจากการแสดงภาพบนเครื่องบินและสร้างเป็นเวอร์ชั่นขั้นสูงพร้อมเอฟเฟกต์การเปลี่ยนแปลง

สิ่งเดียวที่คุณต้องการสำหรับบทช่วยสอนนี้คือสามภาพ jpg และ Adobe Flash มันจะดีกว่าถ้าภาพมีขนาดเท่ากันทั้งหมด เราจะใช้เพียงสามข้อในการสอนของเรา แต่คุณอาจใช้มากเท่าที่คุณต้องการ เพียงจำไว้ว่าภาพมากขึ้นจะทำให้เวลาดาวน์โหลดไฟล์ Flash swf ของคุณเพิ่มขึ้น

เปิด Flash CS4 เริ่มโครงการใหม่ของ ActionScript 3 และเริ่มทำงานได้

1. ขั้นตอนแรกคือการตั้งค่าสเตจให้มีขนาดเท่ากับภาพของเรา จากแถบเมนูคลิกปรับเปลี่ยน - เอกสาร ในกล่องโต้ตอบคุณสมบัติเอกสารให้ป้อนความกว้างและความสูงเป็นพิกเซลสำหรับรูปภาพของคุณ สิ่งนี้จะตั้งค่าระยะให้ตรงกัน คุณอาจต้องการเปลี่ยนสีพื้นหลัง คลิกที่กล่องสีขนาดเล็กและเลือกสี คุณอาจต้องการจับคู่สีพื้นหลังของหน้าเว็บ
   
   เราจะใช้ Frame 1 บน Timeline สำหรับรหัส Preloader ซึ่งเราจะเพิ่มในภายหลัง ดังนั้นในตอนนี้เราจะเริ่มสร้างสไลด์โชว์ของเราบน Frame 2
   
   ภาพแต่ละภาพของเราจะแสดงผล 100 เฟรม เนื่องจากเฟรมต่อวินาทีของเราถูกตั้งค่าเป็น 24 โดยค่าเริ่มต้นสิ่งนี้จะให้เวลาประมาณสี่วินาทีในการแสดงผลสำหรับแต่ละภาพ
   
   
2. เปลี่ยนชื่อเลเยอร์ 1 เป็น "พื้นหลัง" ในเลเยอร์เดียวกันนี้คลิกขวาที่ Frame 300 (100 frames x 3 images) และเพิ่มกรอบเปล่า (Insert Frame) สิ่งนี้จะแสดงเลเยอร์พื้นหลังระหว่างภาพเคลื่อนไหวทั้งหมด
   
   
3. เพิ่มเลเยอร์ใหม่แล้วตั้งชื่อว่า "Image1" เลเยอร์นี้จะเก็บภาพแรกของเรา แต่เราไม่ต้องการให้ภาพปรากฏบนเวทีจนกว่า Frame 2 จำไว้ว่า Frame 1 จะเป็นตัวโหลดล่วงหน้าของเรา บนเฟรม 2 ของเลเยอร์นี้คลิกขวาและเพิ่มคีย์เฟรม
   
   ตอนนี้เราจะเพิ่มภาพแรกของเรา
   
   
4. จากแถบเมนูคลิกไฟล์ - นำเข้า - นำเข้าสู่สเตจ นี่ควรทำให้ภาพแรกของเราอยู่ตรงกลางบนเวที เพื่อให้แน่ใจว่าอยู่ในแนวเดียวกับที่เราต้องการให้เลือกภาพและไปที่แผงคุณสมบัติ ค่าตำแหน่ง X และ Y ควรตั้งค่าเป็น 0.0
   
   บันทึกไฟล์โครงการของคุณ
   
   

ลิขสิทธิ์ 2018 Adobe Systems Incorporated สงวนลิขสิทธิ์. ภาพหน้าจอผลิตภัณฑ์ Adobe พิมพ์ซ้ำได้รับอนุญาตจาก Adobe Systems Incorporated Adobe, Photoshop, อัลบั้ม Photoshop, องค์ประกอบ Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, องค์ประกอบรอบปฐมทัศน์, สะพาน, After Effects, InCopy, Dreamweaver, แฟลช, ActionScript, ดอกไม้ไฟ, Contribute, Flash Catalyst และ Flash Paper เป็น / เป็น [a] เครื่องหมายการค้าจดทะเบียน [s] หรือเครื่องหมายการค้า [s] ของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ

คำแนะนำวิดีโอ: How to Create an Adobe Flash Slide Show (เมษายน 2024).